.cc{gap:16px;display:grid}.cc-start{gap:6px;display:grid}.cc-drop{text-align:center;border:2px dashed var(--line-2);border-radius:var(--radius-lg);background:var(--surface);cursor:pointer;justify-items:center;gap:9px;padding:clamp(24px,4.5vw,46px);transition:border-color .15s,background .15s;display:grid}.cc-drop:hover,.cc-drop.is-dragover{border-color:var(--brand-2);background:var(--surface-2)}.cc-drop:focus-within{outline:2.5px solid var(--brand);outline-offset:3px}.cc-drop strong{font-size:19px}.cc-art{width:84px;height:84px}.cc-sample{text-align:center;margin:0}.cc-start.is-compact{display:none}.cc-msg{color:var(--ink-2);margin:0;font-size:14px}.cc-msg:empty{display:none}.cc-work{grid-template-columns:minmax(0,1fr) minmax(0,360px);align-items:start;gap:20px;display:grid}.cc-stage-col{justify-items:center;gap:12px;display:grid}.cc-stage{aspect-ratio:1;touch-action:none;cursor:grab;width:min(100%,520px);box-shadow:0 0 0 1px var(--line-2), var(--shadow-sm);border-radius:8px;position:relative;overflow:hidden}.cc-stage:active{cursor:grabbing}.cc-stage:focus-visible{outline:3px solid var(--brand);outline-offset:3px}.cc-stage canvas{width:100%;height:100%;position:absolute;inset:0}.cc-stage-col .cc-range{width:min(100%,520px)}.cc-row{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.cc-new{cursor:pointer}.cc-new:focus-within{outline:2.5px solid var(--brand);outline-offset:2px}.cc-big{max-width:520px;margin:0}.cc-panel{gap:16px;display:grid}.cc-group{border:0;border-bottom:1px solid var(--line);gap:10px;min-width:0;margin:0;padding:0 0 14px;display:grid}.cc-group legend{color:var(--ink);margin-bottom:8px;padding:0;font-size:15px;font-weight:750}.cc-range{color:var(--ink-2);grid-template-columns:1fr auto;gap:4px 8px;font-size:13px;font-weight:600;display:grid}.cc-range input{width:100%;accent-color:var(--brand);grid-column:1/-1}.cc-val{color:var(--muted);font-variant-numeric:tabular-nums;font-weight:600}.cc-colors{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.cc-colors[hidden]{display:none}.cc-swatch{border:1.5px solid var(--faint);background:var(--sw);border-radius:50%;width:30px;height:30px;padding:0}.cc-swatch[aria-pressed=true]{box-shadow:0 0 0 2px var(--surface), 0 0 0 4.5px var(--ink)}.cc-swatch:focus-visible{outline:2.5px solid var(--brand);outline-offset:6px;border-radius:50%}.cc-picker{border:1.5px solid var(--faint);cursor:pointer;background:conic-gradient(#f43f5e,#f59e0b,#84cc16,#06b6d4,#6366f1,#d946ef,#f43f5e);border-radius:9px;place-items:center;width:40px;height:32px;display:inline-grid;overflow:hidden}.cc-picker input{opacity:0;cursor:pointer;border:0;width:100%;height:100%;padding:0}.cc-picker:focus-within{outline:2.5px solid var(--brand);outline-offset:2px}.cc-picker.is-set{background:var(--pick)}.cc-picker-sm{background:var(--pick,#fff);width:34px;height:28px}.cc-fill-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.cc-group .hint{margin:0}.cc-field{color:var(--ink-2);gap:4px;font-size:13px;font-weight:700;display:grid}.cc-field select,.cc-field input{width:100%}.cc-note:empty{display:none}.cc-note.is-warn{color:var(--warn,#b45309)}.cc-done{color:var(--ink-2);min-height:1.4em;margin:0;font-size:14px}.cc-small{gap:8px;display:grid}.cc-h{margin:0;font-size:18px}.cc-small .hint{margin:0}.cc-strips{grid-template-columns:repeat(auto-fit,minmax(min(100%,330px),1fr));gap:10px;display:grid}.cc-strip{border-radius:var(--radius);border:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:14px;padding:14px;display:flex}.cc-strip img{flex:none;max-width:100%;height:auto}.cc-strip-light{background:#fff}.cc-strip-dark{background:#15161a}@media (width<=860px){.cc-work{grid-template-columns:1fr}}@media (width<=420px){.cc-strip{gap:10px;padding:12px}}.cc-steps{counter-reset:st;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin:0;padding:0;list-style:none;display:grid}.cc-steps li{counter-increment:st;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:16px 16px 14px}.cc-steps li:before{content:counter(st);background:var(--brand);width:26px;height:26px;color:var(--brand-ink);border-radius:8px;place-items:center;margin-bottom:8px;font-size:13px;font-weight:800;display:inline-grid}.cc-steps h3{margin:0 0 4px;font-size:16px}.cc-steps p{margin:0;font-size:14.5px}.cc-sec .prose{max-width:78ch}.cc-sec .prose h2{margin:0 0 10px;font-size:clamp(22px,2.4vw,28px)}.cc-sec .prose th[scope=row]{background:0 0;font-weight:650}.cc-table-wrap{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);max-width:none;margin:1.2em 0;overflow-x:auto}.cc-table{border-collapse:collapse;border:0;border-radius:0;width:100%;min-width:640px;margin:0;font-size:14.5px;display:table}.cc-table th,.cc-table td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:10px 12px}.cc-table thead th{background:var(--surface-2);font-size:13.5px}.cc-table tr:last-child th,.cc-table tr:last-child td{border-bottom:0}.cc-sources{margin-top:18px;line-height:1.6}.cc-sources a{color:inherit}