:root{--dc-bg:#0f0b08;--fg:#f2e9dc;--muted:#b6a692;--dim:#8b7a65;--faint:#6d5d4a;--accent:#e8a83c;--accent-hover:#cf8f1f;--accent-ink:#06110f;--panel-border:#291f17;--btn-border:#3b2d21;--card-border:#2f241a;--border-bright:#4d3b2c;--card:#1a1410;--card-alt:#17120c;--btn-dark:#1c1611;--btn-dark-hover:#241c15;--field:#14100b;--status-path:#ffd98e;--status-good:#93b96a;--status-bad:#e0603c}html,body{background:var(--dc-bg);height:100%;color:var(--fg);margin:0;padding:0}body{font-family:Space Grotesk,system-ui,sans-serif;overflow:hidden}*{box-sizing:border-box}a{color:oklch(78% .13 75)}a:hover{color:oklch(88% .13 75)}input[type=range]{accent-color:var(--accent)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-thumb{background:#33271d;border-radius:4px}.mono{font-family:IBM Plex Mono,monospace}.label{letter-spacing:.16em;text-transform:uppercase;color:var(--dim);font-family:IBM Plex Mono,monospace;font-size:10px}.btn{border:1px solid var(--btn-border);cursor:pointer;border-radius:7px;padding:11px 12px;font-family:IBM Plex Mono,monospace;font-size:12px;transition:background-color .12s,border-color .12s,color .12s}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--accent);color:var(--accent-ink);letter-spacing:.04em;font-weight:600}.btn-primary:hover{background:var(--accent-hover)}.btn-dark{background:var(--btn-dark);color:var(--fg);letter-spacing:.04em;font-weight:500}.btn-dark:hover{background:var(--btn-dark-hover);border-color:var(--border-bright)}.btn-ghost{color:var(--muted);background:0 0;font-size:11px}.btn-ghost:hover{color:var(--fg);border-color:var(--border-bright)}.option{text-align:left;cursor:pointer;border:1px solid var(--card-border);background:var(--card);color:var(--muted);border-radius:7px;align-items:baseline;gap:10px;padding:9px 11px;font-family:IBM Plex Mono,monospace;font-size:12px;transition:border-color .12s,color .12s,background-color .12s;display:flex}.option:hover{color:var(--fg);border-color:var(--border-bright)}.option.is-selected{border-color:var(--accent);color:var(--accent);background:#241a0e}.option .note{color:var(--dim);margin-left:auto;font-size:10px}.card{background:var(--card);border:1px solid var(--card-border);border-radius:7px;padding:9px 10px}.field{background:var(--field);border:1px solid var(--btn-border);color:var(--fg);border-radius:7px;outline:none;width:100%;padding:11px 12px;font-family:IBM Plex Mono,monospace;font-size:12px;transition:border-color .12s}.field:focus{border-color:var(--accent)}.field::placeholder{color:var(--faint)}.stat-label{letter-spacing:.14em;text-transform:uppercase;color:var(--dim);font-family:IBM Plex Mono,monospace;font-size:9.5px}.stat-value{font-family:IBM Plex Mono,monospace;font-size:21px;font-weight:500;line-height:1.2}.swatch{border-radius:2px;flex:none;width:11px;height:11px}.axes-gizmo{pointer-events:none;opacity:.9;width:64px;height:64px;position:absolute;top:20px;right:22px}.scale-bar{pointer-events:none;letter-spacing:.06em;color:#b6a692;flex-direction:column;align-items:flex-end;gap:3px;font-family:IBM Plex Mono,monospace;font-size:10px;display:flex;position:absolute;bottom:20px;right:22px}.scale-bar .line{border-top:1px solid #8b7a65;height:0;position:relative}.scale-bar .line:before,.scale-bar .line:after{content:"";background:#8b7a65;width:1px;height:6px;position:absolute;top:-3px}.scale-bar .line:before{left:0}.scale-bar .line:after{right:0}.hover-label{background:color-mix(in srgb, var(--dc-bg) 90%, transparent);border:1px solid var(--border-bright);color:#fff;white-space:nowrap;pointer-events:none;opacity:0;border-radius:6px;padding:4px 8px;font-family:IBM Plex Mono,monospace;font-size:11px;transition:opacity .1s;position:absolute;top:0;left:0;transform:translate(-50%,-140%)}