.cc{gap:1.25rem}.cc-input{flex-direction:column;gap:.5rem;display:flex}.cc-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.cc-head label{color:var(--text-primary);font-size:.9rem;font-weight:600}.cc-textarea{height:150px;resize:vertical!important;min-height:150px!important}.cc-group{flex-direction:column;gap:.6rem;min-width:0;display:flex}.cc-group-title{letter-spacing:.04em;text-transform:uppercase;color:var(--text-secondary);margin:0;font-size:.78rem;font-weight:700}.cc-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:.6rem;margin:0;padding:0;list-style:none;display:grid}.cc-row{border:1px solid var(--border-card);border-radius:var(--radius-md);background:var(--bg-card);grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"name actions""value value";align-items:center;gap:.2rem .5rem;min-width:0;padding:.55rem .6rem .7rem .85rem;display:grid}.cc-name{color:var(--text-secondary);overflow-wrap:anywhere;grid-area:name;font-size:.8rem;font-weight:700}.cc-actions{grid-area:actions;gap:.15rem;display:flex}.cc-actions .ui-icon-btn{width:40px;height:40px}.cc-value{min-width:0;color:var(--text-primary);white-space:pre-wrap;overflow-wrap:anywhere;-webkit-line-clamp:3;-webkit-box-orient:vertical;grid-area:value;font-size:.95rem;line-height:1.45;display:-webkit-box;overflow:hidden}.cc-value.is-code{font-family:var(--font-mono);font-size:.875rem}.cc-value.is-empty{color:var(--text-secondary)}@media (width<=600px){.cc-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.cc-row{grid-template-columns:minmax(0,1fr);grid-template-areas:"name""value""actions";padding:.6rem .6rem .35rem}.cc-value{-webkit-line-clamp:2;font-size:.9rem}.cc-actions{justify-content:flex-end;margin-right:-.25rem}}