:root[data-theme="dark"]{color-scheme:dark;--bg:#141413;--chrome:#191917;--panel:#1c1b19;--panel2:#26241f;--surface:#1d1c1a;--surface2:#28261f;--border:#33312b;--line:#2b2925;--text:#f3f1ea;--muted:#a3a097;--faint:#6c6a62;--accent:#e08260;--accent-hover:#eb9a7c;--accent-text:#141413;--accent-soft:#3a2620;--accent2:#7fb0dd;--accent3:#9bb07f;--sky:#7fb0dd;--sage:#9bb07f;--sun:#e8b44a;--grape:#b39ae6;--danger:#ef7a60;--danger-soft:#40241d;--success:#7cc08a;--success-soft:#1f3324;--info-soft:#1f3243;--focus:#7fb0dd;--editor-bg:#171615;--line-hl:#1f1d1b;--run-hl:#1f3243;--err-hl:#40241d;--gutter:#5f5d56;--sel:#4a3528;--stage-bg:#1b1a18;--stage-grid:#2a2824;--syn-cmd:#ec9474;--syn-word:#8cb8e3;--syn-str:#a9c38a;--syn-num:#c2a4ea;--syn-com:#75736a;}
body{transition:background .25s,color .25s}.hero{gap:40px}.nav{gap:20px}.nav .chip{white-space:nowrap}.sculpture{min-width:0;position:relative;background:radial-gradient(ellipse at 50% 40%,var(--accent-soft),transparent 67%);perspective:1000px}.sculpture-title{display:flex;justify-content:space-between;gap:12px;font:11px var(--font-code);color:var(--muted);letter-spacing:.08em}.sculpture canvas{width:100%;aspect-ratio:10/9;cursor:grab;touch-action:none}.sculpture canvas:active{cursor:grabbing}.drag-hint{text-align:center;margin-top:-20px}.sculpture-controls{display:grid;grid-template-columns:1fr 1fr;gap:12px 24px;padding:16px 0;border-top:1px solid var(--border)}.sculpture-controls label{font-size:13px;color:var(--muted)}.sculpture-controls output{float:right;color:var(--text)}.sculpture-controls input{display:block;width:100%;accent-color:var(--accent);margin-top:8px}.sculpture-actions{display:flex;gap:8px;flex-wrap:wrap}.sculpture-actions .chip{font-size:12px}.feature{transition:transform .2s;transform-style:preserve-3d}.feature:hover{transform:translateY(-6px)}.share-row input{color:var(--text)}@media(max-width:1050px){.nav{flex-wrap:wrap;gap:15px}.hero{gap:28px}}@media(max-width:650px){.nav .brand{flex-basis:auto}.hero h1{font-size:60px}.sculpture-title{font-size:10px}.sculpture{margin-top:8px}.toolbar{gap:10px;flex-wrap:wrap}.editor textarea,.editor pre{font-size:13px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}.feature:hover{transform:none}}