:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--bg:#f6f0e7;--panel:#fffdfa;--text:#1f1b18;--muted:#736a61;--border:#ded2c3;--accent:#136f63;--danger:#a3343a;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}button{font:inherit}.app{background:linear-gradient(180deg, #ffffff6b, #fff0 280px), var(--bg);color:var(--text);min-height:100%;padding:18px}.app.neon{--bg:#090b12;--panel:#101722;--text:#eef5f7;--muted:#9eb0b7;--border:#2d3d49;--accent:#21c7aa;--danger:#ff5a67}.workspace{grid-template-rows:auto minmax(320px,1fr) auto auto;gap:12px;max-width:980px;min-height:calc(100vh - 36px);margin:0 auto;display:grid}.topbar,.resultRow,.controls{background:color-mix(in srgb, var(--panel) 92%, transparent);border:1px solid var(--border);border-radius:8px}.topbar{justify-content:space-between;align-items:center;gap:16px;padding:14px 16px;display:flex}.eyebrow{color:var(--muted);text-transform:uppercase;margin:0 0 3px;font-size:12px;font-weight:800}h1{margin:0;font-size:clamp(24px,3vw,36px);line-height:1}.iconActions{gap:8px;display:flex}.iconButton{border:1px solid var(--border);color:var(--text);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;width:42px;height:42px;transition:background .14s,border-color .14s,color .14s;display:inline-flex}.iconButton:hover,.iconButton.active{background:var(--accent);border-color:var(--accent);color:#fff}.stage{background:#0a0a14;border:1px solid #1c2434;border-radius:8px;min-height:360px;overflow:hidden}.stage canvas{display:block}.resultRow{justify-content:center;align-items:baseline;gap:12px;min-height:60px;padding:12px 16px;display:flex}.resultLabel{color:var(--muted);text-transform:uppercase;font-size:13px;font-weight:800}.resultRow strong{font-size:clamp(24px,4vw,36px);line-height:1.1}.controls{gap:12px;padding:12px;display:grid}.segmentedControl{background:color-mix(in srgb, var(--bg) 70%, var(--panel));border:1px solid var(--border);border-radius:8px;grid-template-columns:repeat(5,minmax(0,1fr));padding:4px;display:grid}.segmentedControl button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:6px;min-height:36px;font-size:13px;font-weight:900}.segmentedControl button.selected{background:var(--text);color:var(--bg)}.presetStrip{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid}.presetButton,.clearButton{cursor:pointer;border-radius:8px;justify-content:center;align-items:center;min-height:44px;font-weight:800;display:inline-flex}.presetButton{background:color-mix(in srgb, var(--panel) 90%, var(--preset-face));border:1px solid var(--preset-edge);color:var(--text);gap:8px;padding:0 10px}.swatch{background:var(--preset-face);border:2px solid var(--preset-edge);border-radius:6px;flex:none;width:22px;height:22px}.clearButton{border:1px solid color-mix(in srgb, var(--danger) 65%, var(--border));color:var(--danger);background:0 0;gap:8px}.clearButton:disabled{cursor:default;opacity:.35}@media (width<=720px){.app{padding:10px}.workspace{min-height:calc(100vh - 20px)}.topbar{padding:12px}.stage{min-height:300px}.presetStrip{grid-template-columns:repeat(2,minmax(0,1fr))}}