@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{--paper: #f1f0e9;--ink: #11130f;--glass-ink: #eeeee5;--glass-muted: #a9ada0;--glass-rule: rgb(222 226 207 / 24%);--muted: #77796f;--soft: #a5a69c;--rule: #c9c9bf;--signal: #caff4a;--void: #060806;--panel: rgb(19 22 18 / 70%);--panel-strong: rgb(19 22 18 / 76%);--button: rgb(10 12 9 / 88%);--accent-soft: #b8d75c;--glass-placeholder: rgb(222 226 207 / 48%);--slider-fill: #8aa33f;--slider-thumb: #8aa33f;--rail: 360px;color:var(--ink);background:var(--paper);font-family:Space Grotesk,sans-serif;font-synthesis:none}*{box-sizing:border-box}html,body,#app{min-width:320px;min-height:100%;margin:0}body{background:var(--paper)}button,input,select{font:inherit}button{cursor:pointer}.site-shell{min-height:100vh;overflow:hidden}.hero{position:relative;z-index:1;min-height:100vh;padding:8vw 11.5vw 10vw;display:grid;grid-template-columns:minmax(300px,1fr) minmax(360px,530px);gap:8vw;color:var(--glass-ink);background:var(--panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);opacity:1;transition:opacity .45s ease,visibility .45s ease}.has-controls .hero{visibility:hidden;opacity:0;pointer-events:none}.hero h1{max-width:760px;margin:0;font-size:clamp(60px,8.4vw,130px);font-weight:500;letter-spacing:-.06em;line-height:.88}.hero h1 em{color:var(--accent-soft);font-style:normal}.hero h1 span{display:inline-block;margin-left:9vw}.lede{margin:43px 0 0 15%;color:var(--glass-muted);font-size:16px;line-height:1.4}.source-form{align-self:end;margin-bottom:40px}.source-form label{display:block;margin-bottom:14px;color:var(--glass-muted);font:11px DM Mono,monospace;text-transform:uppercase}.input-wrap{display:flex;border-bottom:2px solid var(--glass-ink)}input[type=url]{width:100%;min-width:0;padding:13px 0;border:0;outline:0;color:var(--glass-ink);background:transparent;font:16px DM Mono,monospace}input[type=url]::placeholder{color:var(--glass-placeholder)}.input-wrap button{min-width:112px;padding:0 19px;border:0;color:var(--signal);background:var(--button);font:600 12px Space Grotesk,sans-serif;letter-spacing:.12em}.meltdown{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;display:block;background:var(--void)}.artwork-stage{width:100%;height:100%;min-width:0;min-height:0;overflow:hidden;background:var(--void)}.artwork-stage canvas{display:block;width:100%;height:100%;image-rendering:pixelated}.controls{position:fixed;top:0;right:0;z-index:3;min-width:0;width:var(--rail);height:100vh;padding:32px 28px 28px;border-left:1px solid var(--glass-rule);color:var(--glass-ink);background:var(--panel-strong);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);font:400 13px Space Grotesk,sans-serif;overflow:hidden;transform:translate(100%);transition:transform .35s ease}.has-controls .controls{transform:translate(0)}.sidebar-collapsed .controls{transform:translate(100%);pointer-events:none}.controls-head{display:grid;gap:9px;padding-bottom:21px;border-bottom:1px solid var(--glass-rule)}.controls-head h2{margin:0;color:var(--glass-ink);font:500 24px Space Grotesk,sans-serif;letter-spacing:-.04em;text-transform:none}.controls-head span{max-width:100%;overflow:hidden;color:var(--glass-muted);font:10px DM Mono,monospace;text-overflow:ellipsis;white-space:nowrap}.control-group{padding-top:18px}.controls label{display:block;margin:0 0 23px;color:var(--glass-muted);font-size:13px;font-weight:500;letter-spacing:.01em}.controls output{float:right;color:var(--glass-ink);font:12px DM Mono,monospace}.controls input[type=range]{display:block;width:100%;height:16px;margin-top:10px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer}.controls input[type=range]::-webkit-slider-runnable-track{height:6px;border-radius:0;background:linear-gradient(to right,var(--slider-fill) var(--range-progress, 0%),var(--glass-rule) var(--range-progress, 0%))}.controls input[type=range]::-webkit-slider-thumb{width:16px;height:16px;margin-top:-5px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:50%;background:var(--slider-thumb);box-shadow:0 0 0 1px #0000002e}.controls input[type=range]::-moz-range-track{height:6px;border-radius:0;background:var(--glass-rule)}.controls input[type=range]::-moz-range-progress{height:6px;border-radius:0;background:var(--slider-fill)}.controls input[type=range]::-moz-range-thumb{width:16px;height:16px;border:0;border-radius:50%;background:var(--slider-thumb);box-shadow:0 0 0 1px #0000002e}.controls input[type=range]:focus-visible{outline:1px solid var(--signal);outline-offset:4px}.controls select{display:block;width:100%;margin-top:10px;padding:10px 9px;border:1px solid var(--glass-rule);border-radius:0;color:var(--glass-ink);background:var(--button);font:500 13px Space Grotesk,sans-serif}.theme-import-form{margin-top:-5px}.theme-import-row{display:flex;border-bottom:1px solid var(--glass-rule)}.theme-import-row input{width:100%;min-width:0;padding:9px 0;border:0;outline:0;color:var(--glass-ink);background:transparent;font:11px DM Mono,monospace}.theme-import-row input::placeholder{color:var(--glass-placeholder)}.theme-import-row button{padding:0 0 0 12px;border:0;color:var(--signal);background:transparent;font:600 11px Space Grotesk,sans-serif;letter-spacing:.08em}#theme-status{display:block;margin-top:9px;color:var(--glass-muted);font-size:11px;line-height:1.35}.back-button{width:100%;margin-top:6px;padding:16px 0 0;border:0;border-top:1px solid var(--glass-rule);color:var(--glass-ink);background:transparent;font:500 13px Space Grotesk,sans-serif;letter-spacing:.01em;text-align:left}.back-button:hover{color:var(--accent-soft)}.sidebar-toggle{position:absolute;top:20px;right:18px;z-index:4;width:34px;height:34px;padding:9px 8px;border:1px solid var(--glass-rule);color:var(--glass-ink);background:var(--panel-strong);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);opacity:0;pointer-events:none;transition:background .2s ease,opacity .2s ease}.has-controls .sidebar-toggle{opacity:1;pointer-events:auto}.sidebar-toggle:hover{background:var(--signal)}.sidebar-toggle span{display:block;width:15px;height:1px;margin:3px 0;background:var(--glass-ink)}.sidebar-toggle:hover span{background:var(--ink)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:760px){.hero{display:block;min-height:100vh;padding:70px 24px 52px}.hero h1{font-size:19vw}.hero h1 span{margin-left:20vw}.lede{margin:35px 0 0 18%;font-size:14px}.source-form{margin-top:68px}.input-wrap{display:block}.input-wrap button{width:100%;height:45px;margin-top:10px}.controls{top:auto;bottom:0;width:100%;height:auto;max-height:58vh;padding:20px;border-top:1px solid var(--glass-rule);border-left:0;transform:translateY(100%);overflow-y:auto}.has-controls .controls{transform:translateY(0)}.sidebar-collapsed .controls{transform:translateY(100%)}.sidebar-toggle{top:16px;right:16px}.artwork-stage{min-height:0}}@media(prefers-reduced-motion:reduce){.controls,.sidebar-toggle{transition:none}}