:root{--panel:#0e121cd1;--line:#ffffff1a;--text:#dfe6f0;--muted:#8a96a8;--accent:#6fb3ff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{height:100%;color:var(--text);background:#05070d;margin:0;font:13px/1.4 system-ui,-apple-system,Segoe UI,sans-serif;overflow:hidden}#view{position:fixed;inset:0}#view canvas{display:block}#panel{background:var(--panel);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--line);border-radius:10px;width:240px;padding:10px 12px;position:fixed;top:12px;left:12px}#panel header{justify-content:space-between;align-items:center;display:flex}#panel h1{letter-spacing:.04em;margin:0;font-size:14px}#panel.collapsed #controls{display:none}#controls{gap:8px;margin-top:8px;display:grid}.row{color:var(--muted);grid-template-columns:1fr auto;gap:2px 8px;display:grid}.row input[type=range]{width:100%;accent-color:var(--accent);grid-column:1/-1}.row output{color:var(--text);font-variant-numeric:tabular-nums}.seed{gap:4px;display:flex}.seed input{width:100px}input[type=number],select,button{color:var(--text);border:1px solid var(--line);font:inherit;background:#ffffff0f;border-radius:6px;padding:3px 6px}button{cursor:pointer}button:hover{border-color:var(--accent)}fieldset{border:1px solid var(--line);border-radius:8px;gap:4px;margin:0;padding:6px 8px 8px;display:grid}legend{color:var(--muted);padding:0 4px}#stats{color:var(--muted);margin:0;font-size:12px}#info{pointer-events:none;background:var(--panel);border:1px solid var(--line);white-space:nowrap;border-radius:8px;padding:6px 9px;font-size:12px;position:fixed;transform:translate(14px,14px)}#info b{color:#fff}#info span{color:var(--muted)}body.capture #panel,body.capture #info,body.capture #scale{display:none}#scale{color:var(--text);text-align:right;text-shadow:0 1px 2px #000;pointer-events:none;font-size:12px;position:fixed;bottom:16px;right:16px}#scale-bar{border:2px solid #fff;border-top:none;height:6px;margin-bottom:3px;box-shadow:0 1px 2px #0009}#panel.busy #stats{opacity:.45}#panel.busy h1:after{content:" · generating…";color:var(--muted);font-weight:400}@media (width<=600px){#panel{width:auto;max-height:55vh;top:8px;left:8px;right:8px;overflow:auto}}body.capture .ui{display:none!important}body.shell #panel.advanced{display:none}body.shell #panel{max-height:calc(100vh - 220px);top:auto;bottom:84px;left:16px;overflow:auto}.ui{--glass:#0a0e169e;--edge:#ffffff1f;font-family:system-ui,-apple-system,Segoe UI,sans-serif}.ui button{font:inherit;color:var(--text);cursor:pointer}.ui .pill{background:var(--glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--edge);border-radius:999px;padding:8px 14px;font-size:13px;transition:border-color .15s,background .15s;position:relative}.ui .pill:hover,.ui .pill.on{border-color:#8cbeff99}.ui .pill.primary{background:#4678c859}.brand{pointer-events:none;text-shadow:0 2px 12px #000000b3;position:fixed;top:22px;left:26px}.wordmark{letter-spacing:.42em;color:#fff9;font-size:11px}.pname{letter-spacing:.02em;margin-top:2px;font-size:34px;font-weight:300}.pseed{color:var(--muted);margin-top:2px;font-size:12px}.actions{gap:8px;display:flex;position:fixed;top:22px;right:22px}.lenses{background:var(--glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--edge);border-radius:999px;gap:2px;padding:4px;display:flex;position:fixed;bottom:22px;left:50%;transform:translate(-50%)}.lenses button{color:var(--muted);background:0 0;border:none;border-radius:999px;align-items:center;gap:6px;padding:7px 14px;font-size:13px;display:flex}.lenses button.on{color:#fff;background:#ffffff24}.lenses .ico{font-size:14px}.ui-a .lenses .lbl{display:none}.ui-a .lenses button{padding:7px 11px}.ui-a .lenses button.on .lbl{display:inline}.legend{color:var(--muted);text-shadow:0 1px 4px #000;align-items:center;gap:8px;font-size:11px;display:flex;position:fixed;bottom:72px;left:50%;transform:translate(-50%)}.legend i{border-radius:3px;width:160px;height:6px;display:block}.shape-toggle{position:fixed;bottom:22px;left:22px}.drawer{background:var(--glass);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--edge);border-radius:16px;gap:12px;width:300px;padding:14px 16px 12px;display:grid;position:fixed;bottom:72px;left:22px}.drawer-head{justify-content:space-between;align-items:center;display:flex}.drawer h2{margin:0;font-size:14px;font-weight:600}.drawer .x{color:var(--muted);background:0 0;border:none;font-size:20px;line-height:1}.presets,.chips{flex-wrap:wrap;gap:6px;display:flex}.presets button,.chips button{border:1px solid var(--edge);background:#ffffff0f;border-radius:999px;padding:5px 10px;font-size:12px}.presets button.on,.chips button.on{background:#6eaaff40;border-color:#8cbeff99}.dials{gap:10px;display:grid}.dial{gap:3px;display:grid}.dial-name{color:var(--text);font-size:12px}.dial input{accent-color:#8fb8ff;width:100%}.dial-ends{color:var(--muted);justify-content:space-between;font-size:10.5px;font-style:normal;display:flex}.dial-ends em{font-style:normal}.toggle{color:var(--text);align-items:center;gap:6px;font-size:12px;display:flex}.link{text-align:left;background:0 0;border:none;padding:0;font-size:12px;color:#8fb8ff!important}.almanac{display:none}.ui-b .almanac{background:var(--glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--edge);border-radius:14px;width:250px;padding:12px 14px;font-size:12px;display:block;position:fixed;top:120px;left:26px}.almanac h3{letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin:0 0 8px;font-size:11px;font-weight:600}.almanac dl{grid-template-columns:auto 1fr;gap:5px 10px;margin:0;display:grid}.almanac dt{color:var(--muted)}.almanac dd{margin:0}.chips{display:none}.ui-b .chips{max-width:calc(50vw - 420px);display:flex;position:fixed;bottom:26px;left:200px}.hint{color:#ffffff8c;text-shadow:0 1px 6px #000;pointer-events:none;font-size:12px;transition:opacity 1.2s;position:fixed;bottom:76px;left:50%;transform:translate(-50%)}.hint.gone{opacity:0}.ui-b .hint{bottom:96px}.toast{background:var(--glass);border:1px solid var(--edge);border-radius:10px;padding:8px 12px;font-size:12px;position:fixed;top:74px;right:22px}.compare{background:#ffc85026;border:1px dashed #ffc85080;border-radius:8px;gap:2px;padding:2px;display:flex;position:fixed;top:22px;left:50%;transform:translate(-50%)}.compare button{color:#ffdc96cc;background:0 0;border:none;border-radius:6px;padding:3px 9px;font-size:11px}.compare button.on{color:#fff;background:#ffc8504d}body.shell #scale{bottom:26px;right:26px}body.shell #info{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a0e16c7;border-radius:12px;padding:8px 11px}@media (width<=720px){.pname{font-size:24px}.brand{top:14px;left:16px}.actions{top:14px;right:14px}.actions #share{display:none}.lenses{bottom:70px}.lenses .lbl{display:none}.shape-toggle{bottom:18px;left:50%;transform:translate(-50%)}.drawer{width:auto;bottom:120px;left:8px;right:8px}.ui-b .almanac,.ui-b .chips{display:none}.hint{bottom:122px}body.shell #scale{bottom:18px;right:14px}}.ui [hidden]{display:none!important}.ui .shape-toggle{position:fixed}.ui-b .chips{max-width:330px;bottom:68px;left:22px}.ui-b .ui:has(#drawer:not([hidden])) .chips{display:none}.ui:has(#drawer:not([hidden])) .chips{display:none}.ui:has(#drawer:not([hidden])) .almanac{display:none}@media (width<=720px){.ui .shape-toggle{left:50%;transform:translate(-50%)}}.clock{background:var(--glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--edge);white-space:nowrap;border-radius:999px;align-items:center;gap:8px;padding:4px 12px 4px 4px;font-size:12px;display:flex;position:fixed;bottom:74px;left:50%;transform:translate(-50%)}.clock .play{background:#6eaaff40;border:none;border-radius:50%;width:30px;height:30px;font-size:12px}.clock.running .play{background:#6eaaff73}.clock .scales{gap:2px;display:flex}.clock .scales button{color:var(--muted);background:0 0;border:none;border-radius:999px;padding:4px 9px;font-size:12px}.clock .scales button.on{color:#fff;background:#ffffff1f}.clock .scales button:disabled{opacity:.35;cursor:default}.clock .date{color:var(--text);font-variant-numeric:tabular-nums;min-width:170px}.hint{bottom:122px!important}.legend,.ui-b .legend{bottom:124px}@media (width<=720px){.clock{bottom:118px}.clock .scales button:disabled{display:none}.clock .date{min-width:0}.hint{bottom:166px!important}}