:root{--cream: #faf9f5;--cream-2: #f2efe7;--ink: #262624;--muted: #6f6a60;--accent: #c96442;--line: rgba(38, 38, 36, .13);--line-soft: rgba(38, 38, 36, .075);--sans: "Inter", "Helvetica Neue", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:var(--cream);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.sprite{position:absolute;width:0;height:0;overflow:hidden}#scene{position:fixed;inset:0}#scene canvas{display:block;width:100%;height:100%;outline:none;filter:saturate(1.07) contrast(1.04)}#grade{position:fixed;inset:0;pointer-events:none;z-index:2;background:radial-gradient(120% 100% at 50% 40%,transparent 42%,rgba(20,16,12,.3) 100%),linear-gradient(to bottom,rgba(20,16,12,.22),transparent 22%,transparent 74%,rgba(20,16,12,.26))}#grade:after{content:"";position:absolute;inset:0;opacity:.055;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E");mix-blend-mode:overlay}.brand{position:fixed;top:26px;left:28px;z-index:4;display:flex;align-items:center;gap:14px;color:var(--ink);pointer-events:none;text-shadow:0 0 22px rgba(250,249,245,.55)}.brand-mark{width:40px;height:40px;border:1px solid rgba(38,38,36,.28);border-radius:11px;display:grid;place-items:center;background:#faf9f58c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--accent)}.brand-mark .i{width:21px;height:21px}.brand-text h1{margin:0;font-size:14.5px;font-weight:600;letter-spacing:.34em;line-height:1.1}.brand-text p{margin:5px 0 0;font-size:10.5px;letter-spacing:.16em;color:#6a655c;text-transform:uppercase}.coords{margin-left:6px;padding-left:16px;border-left:1px solid rgba(38,38,36,.22);font-family:var(--mono);font-size:10px;line-height:1.7;letter-spacing:.02em;color:#5f5a51}.rail{position:fixed;top:26px;right:26px;z-index:5;width:302px;background:#faf9f5e0;backdrop-filter:blur(20px) saturate(1.1);-webkit-backdrop-filter:blur(20px) saturate(1.1);border:1px solid rgba(250,249,245,.7);outline:1px solid var(--line);outline-offset:-1px;border-radius:16px;box-shadow:0 24px 60px -30px #1e16108c}.group{padding:16px 18px 17px;border-bottom:1px solid var(--line-soft)}.group:last-child{border-bottom:0}.gh{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:11px}.gh.sub{margin-top:16px;margin-bottom:9px}.gl{font-size:10px;letter-spacing:.19em;text-transform:uppercase;color:var(--muted);display:inline-flex;align-items:center;gap:6px;font-weight:500}.gl.tiny{font-size:9px;letter-spacing:.12em}.gl .i.sm{width:12px;height:12px}.gh b{font-family:var(--mono);font-size:18px;font-weight:500;letter-spacing:-.01em}.valwrap{display:inline-flex;align-items:baseline;gap:5px}.unit{font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:#6a655c}.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}.range{-webkit-appearance:none;appearance:none;width:100%;height:18px;background:transparent;cursor:pointer;margin:0}.range::-webkit-slider-runnable-track{height:2px;background:linear-gradient(to right,#26262457,#26262424);border-radius:2px}.range::-moz-range-track{height:2px;background:#2626243d;border-radius:2px}.range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:13px;height:13px;margin-top:-5.5px;border-radius:50%;background:var(--cream);border:1.5px solid var(--ink);box-shadow:0 1px 4px #1e161047;transition:transform .14s ease,border-color .14s ease}.range::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:var(--cream);border:1.5px solid var(--ink)}.range:hover::-webkit-slider-thumb,.range:focus-visible::-webkit-slider-thumb{transform:scale(1.12);border-color:var(--accent)}.chips{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:12px}.chip{display:flex;align-items:center;gap:7px;padding:7px 9px;font:inherit;font-size:11px;letter-spacing:.01em;color:var(--ink);background:transparent;border:1px solid var(--line);border-radius:9px;cursor:pointer;transition:border-color .16s ease,color .16s ease,background .16s ease;white-space:nowrap}.chip .i{width:13px;height:13px;color:var(--muted);transition:color .16s ease}.chip:hover{border-color:#26262452}.chip.on{border-color:#c964428c;background:#c9644212;color:var(--accent)}.chip.on .i{color:var(--accent)}.presets{display:grid;grid-template-columns:1fr 1fr;gap:6px}.presets button{font:inherit;font-size:11.5px;padding:8px 6px;border:1px solid var(--line);background:transparent;border-radius:9px;color:var(--ink);cursor:pointer;transition:border-color .16s ease,background .16s ease,color .16s ease}.presets button:hover{border-color:#26262452}.presets button.on{border-color:#262624d9;background:var(--ink);color:var(--cream)}.switch{display:flex;align-items:center;gap:10px;margin-top:14px;font-size:11.5px;color:var(--ink);cursor:pointer;-webkit-user-select:none;user-select:none}.switch input{position:absolute;opacity:0;pointer-events:none}.switch i{width:32px;height:18px;border-radius:999px;background:#26262429;position:relative;transition:background .18s ease;flex:0 0 auto}.switch i:after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:var(--cream);box-shadow:0 1px 3px #00000040;transition:transform .18s ease}.switch input:checked+i{background:var(--accent)}.switch input:checked+i:after{transform:translate(14px)}.switch input:focus-visible+i{outline:2px solid var(--accent);outline-offset:2px}.foot{padding-top:14px}.row2{display:flex;gap:8px}.btn{font:inherit;font-size:11.5px;display:inline-flex;align-items:center;justify-content:center;gap:8px;height:36px;padding:0 14px;border:1px solid var(--line);border-radius:10px;background:transparent;color:var(--ink);cursor:pointer;transition:border-color .16s ease,background .16s ease,color .16s ease}.btn .i{width:14px;height:14px}.btn.ghost{flex:1}.btn.icon{width:40px;padding:0}.btn.short{flex:0 0 auto;padding:0 12px}.btn:hover{border-color:#26262499}.btn:active{transform:translateY(.5px)}.meta{margin-top:12px;display:flex;align-items:center;gap:6px;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#625d54}.meta .sep{opacity:.5}.hint{position:fixed;left:50%;bottom:20px;transform:translate(-50%);z-index:4;padding:8px 16px;border-radius:999px;background:#faf9f5b8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(250,249,245,.6);outline:1px solid var(--line-soft);outline-offset:-1px;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#5f5a51;pointer-events:none;transition:opacity .8s ease;white-space:nowrap}.hint.gone{opacity:0}#loader{position:fixed;inset:0;z-index:50;background:var(--cream);display:grid;place-items:center;transition:opacity .9s cubic-bezier(.4,0,.2,1),visibility .9s}#loader.done{opacity:0;visibility:hidden}.loader-inner{display:flex;flex-direction:column;align-items:center;gap:16px}.loader-mark{width:46px;height:46px;border-radius:50%;border:1px solid rgba(38,38,36,.18);display:grid;place-items:center;color:var(--accent);animation:spin 6s linear infinite}.loader-mark .i{width:22px;height:22px}@keyframes spin{to{transform:rotate(360deg)}}.loader-bar{width:180px;height:2px;background:#2626241f;border-radius:2px;overflow:hidden}.loader-bar i{display:block;height:100%;width:0%;background:var(--accent);transition:width .3s ease}#loader p{margin:0;font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:var(--muted)}#loader .mono{font-size:10px;color:var(--muted);letter-spacing:.1em}.rail-toggle{display:none;width:100%;align-items:center;justify-content:space-between;gap:10px;padding:12px 16px;font:inherit;font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);background:transparent;border:0;border-bottom:1px solid var(--line-soft);cursor:pointer}.rail-toggle .i{width:16px;height:16px;transition:transform .2s ease}.rail.closed .rail-toggle .i{transform:rotate(180deg)}@media(max-width:860px){.brand{top:16px;left:16px;gap:10px}.brand-mark{width:34px;height:34px;border-radius:9px}.brand-text h1{font-size:12px;letter-spacing:.28em}.brand-text p{font-size:9px}.coords{display:none}.rail{inset:auto 10px 10px;width:auto;max-height:47vh;overflow-y:auto;border-radius:14px;-webkit-overflow-scrolling:touch}.group{padding:13px 14px}.rail-toggle{display:flex}.rail.closed .group{display:none}.rail.closed{max-height:none}.presets button{min-height:44px}.chip{min-height:52px}.switch{min-height:44px}.range{height:22px}.range::-webkit-slider-thumb{width:18px;height:18px;margin-top:-8px}.chips{grid-template-columns:repeat(4,1fr)}.chip{flex-direction:column;gap:5px;padding:8px 2px;font-size:9px;letter-spacing:.02em}.chip .i{width:14px;height:14px}.presets{grid-template-columns:repeat(4,1fr)}.presets button{font-size:10px;padding:8px 2px}.hint{display:none}.gh b{font-size:15px}}@media(prefers-reduced-motion:reduce){.loader-mark{animation:none}*{transition-duration:.01ms!important}}