:root{--bg-0: oklch(.14 .008 250);--bg-1: oklch(.17 .01 250);--bg-2: oklch(.2 .012 250);--bg-3: oklch(.24 .012 250);--border-1: oklch(.27 .012 250);--border-2: oklch(.34 .014 250);--border-hi: oklch(.45 .014 250);--fg-0: oklch(.96 .004 250);--fg-1: oklch(.88 .006 250);--fg-2: oklch(.72 .008 250);--fg-3: oklch(.55 .01 250);--fg-4: oklch(.42 .01 250);--rp1: oklch(.72 .17 30);--rp1-bg: oklch(.72 .17 30 / .16);--rp1-line: oklch(.72 .17 30 / .65);--rp2: oklch(.78 .13 220);--rp2-bg: oklch(.78 .13 220 / .16);--rp2-line: oklch(.78 .13 220 / .65);--ok: oklch(.78 .15 150);--warn: oklch(.82 .17 85);--bad: oklch(.68 .2 25);--accent: oklch(.82 .13 220);--font-sans: "IBM Plex Sans", -apple-system, system-ui, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;--r-1: 4px;--r-2: 6px;--r-3: 10px}.theme-light{--bg-0: oklch(.97 .004 250);--bg-1: oklch(1 0 0);--bg-2: oklch(.985 .003 250);--bg-3: oklch(.95 .005 250);--border-1: oklch(.9 .005 250);--border-2: oklch(.83 .008 250);--border-hi: oklch(.7 .01 250);--fg-0: oklch(.18 .01 250);--fg-1: oklch(.26 .012 250);--fg-2: oklch(.42 .01 250);--fg-3: oklch(.55 .01 250);--fg-4: oklch(.68 .008 250)}.theme-clinical{--bg-0: oklch(.13 .01 35);--bg-1: oklch(.16 .012 35);--bg-2: oklch(.19 .014 35);--bg-3: oklch(.23 .014 35);--border-1: oklch(.26 .012 35);--border-2: oklch(.33 .014 35);--fg-0: oklch(.96 .01 65);--fg-1: oklch(.88 .012 60);--fg-2: oklch(.72 .014 55);--fg-3: oklch(.55 .012 50)}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%}body{background:var(--bg-0);color:var(--fg-1);font-family:var(--font-sans);font-size:13px;line-height:1.4;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow:hidden}.app{display:grid;grid-template-rows:48px 1fr 32px;grid-template-columns:224px 1fr 360px;grid-template-areas:"top top top" "rail main side" "bot bot bot";height:100vh;width:100vw}.topbar{grid-area:top;display:flex;align-items:center;padding:0 14px;background:var(--bg-1);border-bottom:1px solid var(--border-1);gap:16px;z-index:10}.brand{display:flex;align-items:center;gap:8px;font-weight:600;letter-spacing:-.01em;font-size:14px;color:var(--fg-0)}.brand-mark{width:22px;height:22px;position:relative;border-radius:4px;background:linear-gradient(135deg,var(--rp1),var(--rp2))}.brand-mark:after{content:"";position:absolute;inset:4px;border:1.5px solid var(--bg-1);border-radius:2px}.brand-mark:before{content:"";position:absolute;inset:9px;background:var(--bg-1);border-radius:50%}.crumbs{display:flex;align-items:center;gap:6px;color:var(--fg-3);font-size:12px;font-family:var(--font-mono)}.crumbs .sep{opacity:.5}.crumbs .here{color:var(--fg-1)}.top-actions{margin-left:auto;display:flex;align-items:center;gap:6px}.btn{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 10px;background:var(--bg-2);border:1px solid var(--border-1);color:var(--fg-1);border-radius:var(--r-1);font-family:var(--font-sans);font-size:12px;cursor:pointer;transition:background .12s,border-color .12s}.btn:hover{background:var(--bg-3);border-color:var(--border-2)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn.primary{background:var(--fg-0);color:var(--bg-0);border-color:var(--fg-0)}.btn.primary:hover{background:var(--fg-1)}.btn.ghost{background:transparent}.btn.danger{color:var(--bad)}.btn .kbd{display:inline-block;font-family:var(--font-mono);font-size:10px;padding:1px 4px;background:var(--bg-3);border:1px solid var(--border-1);border-radius:3px;color:var(--fg-3);margin-left:4px}.icon-btn{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:1px solid transparent;color:var(--fg-2);border-radius:var(--r-1);cursor:pointer}.icon-btn:hover{background:var(--bg-2);color:var(--fg-0)}.icon-btn.active{background:var(--bg-3);color:var(--fg-0);border-color:var(--border-2)}.rail{grid-area:rail;background:var(--bg-1);border-right:1px solid var(--border-1);display:flex;flex-direction:column;overflow:hidden}.rail-title{padding:14px 16px 8px;font-size:10.5px;font-weight:500;color:var(--fg-3);letter-spacing:.1em;text-transform:uppercase}.rail-steps{display:flex;flex-direction:column;padding:4px 8px;gap:1px;flex:1;overflow:auto}.rail-step{display:grid;grid-template-columns:24px 1fr;align-items:center;gap:8px;padding:8px;border-radius:var(--r-2);cursor:pointer;position:relative;color:var(--fg-2)}.rail-step:hover{background:var(--bg-2)}.rail-step.active{background:var(--bg-2);color:var(--fg-0)}.rail-step.active:before{content:"";position:absolute;left:-8px;top:8px;bottom:8px;width:2px;background:var(--warn);border-radius:2px}.rail-step.done{color:var(--fg-2)}.rail-step.locked{opacity:.5}.step-marker{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:10px;color:var(--fg-3);border:1px solid var(--border-2);background:var(--bg-0)}.rail-step.done .step-marker{background:var(--ok);border-color:var(--ok);color:var(--bg-0)}.rail-step.active .step-marker{border-color:var(--warn);color:var(--warn)}.step-name{font-size:12.5px;line-height:1.3;font-weight:500}.step-sub{font-size:10.5px;color:var(--fg-3);font-family:var(--font-mono)}.rail-foot{padding:12px 16px;border-top:1px solid var(--border-1);font-family:var(--font-mono);font-size:10.5px;color:var(--fg-3);line-height:1.6}.rail-foot .row{display:flex;justify-content:space-between}.rail-foot .row .v{color:var(--fg-1)}.main{grid-area:main;background:var(--bg-0);display:flex;flex-direction:column;overflow:hidden;min-width:0}.canvas-bar{height:40px;display:flex;align-items:center;padding:0 14px;gap:8px;border-bottom:1px solid var(--border-1);background:var(--bg-1);font-family:var(--font-mono);font-size:11px;color:var(--fg-2)}.canvas-bar .seg{display:flex;gap:2px;background:var(--bg-2);border-radius:var(--r-1);padding:2px}.canvas-bar .seg .icon-btn{height:22px;min-width:28px;font-size:11px;padding:0 8px;width:auto;border-radius:3px}.canvas-bar .vsep{width:1px;height:18px;background:var(--border-1);margin:0 4px}.canvas-bar .spacer{flex:1}.canvas-bar .meta-pill{display:inline-flex;align-items:center;gap:6px;padding:2px 8px;background:var(--bg-2);border:1px solid var(--border-1);border-radius:999px;font-size:10.5px}.canvas-bar .meta-pill .dot{width:6px;height:6px;border-radius:50%;background:var(--ok)}.canvas-stage{flex:1;position:relative;overflow:hidden;display:flex;background:radial-gradient(1100px 700px at 50% 30%,oklch(.18 .01 250) 0%,var(--bg-0) 70%)}.canvas-stage.split{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--border-1)}.canvas-pane{position:relative;background:var(--bg-0);overflow:hidden;flex:1;min-width:0;min-height:0}.canvas-pane.dragging-file{background:var(--bg-1)}.canvas-pane .pane-label{position:absolute;top:10px;left:12px;display:flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:10.5px;color:var(--fg-2);z-index:5;pointer-events:none}.pane-label .tag{padding:2px 6px;background:var(--bg-2);border:1px solid var(--border-1);border-radius:3px;color:var(--fg-1);font-weight:600;letter-spacing:.04em}.pane-label .date{color:var(--fg-3)}.pane-label .active-mark{width:6px;height:6px;border-radius:50%;background:var(--warn);box-shadow:0 0 0 3px #f6ba002e;box-shadow:0 0 0 3px oklch(.82 .17 85 / .18)}.pane-corner{position:absolute;bottom:10px;right:12px;font-family:var(--font-mono);font-size:10px;color:var(--fg-3);z-index:5;pointer-events:none;text-align:right;line-height:1.6}.drop-empty{position:absolute;inset:0;display:grid;place-content:center;gap:6px;text-align:center;border:1px dashed var(--border-2);background:linear-gradient(135deg,transparent 0 48%,oklch(1 0 0 / .035) 48% 52%,transparent 52% 100%),var(--bg-1);color:var(--fg-2);pointer-events:none}.canvas-pane.dragging-file .drop-empty{border-color:var(--warn);background:#f6ba001f;background:oklch(.82 .17 85 / .12)}.drop-title{color:var(--fg-0);font-size:13px;font-weight:600}.drop-sub{color:var(--fg-3);font-family:var(--font-mono);font-size:11px}.ceph-svg{position:absolute;inset:0;width:100%;height:100%;cursor:crosshair;-webkit-user-select:none;user-select:none}.ceph-svg.idle{cursor:default}.roi-rect{fill:none;stroke-width:1;stroke-dasharray:3 3}.roi-rect.rp1{stroke:var(--rp1)}.roi-rect.rp2{stroke:var(--rp2)}.roi-fill{opacity:.1}.roi-fill.rp1{fill:var(--rp1)}.roi-fill.rp2{fill:var(--rp2)}.vec-line{stroke-width:1.2;stroke-dasharray:2 4;opacity:.75}.vec-line.t1{stroke:var(--warn)}.vec-line.t2{stroke:var(--accent)}.crosshair line{stroke-width:1;opacity:.5}.crosshair.rp1 line{stroke:var(--rp1)}.crosshair.rp2 line{stroke:var(--rp2)}.crosshair-ring{fill:none;stroke-width:1.5}.crosshair-ring.rp1{stroke:var(--rp1)}.crosshair-ring.rp2{stroke:var(--rp2)}.crosshair-dot{r:1.8}.crosshair-dot.rp1{fill:var(--rp1)}.crosshair-dot.rp2{fill:var(--rp2)}.point-label{font-family:var(--font-mono);font-size:9.5px;fill:var(--fg-0);paint-order:stroke;stroke:#000000b3;stroke-width:2}.hint-target{fill:none;stroke-width:1.5;animation:pulse-ring 1.6s ease-in-out infinite}.hint-target.rp1{stroke:var(--rp1)}.hint-target.rp2{stroke:var(--rp2)}.placement-guide circle{fill:none;stroke:var(--rp2);stroke-width:1.4;stroke-dasharray:6 5;opacity:.78}.placement-guide text{fill:var(--rp2)}@keyframes pulse-ring{0%,to{opacity:.25;transform:scale(1)}50%{opacity:.95;transform:scale(1.18)}}.prompt{position:absolute;left:50%;bottom:18px;transform:translate(-50%);background:#12171beb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border-2);border-radius:999px;padding:8px 14px 8px 10px;display:flex;align-items:center;gap:10px;z-index:12;box-shadow:0 8px 24px #0006}.prompt .swatch{width:10px;height:10px;border-radius:50%}.prompt .swatch.rp1{background:var(--rp1);box-shadow:0 0 0 3px var(--rp1-bg)}.prompt .swatch.rp2{background:var(--rp2);box-shadow:0 0 0 3px var(--rp2-bg)}.prompt .swatch.go{background:var(--warn);box-shadow:0 0 0 3px #f6ba002e;box-shadow:0 0 0 3px oklch(.82 .17 85 / .18)}.prompt .title{font-size:12.5px;color:var(--fg-0);font-weight:500}.prompt .sub{font-size:11px;color:var(--fg-3);font-family:var(--font-mono)}.axis-tick{stroke:var(--border-2);stroke-width:.5}.axis-tick-label{fill:var(--fg-4);font-family:var(--font-mono);font-size:8.5px}.side{grid-area:side;background:var(--bg-1);border-left:1px solid var(--border-1);display:flex;flex-direction:column;overflow:hidden}.side-tabs{display:flex;gap:0;border-bottom:1px solid var(--border-1);padding:0 8px}.side-tab{padding:12px 10px 10px;font-size:11.5px;color:var(--fg-3);cursor:pointer;border-bottom:2px solid transparent;font-weight:500;letter-spacing:.02em}.side-tab:hover{color:var(--fg-1)}.side-tab.active{color:var(--fg-0);border-bottom-color:var(--warn)}.side-body{flex:1;overflow:auto}.section{padding:12px 14px;border-bottom:1px solid var(--border-1)}.section-h{display:flex;align-items:center;justify-content:space-between;font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--fg-3);margin-bottom:10px;font-weight:500}.section-h .h-meta{font-family:var(--font-mono);text-transform:none;color:var(--fg-4);letter-spacing:0}.kv{display:grid;grid-template-columns:1fr auto;gap:6px 12px;font-family:var(--font-mono);font-size:11px}.kv .k{color:var(--fg-3)}.kv .v{color:var(--fg-0);text-align:right}.kv .v.muted{color:var(--fg-3)}.kv .v.warn{color:var(--warn)}.kv .v.ok{color:var(--ok)}.point-row{display:grid;grid-template-columns:16px 1fr auto;gap:8px;padding:7px 10px;border:1px solid var(--border-1);border-radius:var(--r-2);margin-bottom:6px;background:var(--bg-2);align-items:center;cursor:pointer;transition:border-color .12s}.point-row:hover{border-color:var(--border-2)}.point-row.unplaced{background:transparent;border-style:dashed;opacity:.85}.point-row.active{border-color:var(--warn);box-shadow:inset 0 0 0 1px var(--warn)}.point-dot{width:10px;height:10px;border-radius:50%}.point-dot.rp1{background:var(--rp1)}.point-dot.rp2{background:var(--rp2)}.point-dot.unplaced{background:transparent;border:1px dashed var(--fg-4)}.point-name{font-size:12px;line-height:1.2}.point-name .small{font-family:var(--font-mono);font-size:10px;color:var(--fg-3)}.point-coord{font-family:var(--font-mono);font-size:10.5px;color:var(--fg-2)}.iter-row{display:grid;grid-template-columns:28px 1fr 1fr 1fr 56px;gap:8px;align-items:center;padding:5px 10px;font-family:var(--font-mono);font-size:10.5px;border-radius:var(--r-1);color:var(--fg-2)}.iter-row.head{color:var(--fg-3);font-size:9.5px;letter-spacing:.06em;text-transform:uppercase;padding-bottom:3px}.iter-row.current{background:var(--bg-2);color:var(--fg-0)}.iter-row .n{color:var(--fg-3)}.iter-row .num{text-align:right}.iter-row .num.pos{color:var(--ok)}.iter-row .num.neg{color:var(--bad)}.iter-row .score-bar{height:4px;background:var(--bg-3);border-radius:2px;overflow:hidden}.iter-row .score-bar>div{height:100%;background:var(--ok);transition:width .3s ease}.score-chart{width:100%;height:84px;background:var(--bg-0);border:1px solid var(--border-1);border-radius:var(--r-2);position:relative;overflow:hidden}.score-chart .grid line{stroke:var(--border-1);stroke-width:.5}.score-chart .axis-l{position:absolute;left:6px;top:6px;font-family:var(--font-mono);font-size:9px;color:var(--fg-4)}.score-chart .axis-r{position:absolute;right:6px;bottom:4px;font-family:var(--font-mono);font-size:9px;color:var(--fg-4)}.score-chart .score-line{fill:none;stroke:var(--ok);stroke-width:1.5}.score-chart .score-fill{fill:#67d2831f;stroke:none}.score-chart .score-dot{fill:var(--ok)}.score-chart .score-now{position:absolute;right:8px;top:6px;font-family:var(--font-mono);font-size:11px;color:var(--ok);text-align:right}.score-chart .score-now .lbl{display:block;color:var(--fg-3);font-size:8.5px;letter-spacing:.06em;text-transform:uppercase}.bottombar{grid-area:bot;background:var(--bg-1);border-top:1px solid var(--border-1);display:flex;align-items:center;padding:0 14px;gap:14px;font-family:var(--font-mono);font-size:10.5px;color:var(--fg-3)}.bottombar .pill{display:inline-flex;align-items:center;gap:6px}.bottombar .pill .dot{width:6px;height:6px;border-radius:50%}.bottombar .pill.idle .dot{background:var(--fg-4)}.bottombar .pill.run .dot{background:var(--warn);animation:blink 1s linear infinite}.bottombar .pill.ok .dot{background:var(--ok)}@keyframes blink{50%{opacity:.35}}.bottombar .spacer{flex:1}.results-card{background:var(--bg-2);border:1px solid var(--border-1);border-radius:var(--r-3);padding:14px}.results-card .big{font-family:var(--font-mono);font-size:22px;font-weight:500;color:var(--fg-0);letter-spacing:-.01em}.results-card .big .u{font-size:12px;color:var(--fg-3);margin-left:4px}.results-card .lbl{font-size:10.5px;color:var(--fg-3);letter-spacing:.06em;text-transform:uppercase}.results-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.note{font-size:11px;color:var(--fg-3);line-height:1.5;padding:10px 12px;border-left:2px solid var(--warn);background:#f6ba000d;background:oklch(.82 .17 85 / .05);border-radius:0 var(--r-2) var(--r-2) 0}.chip-row{display:flex;gap:4px;flex-wrap:wrap}.chip{padding:4px 8px;background:var(--bg-2);border:1px solid var(--border-1);border-radius:var(--r-1);font-family:var(--font-mono);font-size:10.5px;color:var(--fg-2);cursor:pointer}.chip:hover{border-color:var(--border-2);color:var(--fg-1)}.chip.active{background:var(--bg-3);border-color:var(--border-hi);color:var(--fg-0)}.loupe{position:absolute;width:132px;height:132px;border-radius:50%;border:2px solid var(--bg-3);box-shadow:0 0 0 1px var(--border-2),0 10px 30px #00000080;overflow:hidden;pointer-events:none;z-index:20;background:var(--bg-0)}.loupe .crosslines:before,.loupe .crosslines:after{content:"";position:absolute;background:#f0f2f48c}.loupe .crosslines:before{left:50%;top:0;bottom:0;width:1px;transform:translate(-.5px)}.loupe .crosslines:after{top:50%;left:0;right:0;height:1px;transform:translateY(-.5px)}.loupe .loupe-label{position:absolute;left:50%;bottom:8px;transform:translate(-50%);font-family:var(--font-mono);font-size:9px;background:#0000008c;padding:1px 5px;border-radius:2px;color:var(--fg-0)}.tint-rp1{mix-blend-mode:screen;filter:url(#tint-warm)}.tint-rp2{mix-blend-mode:screen;filter:url(#tint-cool)}.tint-diff{mix-blend-mode:difference}.tint-norm{mix-blend-mode:normal}.wipe-divider{position:absolute;top:0;bottom:0;width:1px;background:var(--warn);z-index:8;pointer-events:none;box-shadow:0 0 12px #f6ba0099;box-shadow:0 0 12px oklch(.82 .17 85 / .6)}.wipe-divider:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:18px;height:18px;border-radius:50%;background:var(--warn);border:2px solid var(--bg-0)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-2);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--border-hi)}