:root{color:#20312f;font-synthesis:none;--canvas:#0a1013;--ink:#20312f;--muted:#667773;--faint:#879591;--teal:#147d73;--teal-deep:#0f645c;--teal-soft:#e7f3f0;--surface:#fff;--surface-soft:#f7f9f8;--surface-tint:#eef4f2;--line:#dbe5e2;--line-strong:#c7d6d2;--danger:#a64040;--shadow:0 22px 60px #26443e1a;--shadow-soft:0 10px 28px #26443e14;background:#f4f7f6;font-family:DM Sans,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:#f4f7f6;min-width:320px;min-height:100vh;margin:0}button,.file-button,.folder-button,select{font:inherit}button,label,select{transition:border-color .18s,background .18s,color .18s,box-shadow .18s,transform .18s}button:focus-visible,label:focus-visible,select:focus-visible,.drop-zone:focus-visible{outline-offset:2px;outline:2px solid #147d738c}.app-shell{background:radial-gradient(circle at 12% 0,#c5e2dc85,#0000 31%),linear-gradient(#fbfcfc 0%,#f1f5f4 100%);min-height:100vh;padding:26px clamp(16px,2.4vw,38px) 32px}.topbar{justify-content:space-between;align-items:center;gap:24px;max-width:1680px;margin:0 auto 20px;display:flex}.eyebrow{color:var(--teal);letter-spacing:.17em;font-size:11px;font-weight:800}h1{color:var(--ink);letter-spacing:-.025em;margin:6px 0 0;font-size:clamp(24px,2.2vw,34px);line-height:1.12}.privacy-badge{color:var(--teal-deep);background:#f4faf8e6;border:1px solid #bcd9d3;border-radius:999px;align-items:center;gap:8px;padding:9px 14px;font-size:12.5px;font-weight:650;display:inline-flex;box-shadow:0 5px 18px #2d5d530f}.privacy-badge:before{content:"";background:#4e9a70;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #4e9a701f}.workspace{grid-template-columns:304px minmax(0,1fr);gap:18px;max-width:1680px;min-height:calc(100vh - 126px);margin:0 auto;display:grid}.sidebar,.viewer-panel{border:1px solid var(--line);box-shadow:var(--shadow);background:#fffffff2;border-radius:20px}.sidebar{padding:18px}input[type=file]{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.file-button,.folder-button{text-align:center;cursor:pointer;border-radius:11px;margin-bottom:9px;padding:12px 14px;font-weight:750;display:block}.file-button{border:1px solid var(--teal);color:#fff;background:var(--teal);box-shadow:0 9px 20px #147d7329}.file-button:hover{background:var(--teal-deep);transform:translateY(-1px)}.folder-button{color:#344b47;border:1px solid var(--line-strong);background:var(--surface-soft)}.folder-button:hover{background:#fff;border-color:#9ebeb7}.demo-button{width:100%;color:var(--teal);cursor:pointer;background:0 0;border:0;padding:10px 12px;font-weight:700}.demo-button:hover{color:var(--teal-deep);background:var(--teal-soft);border-radius:9px}.field-label{color:var(--faint);letter-spacing:.08em;text-transform:uppercase;margin:15px 0 6px;font-size:10.5px;font-weight:750;display:block}#seriesSelect,.advanced-controls select{border:1px solid var(--line-strong);width:100%;color:var(--ink);background:#fff;box-shadow:inset 0 1px 2px #20312f06}#seriesSelect{border-radius:10px;padding:10px 11px}#seriesSelect:disabled{opacity:.6;color:var(--faint);background:#f3f6f5}.view-mode{grid-template-columns:repeat(3,1fr);gap:7px;margin:11px 0 15px;display:grid}.view-mode button{border:1px solid var(--line);min-height:48px;color:var(--muted);background:var(--surface-soft);cursor:pointer;border-radius:10px;padding:8px;font-weight:700}.view-mode button:hover:not(:disabled){color:var(--teal-deep);background:#fff;border-color:#a8c7c0}.view-mode button.active{color:var(--teal-deep);background:var(--teal-soft);border-color:#8dc3b9;box-shadow:inset 0 0 0 1px #147d7314}.view-mode button:disabled{opacity:.42;cursor:not-allowed}.advanced-controls{border:1px solid var(--line);background:var(--surface-tint);border-radius:12px;margin:0 0 15px;padding:12px}.advanced-controls.hidden{display:none}.advanced-controls select{border-radius:9px;padding:8px 9px}.advanced-controls input[type=range]{opacity:1;pointer-events:auto;width:100%;height:auto;accent-color:var(--teal);position:static}.drop-zone{min-height:100px;color:var(--muted);text-align:center;background:#fbfcfc;border:1px dashed #a8c5bf;border-radius:13px;outline:none;place-items:center;gap:5px;margin:15px 0;padding:16px;display:grid}.drop-zone small{color:var(--faint)}.drop-zone.dragging{border-color:var(--teal);color:var(--teal-deep);background:var(--teal-soft)}.tool-grid{grid-template-columns:1fr 1fr;gap:7px;display:grid}.tool-grid button{border:1px solid var(--line);color:#526762;background:var(--surface-soft);cursor:pointer;border-radius:9px;padding:9px 8px}.tool-grid button:hover:not(:disabled),.tool-grid button.active{color:var(--teal-deep);background:var(--teal-soft);border-color:#9ac7be}.tool-grid button:disabled{opacity:.45;cursor:not-allowed}.series-info{border-top:1px solid var(--line);margin:18px 0 0}.series-info div{border-bottom:1px solid #e8eeec;justify-content:space-between;gap:12px;padding:9px 0;display:flex}.series-info dt{color:var(--faint)}.series-info dd{color:#334844;text-overflow:ellipsis;white-space:nowrap;max-width:168px;margin:0;font-weight:650;overflow:hidden}.notice{color:#5d706c;background:#f4f8f7;border:1px solid #d8e5e2;border-left:3px solid #8fb8b0;border-radius:10px;margin-top:16px;padding:12px 13px;font-size:11.5px;line-height:1.5}.viewer-panel{background:#fff;grid-template-rows:minmax(0,1fr) auto;display:grid;overflow:hidden}.viewport-grid{background:var(--canvas);min-height:650px;display:grid;position:relative}.viewport{background:var(--canvas);touch-action:none;min-width:0;min-height:0;position:relative;overflow:hidden}.viewport-grid.stack-layout{grid-template-columns:1fr}.viewport-grid.stack-layout #sagittalViewport,.viewport-grid.stack-layout #coronalViewport,.viewport-grid.stack-layout #volumeViewport{display:none}.viewport-grid.mpr-layout{grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;gap:1px}.viewport-grid.volume-layout{grid-template-columns:1fr}.viewport-grid.volume-layout #viewport,.viewport-grid.volume-layout #sagittalViewport,.viewport-grid.volume-layout #coronalViewport{display:none}.orientation-label{z-index:3;color:#7ed8ca;letter-spacing:.1em;pointer-events:none;background:#050c0ea6;border:1px solid #87d0c42e;border-radius:5px;padding:4px 7px;font-size:9.5px;font-weight:800;position:absolute;top:10px;left:11px}.empty-state{z-index:5;text-align:center;color:#72827e;pointer-events:none;background:radial-gradient(circle at 50% 42%,#fff 0,#f4f8f7 47%,#edf3f1 100%);place-content:center;gap:10px;display:grid;position:absolute;inset:0}.empty-state:before{content:"";background:linear-gradient(145deg,#fff,#e8f2ef);border:1px solid #bdd5d0;border-radius:20px;width:66px;height:66px;margin:0 auto 8px;box-shadow:0 14px 34px #2050461a}.empty-state strong{color:var(--teal);letter-spacing:.14em;font-size:17px}.empty-state span{font-size:13px}.empty-state.hidden{display:none}.viewer-footer{border-top:1px solid var(--line);color:#73837f;background:#f8faf9;justify-content:space-between;gap:20px;padding:11px 15px;font-size:11.5px;display:flex}#status{color:#47615c;font-weight:650}#status.error{color:var(--danger)}@media (max-width:980px){.workspace{grid-template-columns:270px minmax(0,1fr)}}@media (max-width:800px){.app-shell{padding:16px 10px 20px}.topbar{flex-direction:column;align-items:flex-start;margin-bottom:14px}.privacy-badge{border-radius:10px}.workspace{grid-template-columns:1fr}.sidebar,.viewer-panel{border-radius:16px}.viewport-grid{min-height:65vh}.viewport-grid.mpr-layout{grid-template-rows:repeat(4,minmax(260px,1fr));grid-template-columns:1fr}.viewer-footer{flex-direction:column;gap:4px}}