: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%)}.method-toggle{border:1px dashed var(--btn-border);width:100%;color:var(--dim);text-align:left;cursor:pointer;background:0 0;border-radius:6px;align-items:center;gap:7px;padding:6px 8px;font-family:IBM Plex Mono,monospace;font-size:10.5px;transition:color .12s,border-color .12s;display:flex}.method-toggle:hover{color:var(--muted);border-color:var(--border-bright)}.method-icon{border:1px solid;border-radius:50%;flex:none;justify-content:center;align-items:center;width:13px;height:13px;font-size:9px;font-style:italic;line-height:1;display:inline-flex}.method-chevron{margin-left:auto;font-size:12px;line-height:1}.method-panel{border:1px solid var(--card-border);background:var(--card-alt);border-radius:7px;padding:11px 12px}.method-title{color:var(--fg);margin-bottom:9px;font-family:IBM Plex Mono,monospace;font-size:11px}.method-heading{letter-spacing:.14em;text-transform:uppercase;color:var(--dim);margin:11px 0 5px;font-family:IBM Plex Mono,monospace;font-size:9px}.method-panel .method-heading:first-of-type{margin-top:0}.method-heading-warn{color:var(--status-bad)}.method-body{color:var(--muted);text-wrap:pretty;margin:0 0 6px;font-size:11px;line-height:1.55}.method-param{color:var(--dim);margin:0 0 4px;font-family:IBM Plex Mono,monospace;font-size:10px;line-height:1.5}.badge{border:1px solid var(--btn-border);background:var(--card-alt);letter-spacing:.04em;color:var(--dim);white-space:nowrap;border-radius:5px;align-items:center;gap:5px;padding:3px 7px;font-family:IBM Plex Mono,monospace;font-size:9.5px;display:inline-flex}.badge-warn{color:var(--accent);background:#241a0e;border-color:#5c3a20}.badge-ok{color:var(--status-good);background:#171c12;border-color:#33402a}.model-flag{color:var(--accent);text-wrap:pretty;background:#1d1509;border:1px solid #5c3a20;border-radius:6px;gap:7px;padding:8px 10px;font-size:10.5px;line-height:1.5;display:flex}.calib-band{background:#171208;border-radius:3px;height:5px;position:relative;overflow:hidden}.calib-seg{position:absolute;top:0;bottom:0}.calib-tick{background:var(--accent);border-radius:1px;width:2px;position:absolute;top:-2px;bottom:-2px}.calib-note{color:var(--faint);text-wrap:pretty;font-family:IBM Plex Mono,monospace;font-size:10px;line-height:1.5}.figure-mode .scale-bar{color:#1c1c1c;letter-spacing:.02em;font-family:Helvetica,Arial,sans-serif}.figure-mode .scale-bar .line{border-top-color:#1c1c1c}.figure-mode .scale-bar .line:before,.figure-mode .scale-bar .line:after{background:#1c1c1c}.figure-mode .hover-label{color:#14110e;background:#fffffff0;border-color:#b3aca2;font-family:Helvetica,Arial,sans-serif;font-size:11.5px}.figure-mode.figure-dark .scale-bar,.figure-mode.figure-dark .scale-bar .line{color:#ececec;border-top-color:#ececec}.figure-mode.figure-dark .scale-bar .line:before,.figure-mode.figure-dark .scale-bar .line:after{background:#ececec}.figure-mode.figure-dark .hover-label{color:#f5f5f5;background:#000000db;border-color:#4a4a4a}.seg{gap:6px;display:flex}.seg button{flex:1;justify-content:center}.figure-mode [data-chrome]{display:none!important}
