:root{--bg:#0b0d10;--panel:#14181d;--panel-2:#1b2027;--line:#262d36;--text:#e6eaef;--dim:#8b95a3;--accent:#4c8dff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font:13px/1.45 -apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;overflow:hidden}.app{flex-direction:column;height:100%;display:flex}.app--dragging:after{content:"Drop to load";z-index:50;border:2px dashed var(--accent);pointer-events:none;background:#4c8dff1f;border-radius:10px;place-items:center;font-size:18px;display:grid;position:fixed;inset:8px}.toolbar{background:var(--panel);border-bottom:1px solid var(--line);flex-wrap:wrap;flex:none;align-items:center;gap:10px 16px;padding:8px 12px;display:flex}.toolbar__group{align-items:center;gap:6px;display:flex}.toolbar__home{color:var(--accent);align-items:center;text-decoration:none;display:flex}.toolbar__home:hover{opacity:.8}.toolbar__spacer{flex:auto;min-width:0}.toolbar .btn,.toolbar__check{white-space:nowrap}.toolbar__label{color:var(--dim)}.toolbar__check{color:var(--dim);-webkit-user-select:none;user-select:none;align-items:center;gap:6px;display:flex}.btn{border:1px solid var(--line);background:var(--panel-2);color:var(--text);font:inherit;cursor:pointer;border-radius:6px;padding:5px 11px}.btn:hover:not(:disabled){border-color:#39424e}.btn:disabled{opacity:.4;cursor:default}.btn--active,.btn--primary{background:var(--accent);border-color:var(--accent);color:#fff}.select{border:1px solid var(--line);background:var(--panel-2);color:var(--text);font:inherit;border-radius:6px;padding:5px 8px}.layout{flex:1;min-height:0;display:flex}.sidebar{background:var(--panel);border-right:1px solid var(--line);flex:0 0 262px;padding:10px;overflow-y:auto}.study+.study{margin-top:18px}.study__header{padding:4px 6px 8px}.study__header h2{margin:0;font-size:13px}.study__header p{color:var(--dim);margin:2px 0 0;font-size:12px}.series-list{margin:0;padding:0;list-style:none}.series{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;gap:9px;padding:7px 8px;display:flex}.series:hover{background:var(--panel-2)}.series--selected{border-color:var(--accent);background:#4c8dff29}.series__modality{color:var(--accent);flex:0 0 30px;padding-top:1px;font-size:11px;font-weight:600}.series__body{min-width:0}.series__title{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.series__meta{color:var(--dim);font-size:11px;display:block}.stage{background:#000;flex:1;min-width:0;position:relative}.viewer,.viewer__canvas{position:absolute;inset:0}.viewer__overlay{z-index:2;color:var(--dim);pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex;position:absolute;inset:0}.viewer__overlay--error{color:#ff8a8a;text-align:center;padding:24px}.hud{z-index:3;overflow-wrap:anywhere;text-shadow:0 1px 3px #000;pointer-events:none;max-width:calc(50% - 18px);font-size:12px;position:absolute}.hud__dim{color:var(--dim)}.hud--top-left{top:10px;left:12px}.hud--top-right{text-align:right;top:10px;right:12px}.hud--bottom-left{bottom:34px;left:12px}.scrubber{z-index:3;position:absolute;bottom:8px;left:12px;right:12px}.scrubber input{width:100%;accent-color:var(--accent)}@media (width<=720px){.layout{flex-direction:column}.sidebar{border-right:none;border-bottom:1px solid var(--line);flex:none;max-height:30vh}.stage{min-height:60vh}.hud{font-size:11px}.hud--bottom-left{bottom:30px}}.empty{z-index:4;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex;position:absolute;inset:0}.empty h1{margin:0;font-size:20px;font-weight:500}.empty p{color:var(--dim);margin:0}.empty progress{width:280px}.empty__note{font-size:12px}.empty__logo{color:var(--accent);line-height:0}.empty__actions{gap:8px;display:flex}.empty__error{max-width:340px;font-size:12px;color:#ff8a8a!important}