.cc-card{border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--card);min-width:0;box-shadow:var(--shadow-md);flex-direction:column;gap:18px;padding:20px;display:flex}.cc-card .tl-btn{min-height:44px}@media (min-width:860px){.cc-card .tl-btn{min-height:38px}}.cc-h{font-size:var(--text-lg);color:var(--text-primary);margin:0;font-weight:750}.cc-choose{flex-direction:column;gap:14px;display:flex}.cc-group{flex-direction:column;gap:8px;min-width:0;display:flex}.cc-group-title{font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);margin:0;font-weight:700}.cc-modes{scroll-snap-type:x proximity;scrollbar-width:thin;gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}@media (min-width:860px){.cc-modes{flex-wrap:wrap;padding-bottom:0;overflow:visible}}.cc-mode{scroll-snap-align:start;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);min-height:44px;color:var(--text-primary);font-size:var(--text-sm);white-space:nowrap;flex:none;padding:0 14px;font-weight:650;transition:border-color .15s,background .15s}@media (min-width:860px){.cc-mode{min-height:38px}}.cc-mode:hover{border-color:var(--brand);background:var(--brand-soft)}.cc-mode.is-on{background:var(--brand);border-color:var(--brand);color:#fff}.cc-options{border:1px solid var(--border-soft);border-radius:var(--radius-md);background:var(--surface);flex-direction:column;gap:10px;padding:12px 14px;display:flex}.cc-style{flex-direction:column;gap:8px;display:flex}.cc-seg{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--card);align-self:flex-start;max-width:100%;display:inline-flex;overflow:hidden}.cc-seg button{border:0;border-right:1px solid var(--border-soft);min-height:40px;color:var(--text-secondary);font-size:var(--text-sm);background:0 0;padding:0 16px;font-weight:650}.cc-seg button:last-child{border-right:0}.cc-seg button:hover{background:var(--brand-soft)}.cc-seg button.is-on{background:var(--brand);color:#fff}.cc-check{font-size:var(--text-sm);color:var(--text-secondary);align-items:center;gap:8px;display:inline-flex}.cc-check input{accent-color:var(--brand);width:18px;height:18px}.cc-panels{grid-template-columns:minmax(0,1fr);gap:16px;display:grid}@media (min-width:860px){.cc-panels{grid-template-columns:repeat(2,minmax(0,1fr))}}.cc-pane{flex-direction:column;gap:10px;min-width:0;display:flex}.cc-label{font-size:var(--text-sm);color:var(--text-primary);font-weight:700}.cc-textarea{resize:vertical;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);width:100%;height:clamp(280px,50vh,520px);color:var(--text-primary);padding:16px;font-size:16px;line-height:1.7}.cc-textarea::placeholder{color:var(--text-subtle)}.cc-textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft);outline:none}.cc-textarea--out{background:var(--surface-2)}.cc-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}@media (max-width:859px){.cc-actions--out>*{flex:1 1 0}}.cc-private{font-size:var(--text-xs);color:var(--brand);align-items:center;gap:7px;font-weight:600;display:inline-flex}.cc-preview-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.cc-grid{grid-template-columns:minmax(0,1fr);gap:10px;display:grid}@media (min-width:640px){.cc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1000px){.cc-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.cc-pv{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);align-items:stretch;min-width:0;display:flex;overflow:hidden}.cc-pv:hover{border-color:var(--brand)}.cc-pv.is-on{border-color:var(--brand);box-shadow:0 0 0 2px var(--brand-soft)}.cc-pv-main{text-align:left;min-width:0;color:var(--text-primary);background:0 0;border:0;flex-direction:column;flex:1;gap:4px;padding:12px 14px;display:flex}.cc-pv-name{font-size:var(--text-xs);letter-spacing:.04em;color:var(--text-muted);font-weight:700}.cc-pv-text{font-size:var(--text-sm);white-space:pre-wrap;overflow-wrap:anywhere;-webkit-line-clamp:3;-webkit-box-orient:vertical;line-height:1.5;display:-webkit-box;overflow:hidden}.cc-pv-copy{border:0;border-left:1px solid var(--border-soft);min-width:64px;color:var(--brand);font-size:var(--text-xs);background:0 0;flex:none;padding:0 12px;font-weight:700}.cc-pv-copy:hover{background:var(--brand-soft)}.cc-card{gap:14px}.cc-head,.cc-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;display:flex}.cc-sel{color:var(--brand);font-weight:600}.cc-head .cc-actions .tl-btn{min-height:36px;padding-inline:12px}.cc-choose{gap:10px}@media (min-width:700px){.cc-group{flex-direction:row;align-items:center;gap:14px}.cc-group-title{flex:0 0 96px}.cc-options{margin-left:110px}}.cc-options{flex-flow:wrap;align-items:center;gap:8px 18px;padding:10px 12px}.cc-style{flex-flow:wrap;align-items:center;gap:8px 14px}.cc-seg button{min-height:36px}