.cs-ctl{flex-direction:column;gap:12px;display:flex}.cs-range{width:100%;accent-color:var(--accent);min-height:28px}.cs-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.cs-row .cs-range{flex:1;min-width:120px}.cs-color{border:1.5px solid var(--line);border-radius:var(--radius);background:var(--surface);cursor:pointer;flex:none;width:48px;height:40px;padding:2px;font-size:16px}.cs-val{font-family:var(--f-mono);min-width:40px;font-size:12px}.cs-x{min-height:30px}.cs-layer{border:1.5px solid var(--line);border-radius:var(--radius);flex-direction:column;gap:6px;min-width:0;margin:0;padding:10px 12px;display:flex}.cs-layer legend{font-family:var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);padding:0 6px;font-size:11px}.cs-side{flex-direction:column;gap:12px;min-width:0;display:flex}.cs-stage{border:1.5px solid var(--line);border-radius:var(--radius);background-image:conic-gradient(var(--sunk)25%,transparent 0 50%,var(--sunk)0 75%,transparent 0);background-size:20px 20px;justify-content:center;align-items:center;min-height:260px;padding:30px;display:flex}.cs-preview{aspect-ratio:4/3;border-radius:12px;width:min(100%,240px)}.cs-code{background:var(--sunk);border-radius:var(--radius);font-family:var(--f-mono);white-space:pre-wrap;overflow-wrap:anywhere;margin:0;padding:12px;font-size:13px}