@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;700&display=swap";:root{--bg-obsidian:#010203;--bg-deep-slate:#06080b;--bg-slate:#10141a;--accent-cyan:#00f2ff;--accent-blue:#05f;--clinical-blue:#1a56ff;--text-primary:#fff;--text-secondary:#8b9bb4;--text-muted:#566782;--glass-bg:linear-gradient(145deg, #1e232d33 0%, #0a0f141a 100%);--glass-border:#ffffff0d;--success:#00ff9d;--danger:#f36;--font-main:"Plus Jakarta Sans", system-ui, sans-serif;--font-mono:"JetBrains Mono", monospace;--fluid-transition:all .4s cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-obsidian);color:var(--text-primary);font-family:var(--font-main);-webkit-font-smoothing:antialiased;overflow-x:hidden}button{cursor:pointer;background:0 0;border:none;outline:none;font-family:inherit}input[type=file]{display:none}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-obsidian)}::-webkit-scrollbar-thumb{background:var(--bg-slate);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-cyan)}.viewport-root{background:var(--bg-obsidian);width:100vw;height:100vh;color:var(--text-primary);position:relative;overflow:hidden}.zero-state-dropzone{z-index:5;background:radial-gradient(circle,#00f2ff0d,#0000 70%);justify-content:center;align-items:center;width:100%;max-width:600px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.dropzone-area{text-align:center;cursor:pointer;width:100%;transition:var(--fluid-transition);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0a0d1499;border:1px dashed #00f2ff33;border-radius:32px;flex-direction:column;align-items:center;padding:4rem;display:flex}.dropzone-area:hover{border-color:var(--accent-cyan);background:#00f2ff08}.dropzone-content{flex-direction:column;align-items:center;gap:1rem;display:flex}.dropzone-title{letter-spacing:.1em;font-size:1.5rem;font-weight:800}.dropzone-subtitle{color:var(--text-secondary);font-weight:500}.workflow-btn{background:var(--accent-cyan);color:var(--bg-obsidian);width:100%;font-family:var(--font-main);letter-spacing:.1em;cursor:pointer;transition:var(--fluid-transition);border:none;border-radius:12px;justify-content:center;align-items:center;gap:.75rem;padding:1.25rem;font-size:.875rem;font-weight:800;display:flex;box-shadow:0 4px 20px #00f2ff26}.workflow-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 30px #00f2ff66}.workflow-btn:disabled{color:var(--text-secondary);box-shadow:none;cursor:not-allowed;background:#ffffff0d}.workflow-btn.float-btn{border-radius:100px;width:auto;margin-top:2rem;padding:1rem 3rem}.workflow-btn.glow{box-shadow:0 0 30px #00f2ff4d}.mri-cinematic-display.fullscreen{background:#000;width:100vw;height:100vh;position:absolute;top:0;left:0}.mri-layer{object-fit:contain;width:100%;height:100%;transition:opacity .5s cubic-bezier(.16,1,.3,1);position:absolute;top:0;left:0}.heatmap-layer{pointer-events:none;z-index:2}.hud-module{z-index:10;flex-direction:column;display:flex;position:absolute}.top-left{gap:1rem;top:2rem;left:2rem}.top-right{top:2rem;right:2rem}.bottom-left{bottom:2rem;left:2rem}.bottom-center{bottom:2.5rem;left:50%;transform:translate(-50%)}.brand-header.minimal{background:var(--glass-bg);-webkit-backdrop-filter:blur(32px);backdrop-filter:blur(32px);border:1px solid var(--glass-border);border-radius:100px;align-items:center;gap:1rem;padding:1rem 1.5rem;display:flex;box-shadow:inset 0 1px 1px #ffffff0d,0 10px 40px #0006}.brand-text h1{letter-spacing:.1em;color:#fff;font-size:1rem;font-weight:800;line-height:1.2}.brand-text p{color:var(--text-secondary);letter-spacing:.1em;text-transform:uppercase;font-size:.65rem}.telemetry-minimal{background:var(--glass-bg);-webkit-backdrop-filter:blur(32px);backdrop-filter:blur(32px);border:1px solid var(--glass-border);border-radius:20px;flex-direction:column;gap:.875rem;padding:1.25rem 1.5rem;display:flex;box-shadow:inset 0 1px 1px #ffffff0d,0 10px 40px #0006}.metric-row{justify-content:space-between;align-items:center;gap:3rem;display:flex}.metric-label{color:var(--text-secondary);letter-spacing:.15em;font-size:.65rem;font-weight:800}.metric-value{font-family:var(--font-mono);font-size:.875rem;font-weight:700}.top-right-actions{align-items:center;gap:.75rem;display:flex}.hud-action-btn{background:var(--glass-bg);-webkit-backdrop-filter:blur(32px);backdrop-filter:blur(32px);border:1px solid var(--glass-border);color:var(--text-primary);letter-spacing:.1em;cursor:pointer;transition:var(--fluid-transition);border-radius:100px;align-items:center;gap:.75rem;padding:.875rem 1.5rem;font-size:.75rem;font-weight:800;display:flex;box-shadow:inset 0 1px 1px #ffffff0d,0 10px 40px #0006}.hud-action-btn:hover:not(:disabled){color:var(--accent-cyan);background:#00f2ff0d;border-color:#00f2ff66;transform:translateY(-2px)}.prediction-btn{position:relative}.prediction-btn:hover:not(:disabled){color:#f36;background:#ff33660d;border-color:#f366}.pred-badge-dot{background:#f36;border-radius:50%;width:6px;height:6px;animation:2s infinite pulse-dot;box-shadow:0 0 8px #f36}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.3)}}.cinematic-hud{background:var(--glass-bg);-webkit-backdrop-filter:blur(32px);backdrop-filter:blur(32px);border:1px solid var(--glass-border);border-radius:100px;gap:1.25rem;width:80%;max-width:440px;padding:.75rem 1.5rem;box-shadow:inset 0 1px 1px #ffffff0d,0 10px 40px #0009}.hud-pill-menu{background:#0000004d;border-radius:100px;padding:4px;display:flex}.hud-pill-menu button{letter-spacing:.15em;color:var(--text-secondary);transition:var(--fluid-transition);cursor:pointer;background:0 0;border:none;border-radius:100px;flex:1;padding:.75rem;font-size:.65rem;font-weight:800}.hud-pill-menu button.active{background:var(--accent-cyan);color:#000;box-shadow:0 0 15px #00f2ff4d}.hud-adjuster{flex-direction:column;gap:.5rem;display:flex}.adjuster-header{justify-content:space-between;align-items:center;display:flex}.adjuster-label{color:var(--text-secondary);letter-spacing:.1em;font-size:.65rem;font-weight:800}.adjuster-value{font-family:var(--font-mono);color:var(--accent-cyan);font-size:.75rem;font-weight:700}input[type=range].styled-slider{-webkit-appearance:none;background:0 0;width:100%;height:4px}input[type=range].styled-slider::-webkit-slider-runnable-track{background:#ffffff1a;border-radius:2px;width:100%;height:4px}input[type=range].styled-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent-cyan);cursor:pointer;border-radius:50%;width:16px;height:16px;margin-top:-6px;transition:transform .1s;box-shadow:0 0 15px #00f2ff99}input[type=range].styled-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}input[type=range].styled-slider:focus{outline:none}.spatial-canvas-wrapper{background:var(--glass-bg);-webkit-backdrop-filter:blur(32px);backdrop-filter:blur(32px);border:1px solid var(--glass-border);border-radius:20px;flex-direction:column;display:flex;position:absolute;overflow:hidden;box-shadow:inset 0 1px 1px #ffffff0d,0 10px 40px #0009}.expand-btn{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;margin-left:auto;padding:4px;transition:all .2s;display:flex}.expand-btn:hover{color:#00f2ff;background:#00f2ff33}.copilot-header{letter-spacing:.15em;color:#fff;border-bottom:1px solid var(--glass-border);background:#0003;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.65rem;font-weight:800;display:flex}.canvas-container-placeholder{background:#0006;flex:1;width:100%;height:100%;position:relative;overflow:hidden}.split-wipe-handle{background:var(--accent-cyan);z-index:5;pointer-events:none;width:2px;position:absolute;top:0;bottom:0;box-shadow:0 0 15px #00f2ffcc,0 0 5px #fff}.split-wipe-handle:after{content:"";background:var(--bg-obsidian);border:1px solid var(--accent-cyan);border-radius:6px;width:12px;height:48px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 10px #00f2ff80}.scan-overlay.fullscreen-override{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:100;background:#000000d9;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:absolute;top:0;left:0}.scan-status-container{z-index:2;flex-direction:column;align-items:center;gap:1.5rem;display:flex}.scan-status-container h2{font-family:var(--font-mono);letter-spacing:.3em;color:var(--accent-cyan);font-size:1rem}.pulse-grid{perspective:1000px;transform-origin:top;opacity:.3;background-image:linear-gradient(#00f2ff1a 1px,#0000 1px),linear-gradient(90deg,#00f2ff1a 1px,#0000 1px);background-size:40px 40px;width:100%;height:100%;animation:2s linear infinite grid-move;position:absolute;transform:rotateX(45deg)scale(2)}@keyframes grid-move{0%{transform:rotateX(45deg)scale(2)translateY(0)}to{transform:rotateX(45deg)scale(2)translateY(40px)}}.scan-line{background:var(--accent-cyan);width:100%;height:4px;box-shadow:0 0 20px var(--accent-cyan);z-index:1;animation:2s cubic-bezier(.4,0,.2,1) infinite scan;position:absolute;top:0;left:0}@keyframes scan{0%{opacity:0;top:-10%}10%{opacity:1}90%{opacity:1}to{opacity:0;top:110%}}.preview-overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:1000;background:#030406d9;justify-content:center;align-items:center;width:100%;height:100%;padding:2rem;display:flex;position:absolute;top:0;left:0}.preview-modal{background:var(--bg-deep-slate);border:1px solid var(--glass-border);border-radius:24px;flex-direction:column;width:100%;max-width:1000px;height:90vh;display:flex;overflow:hidden;box-shadow:0 20px 50px #00000080}.preview-header{border-bottom:1px solid var(--glass-border);background:#ffffff05;justify-content:space-between;align-items:center;padding:1.25rem 2rem;display:flex}.preview-title{color:var(--text-primary);letter-spacing:.1em;align-items:center;gap:.75rem;font-size:.875rem;font-weight:800;display:flex}.preview-actions{gap:1rem;display:flex}.action-btn{transition:var(--fluid-transition);cursor:pointer;border-radius:100px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.75rem;font-weight:700;display:flex}.action-btn.close{color:var(--text-secondary);border:1px solid var(--glass-border);background:0 0}.action-btn.close:hover{color:#fff;background:#ffffff0d}.action-btn.download{background:var(--accent-cyan);color:var(--bg-obsidian);border:none}.action-btn.download:hover{transform:translateY(-1px);box-shadow:0 0 20px #00f2ff66}.preview-iframe{background:#fff;border:none;flex:1;width:100%}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.accent-cyan{color:var(--accent-cyan)}.success-text{color:#00ff9d}.danger-text{color:#f36}.mt-2{margin-top:.5rem}.mri-interactive-viewport{cursor:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"%2300f2ff\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"3\"></circle><line x1=\"12\" y1=\"2\" x2=\"12\" y2=\"8\"></line><line x1=\"12\" y1=\"16\" x2=\"12\" y2=\"22\"></line><line x1=\"2\" y1=\"12\" x2=\"8\" y2=\"12\"></line><line x1=\"16\" y1=\"12\" x2=\"22\" y2=\"12\"></line></svg>") 12 12,crosshair}.mri-interactive-viewport:active{cursor:grabbing}.clinical-target-crosshair{z-index:100;pointer-events:none;justify-content:center;align-items:center;width:60px;height:60px;display:flex;position:absolute;transform:translate(-50%,-50%)}.crosshair-ring{border:2px solid var(--accent-cyan);border-radius:50%;width:100%;height:100%;animation:1.5s cubic-bezier(.4,0,.6,1) infinite pinpoint-pulse;position:relative;box-shadow:0 0 20px #00f2ff80,inset 0 0 10px #00f2ff4d}.crosshair-ring:before,.crosshair-ring:after{content:"";background:var(--accent-cyan);position:absolute}.crosshair-ring:before{width:calc(100% + 20px);height:1px;top:50%;left:-10px}.crosshair-ring:after{width:1px;height:calc(100% + 20px);top:-10px;left:50%}.crosshair-id{font-family:var(--font-mono);color:var(--accent-cyan);text-shadow:0 0 10px #00f2ffcc;white-space:nowrap;font-size:.65rem;font-weight:800;position:absolute;top:-20px;left:50%;transform:translate(-50%)}@keyframes pinpoint-pulse{0%{opacity:.8;transform:scale(1)}50%{opacity:1;border-width:3px;transform:scale(1.1)}to{opacity:.8;transform:scale(1)}}.prediction-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:500;background:#00000080;justify-content:flex-end;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.prediction-panel{background:linear-gradient(#080b10 0%,#0a0d14 100%);border-left:1px solid #ffffff0f;flex-direction:column;width:480px;max-width:90vw;height:100vh;display:flex;box-shadow:-20px 0 60px #00000080}.pred-header{background:#00f2ff05;border-bottom:1px solid #ffffff0f;flex-shrink:0;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.pred-header-left{align-items:center;gap:.75rem;display:flex}.pred-header-title{letter-spacing:.12em;color:#fff;font-size:.8rem;font-weight:800}.pred-header-sub{color:var(--text-secondary);letter-spacing:.1em;margin-top:2px;font-size:.6rem}.pred-close-btn{width:36px;height:36px;color:var(--text-secondary);cursor:pointer;transition:var(--fluid-transition);background:#ffffff0a;border:1px solid #ffffff0f;border-radius:10px;justify-content:center;align-items:center;display:flex}.pred-close-btn:hover{color:#f36;background:#ff33661a;border-color:#ff33664d}.pred-body{flex-direction:column;flex:1;gap:1rem;padding:1.25rem;display:flex;overflow-y:auto}.pred-body::-webkit-scrollbar{width:4px}.pred-body::-webkit-scrollbar-track{background:0 0}.pred-body::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:2px}.pred-card{background:#ffffff05;border:1px solid #ffffff0d;border-radius:16px;padding:1.25rem}.pred-card-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.pred-card-label{letter-spacing:.15em;color:var(--text-secondary);font-size:.6rem;font-weight:800}.pred-card-icon{color:var(--text-muted)}.pred-diagnosis-card{background:linear-gradient(135deg,#00f2ff08 0%,#0003 100%);border-color:#00f2ff1a}.pred-status-badge{letter-spacing:.1em;border-radius:100px;align-items:center;gap:.4rem;padding:.35rem .75rem;font-size:.55rem;font-weight:800;display:flex}.pred-status-badge.danger{color:#f36;background:#ff33661f;border:1px solid #f363}.pred-status-badge.safe{color:#00ff9d;background:#00ff9d1a;border:1px solid #00ff9d33}.pred-diagnosis-row{justify-content:space-between;align-items:baseline;margin-bottom:.75rem;display:flex}.pred-diagnosis-label{letter-spacing:.05em;font-size:1.75rem;font-weight:800}.pred-confidence-value{font-family:var(--font-mono);color:var(--accent-cyan);font-size:1.5rem;font-weight:800}.pred-confidence-bar-track{background:#ffffff0f;border-radius:3px;width:100%;height:6px;overflow:hidden}.pred-confidence-bar-fill{border-radius:3px;height:100%;box-shadow:0 0 12px}.pred-prob-list{flex-direction:column;gap:.75rem;display:flex}.pred-prob-row{align-items:center;gap:.75rem;display:flex}.pred-prob-info{align-items:center;gap:.25rem;min-width:100px;display:flex}.pred-prob-rank{font-family:var(--font-mono);color:var(--accent-cyan);width:12px;font-size:.7rem}.pred-prob-rank.top{color:var(--accent-cyan)}.pred-prob-cls{color:var(--text-primary);font-size:.75rem;font-weight:600}.pred-prob-bar-track{background:#ffffff0a;border-radius:2px;flex:1;min-width:80px;height:4px;overflow:hidden}.pred-prob-bar-fill{border-radius:2px;height:100%}.pred-prob-pct{font-family:var(--font-mono);color:var(--text-muted);text-align:right;min-width:48px;font-size:.7rem;font-weight:700}.pred-prob-pct.top{color:var(--accent-cyan)}.pred-risk-card{border-color:#ff33661a}.pred-risk-grid{align-items:flex-start;gap:1.5rem;display:flex}.pred-risk-gauge-block{flex-direction:column;flex-shrink:0;align-items:center;gap:.5rem;display:flex}.pred-risk-gauge{background:conic-gradient(var(--risk-color,#f36) 0%, var(--risk-color,#f36) var(--risk-pct,0%), #ffffff0d var(--risk-pct,0%), #ffffff0d 100%);border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;animation:.6s cubic-bezier(.16,1,.3,1) gauge-pop;display:flex}@keyframes gauge-pop{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.pred-risk-gauge-inner{background:#080b10;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:64px;height:64px;display:flex}.pred-risk-score{font-family:var(--font-mono);color:#fff;font-size:1.4rem;font-weight:800;line-height:1.1}.pred-risk-max{font-family:var(--font-mono);color:var(--text-muted);font-size:.6rem}.pred-risk-level{letter-spacing:.15em;font-size:.6rem;font-weight:800}.pred-risk-metrics{flex-direction:column;flex:1;gap:.875rem;display:flex}.pred-risk-metric{flex-direction:column;gap:.35rem;display:flex}.pred-risk-metric-label{letter-spacing:.15em;color:var(--text-secondary);font-size:.55rem;font-weight:800}.pred-risk-metric-bar-track{background:#ffffff0d;border-radius:2px;width:100%;height:4px;overflow:hidden}.pred-risk-metric-bar{border-radius:2px;height:100%;box-shadow:0 0 8px}.pred-risk-metric-val{font-family:var(--font-mono);color:var(--text-muted);font-size:.65rem;font-weight:700}.pred-risk-explainer{background:#ffffff05;border:1px dashed #ffffff1a;border-radius:12px;flex-direction:column;gap:.75rem;margin-top:1.5rem;padding:1rem;display:flex}.exp-item{color:var(--text-secondary);font-size:.7rem;line-height:1.4}.exp-label{color:var(--text-primary);letter-spacing:.05em;font-weight:800}.pred-narrative-card{background:linear-gradient(135deg,#a855f708 0%,#0003 100%);border-color:#a855f726}.pred-bio-badge{letter-spacing:.08em;color:#a855f7;background:#a855f71a;border:1px solid #a855f733;border-radius:100px;align-items:center;gap:.35rem;padding:.3rem .65rem;font-size:.55rem;font-weight:800;display:flex}.pred-narrative-body{flex-direction:column;gap:.75rem;display:flex}.pred-narrative-p{color:var(--text-primary);opacity:.9;font-size:.8rem;line-height:1.65}.pred-narrative-p:first-child{opacity:1}.pred-narrative-disclaimer{color:var(--text-secondary);background:#ffb4000d;border:1px solid #ffb4001a;border-radius:10px;align-items:flex-start;gap:.5rem;margin-top:1rem;padding:.75rem 1rem;font-size:.65rem;line-height:1.5;display:flex}.pred-narrative-disclaimer svg{color:#ffb400;flex-shrink:0;margin-top:1px}