:root{--bg: #0b0f14;--panel: #121820;--panel-2: #0e141b;--line: #26313c;--ink: #e6edf2;--muted: #8595a2;--faint: #5c6b78;--accent: #3fc9d8;--accent-deep: #0e7c8b;--seg: #e0603a;--good: #46c48a;--amber: #e8b23a;--mono: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace;--sans: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:14px;-webkit-font-smoothing:antialiased}code{font-family:var(--mono);font-size:.85em;color:var(--accent)}a{color:var(--accent)}.shell{display:grid;grid-template-columns:232px minmax(0,1fr);grid-template-rows:44px minmax(0,1fr) auto;height:100%}.topbar{grid-column:1 / -1;display:flex;align-items:center;gap:18px;padding:0 16px;border-bottom:1px solid var(--line);background:var(--panel)}.brand{font-weight:700;letter-spacing:-.01em;white-space:nowrap}.menu-btn{display:none;flex:none;width:34px;height:32px;border:1px solid var(--line);background:transparent;color:var(--ink);font-size:16px;line-height:1;cursor:pointer;border-radius:4px}.sidebar-backdrop{display:none}.source{font-family:var(--mono);font-size:12px;color:var(--muted);display:flex;align-items:center;gap:7px;min-width:0;overflow:hidden}.source-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.real-badge{font-family:var(--mono);font-size:10px;letter-spacing:.08em;color:#04252a;background:var(--good);padding:2px 6px;font-weight:700;flex:none}.hint-touch{display:none}.status{margin-left:auto;font-family:var(--mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.status-ready{color:var(--good)}.status-error{color:var(--seg)}.status-loading,.status-browsing,.status-init{color:var(--amber)}.sidebar{grid-row:2;min-height:0;display:flex;flex-direction:column;border-right:1px solid var(--line);background:var(--panel-2)}.sidebar-title{padding:10px 14px;font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--faint);border-bottom:1px solid var(--line)}.sidebar-filter{flex:none;margin:8px 10px;padding:7px 10px;background:#0b1016;border:1px solid var(--line);color:var(--ink);font-family:var(--mono);font-size:12px;border-radius:4px}.sidebar-filter:focus{outline:none;border-color:var(--accent-deep)}.series-list{flex:1;overflow:auto;min-height:0}.series-instant{font-family:var(--mono);font-size:9px;letter-spacing:.06em;text-transform:uppercase;color:#04252a;background:var(--good);padding:1px 4px;border-radius:2px}.empty{padding:14px;color:var(--muted);font-size:13px;line-height:1.5}.series-count{margin-left:auto;font-family:var(--mono);font-size:10px;color:var(--faint)}.sidebar-note{flex:none;padding:10px 14px;border-top:1px solid var(--line);color:var(--faint);font-size:11px;line-height:1.5}.series-row{display:flex;align-items:baseline;gap:9px;width:100%;padding:10px 14px;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--ink);text-align:left;cursor:pointer;font-size:13px}.series-row:hover{background:#172029}.series-row[data-active=true]{background:#172831;box-shadow:inset 3px 0 0 var(--accent)}.series-mod{font-family:var(--mono);font-size:10px;padding:1px 5px;border:1px solid var(--line);color:var(--accent)}.series-desc{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workspace{grid-row:2;min-width:0;min-height:0;display:flex;flex-direction:column;position:relative}.stage{flex:1;min-height:0;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:minmax(0,1fr) var(--thumb-h, 132px);grid-template-areas:"hero hero hero" "t0 t1 t2";gap:2px;background:var(--line)}.tile{position:relative;background:#000;min-width:0;min-height:0;overflow:hidden}.viewport{position:absolute;top:0;right:0;bottom:0;left:0;touch-action:none}.tile:not([data-hero=true]) .svg-layer{display:none}.tile-catch{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;border:0;padding:0;background:transparent;cursor:pointer}.tile[data-hero=true] .tile-catch{pointer-events:none}.tile:not([data-hero=true]):hover{outline:2px solid var(--accent);outline-offset:-2px}.tile:not([data-hero=true]) .plane-tag{font-size:9px;top:5px;left:6px}.ct-sliders{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;pointer-events:none}.ct-slider{position:absolute;pointer-events:auto;margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;accent-color:var(--sc);opacity:.5;transition:opacity .15s}.ct-slider:hover,.ct-slider:active{opacity:1}.ct-slider::-webkit-slider-runnable-track{background:#ffffff24;border-radius:3px}.ct-slider::-moz-range-track{background:#ffffff24;border-radius:3px}.ct-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:15px;height:15px;border-radius:50%;background:var(--sc);box-shadow:0 0 5px #000000b3;border:1px solid rgba(0,0,0,.3)}.ct-slider::-moz-range-thumb{width:15px;height:15px;border:0;border-radius:50%;background:var(--sc)}.ct-top{--sc: var(--amber);top:8px;left:18%;width:64%;height:16px}.ct-bottom{--sc: var(--good);bottom:8px;left:18%;width:64%;height:16px}.ct-left{--sc: #a98bff;left:8px;top:18%;height:64%;width:16px;writing-mode:vertical-lr;direction:rtl}.ct-right{--sc: var(--accent);right:8px;top:18%;height:64%;width:16px;writing-mode:vertical-lr;direction:rtl}.xhair-toggle{position:absolute;right:34px;bottom:12px;pointer-events:auto;width:30px;height:30px;border-radius:6px;border:1px solid var(--line);background:#0e141bd1;color:var(--accent);font-size:15px;line-height:1;cursor:pointer}.xhair-toggle[data-off=true]{color:var(--faint)}.measures-panel{position:absolute;right:34px;top:12px;pointer-events:auto;min-width:118px;max-width:230px;background:#0e141be6;border:1px solid var(--line);border-radius:8px;padding:8px 10px;font-family:var(--mono);font-size:11.5px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.measures-head{color:var(--faint);font-size:10px;letter-spacing:.1em;text-transform:uppercase;margin-bottom:5px}.measure-row{display:flex;justify-content:space-between;gap:10px;padding:2px 0}.measure-tool{color:var(--muted)}.measure-val{color:var(--ink);font-weight:600}.plane-tag{position:absolute;top:7px;left:9px;z-index:2;font-family:var(--mono);font-size:11px;letter-spacing:.1em;font-weight:600;pointer-events:none;text-shadow:0 1px 3px #000}.tag-axial{color:#f0b43c}.tag-coronal{color:#5ac8fa}.tag-sagittal{color:#e65f39}.tag-v3d{color:var(--amber)}.timeline{flex:none;display:flex;align-items:center;gap:14px;padding:11px 16px;border-top:1px solid var(--line);background:var(--panel)}.timeline[data-active=false]{opacity:.55}.fly-btn{flex:none;width:40px;height:32px;border:1px solid var(--line);background:transparent;color:var(--ink);cursor:pointer;font-size:13px}.fly-btn:disabled{opacity:.4;cursor:not-allowed}.fly-btn[data-state=pause]{color:var(--amber);border-color:var(--amber)}.fly-range{flex:1;min-width:0;height:30px;accent-color:var(--amber);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent}.fly-range::-webkit-slider-runnable-track{height:6px;border-radius:3px;background:#2b3540}.fly-range::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;margin-top:-6px;border-radius:50%;background:var(--amber);box-shadow:0 0 0 3px #e8b23a38}.fly-range::-moz-range-track{height:6px;border-radius:3px;background:#2b3540}.fly-range::-moz-range-thumb{width:18px;height:18px;border:0;border-radius:50%;background:var(--amber)}.fly-label{flex:none;font-family:var(--mono);font-size:11px;letter-spacing:.04em;color:var(--faint);min-width:150px;text-align:right}.clip-row{flex:none;display:flex;align-items:center;gap:8px;padding:6px 16px;border-top:1px solid var(--line);background:var(--panel)}.clip-btn{flex:none}.clip-btn[data-active=true]{color:#04252a;background:var(--accent);border-color:var(--accent);font-weight:600}.clip-range{flex:1;height:22px;accent-color:var(--accent)}.clip-range:disabled{opacity:.4}.clip-range:disabled::-webkit-slider-thumb{background:var(--faint)}.controls{display:flex;align-items:center;flex-wrap:wrap;gap:8px 14px;padding:9px 14px;border-top:1px solid var(--line);background:var(--panel)}.tools{display:flex;align-items:center;flex-wrap:wrap;gap:6px;padding-left:14px;border-left:1px solid var(--line)}.xhair-hint{margin-left:auto;font-family:var(--mono);font-size:10.5px;color:var(--faint);letter-spacing:.02em}.xhair-hint b{color:var(--muted);font-weight:600}.preset-ghost{color:var(--faint)}.preset-ghost:hover{color:var(--seg);border-color:var(--seg)}.wl{display:flex;align-items:center;gap:6px}.ctl-label{font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--faint);margin-right:4px}.preset{font-family:var(--mono);font-size:12px;padding:5px 10px;border:1px solid var(--line);background:transparent;color:var(--muted);cursor:pointer}.preset:hover{color:var(--ink);border-color:var(--accent-deep)}.preset[data-active=true]{color:#04252a;background:var(--accent);border-color:var(--accent);font-weight:600}.seg{display:flex;align-items:center;gap:6px;padding-left:14px;border-left:1px solid var(--line)}.seg-btn{display:inline-flex;align-items:center;gap:7px}.seg-btn:disabled{opacity:.45;cursor:not-allowed}.seg-swatch{width:11px;height:11px;background:var(--seg);display:inline-block}.seg-btn[data-active=true]{color:#2a0f08;background:var(--seg);border-color:var(--seg);font-weight:600}.seg-btn[data-active=true] .seg-swatch{background:#2a0f08}.endo-btn:disabled{opacity:.45;cursor:not-allowed}.endo-btn[data-active=true]{color:#04252a;background:var(--amber);border-color:var(--amber);font-weight:600}.hint{margin-left:auto;font-family:var(--mono);font-size:11px;color:var(--faint)}.load-bar{position:absolute;left:50%;top:40%;transform:translate(-50%,-50%);padding:12px 20px;background:#0e141beb;border:1px solid var(--accent-deep);color:var(--accent);font-family:var(--mono);font-size:13px;letter-spacing:.04em;border-radius:6px;z-index:10}.error-bar{position:absolute;left:14px;bottom:58px;max-width:60ch;padding:9px 13px;background:#2a1512;border:1px solid #6e2c22;color:#f0b6a6;font-family:var(--mono);font-size:12px;line-height:1.5}.credit{grid-column:1 / -1;grid-row:3;padding:8px 16px;border-top:1px solid var(--line);background:var(--panel-2);color:var(--muted);font-size:12px;text-align:center}@media (max-width: 720px){html,body,#root{height:auto}.shell{display:flex;flex-direction:column;min-height:100dvh;height:auto}.topbar{position:sticky;top:0;z-index:20;gap:10px;padding:0 10px;flex:none;flex-wrap:nowrap;height:44px}.menu-btn{display:block}.brand,.source-label{display:none}.status{font-size:11px}.sidebar-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:29}.sidebar{position:fixed;top:0;left:0;bottom:0;width:84%;max-width:320px;display:flex;flex-direction:column;border-right:1px solid var(--line);transform:translate(-100%);transition:transform .24s ease;z-index:30}.sidebar[data-open=true]{transform:translate(0);box-shadow:4px 0 24px #00000080}.series-list{display:block}.series-row{min-width:0;border-bottom:1px solid var(--line);border-right:0}.workspace{flex:1 1 auto;min-height:0}.stage{grid-template-rows:minmax(0,1fr) 26vw;--thumb-h: 26vw;min-height:60vh}.viewport{touch-action:none}.timeline{padding:8px 10px;gap:10px}.fly-label{min-width:0;font-size:10px}.controls{flex-wrap:wrap;gap:6px 8px;padding:7px 10px}.wl,.tools,.seg{flex-wrap:wrap;padding-left:0;border-left:0;gap:5px}.ctl-label{margin-right:2px}.preset{padding:5px 9px;font-size:11px}.error-bar{bottom:auto;top:50px}.credit{padding:4px 10px;font-size:9px;line-height:1.3}}