@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--bg-primary:#e5e7eb;--bg-secondary:#f3f4f6;--bg-tertiary:#d1d5db;--border-color:#9ca3af;--border-light:#d1d5db;--text-primary:#111827;--text-secondary:#374151;--text-muted:#4b5563;--accent-primary:#0284c7;--accent-hover:#0369a1;--accent-glow:#0284c726;--accent-success:#059669;--accent-danger:#dc2626;--accent-warning:#d97706;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #00000014, 0 2px 4px -1px #0000000a;--shadow-lg:0 10px 15px -3px #00000014, 0 4px 6px -2px #0000000a;--shadow-glow:0 0 15px var(--accent-glow);--font-sans:"Inter", system-ui, -apple-system, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0}#root{flex-direction:column;width:100%;min-height:100vh;display:flex}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--border-color)}h1,h2,h3,h4,h5,h6{color:var(--text-primary);margin:0;font-weight:600}p{margin:0}*{box-sizing:border-box}.viewer-container{width:100%;max-width:1400px;color:var(--text-primary);font-family:var(--font-sans);background-color:#0000;flex-direction:column;align-items:center;display:flex}.toolbars-container{flex-direction:column;gap:12px;width:100%;margin-bottom:24px;display:flex}.toolbar-panel{background:var(--bg-secondary);border:1px solid var(--border-color);box-shadow:var(--shadow-md);border-radius:12px;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px 16px;display:flex}.toolbar-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;align-items:center;margin-right:12px;font-size:.85rem;font-weight:600;display:flex}.tool-btn{background-color:var(--bg-primary);color:var(--text-secondary);border:1px solid var(--border-color);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:.85rem;font-weight:500;transition:all .2s;display:flex}.tool-btn:hover:not(:disabled){background-color:var(--bg-tertiary);color:var(--text-primary);border-color:var(--accent-primary)}.tool-btn:disabled{opacity:.4;cursor:not-allowed}.tool-btn.active{background-color:var(--accent-primary);border-color:var(--accent-hover);color:#fff;box-shadow:0 4px 12px #0ea5e94d}.preset-btn{color:var(--accent-primary);background-color:#0ea5e90d;border-color:#0ea5e933}.preset-btn:hover{background-color:var(--accent-primary);color:#fff}.viewer-layout-row{flex-direction:row;align-items:flex-start;gap:24px;width:100%;display:flex}@media (width<=1024px){.viewer-layout-row{flex-direction:column}}.viewer-left-column{flex-direction:column;flex:1;align-items:center;width:100%;min-width:0;display:flex}.dicom-viewport{border:1px solid var(--border-color);width:100%;height:65vh;min-height:500px;box-shadow:var(--shadow-lg);background-color:#000;border-radius:12px;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.empty-state{width:100%;height:100%;color:var(--text-muted);justify-content:center;align-items:center;font-size:.95rem;display:flex}.controls-hint{color:var(--text-muted);text-align:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;flex-direction:column;align-items:center;gap:4px;width:100%;margin-top:16px;padding:12px 20px;font-size:.8rem;display:flex}.slice-slider{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;align-items:center;gap:16px;width:100%;margin-bottom:24px;padding:12px 20px;display:flex}.slice-slider span{color:var(--text-secondary);white-space:nowrap;font-size:.85rem;font-weight:600}input[type=range]{-webkit-appearance:none;background:0 0;width:100%}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent-primary);cursor:pointer;border-radius:50%;width:16px;height:16px;margin-top:-6px;box-shadow:0 0 10px #0ea5e980}input[type=range]::-webkit-slider-runnable-track{cursor:pointer;background:var(--border-color);border-radius:2px;width:100%;height:4px}.ai-diagnosis-panel{background:var(--bg-secondary);border:1px solid var(--border-color);width:350px;box-shadow:var(--shadow-md);border-radius:12px;flex-direction:column;flex-shrink:0;height:fit-content;padding:20px;display:flex}@media (width<=1024px){.ai-diagnosis-panel{width:100%}}.ai-header{color:var(--accent-primary);align-items:center;gap:8px;margin:0 0 8px;font-size:1.15rem;font-weight:700;display:flex}.ai-desc{color:var(--text-muted);margin:0 0 16px;font-size:.8rem;line-height:1.4}.ai-input{background-color:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border-color);resize:none;border-radius:8px;width:100%;height:70px;margin-bottom:16px;padding:10px;font-family:inherit;font-size:.85rem}.ai-input:focus{border-color:var(--accent-primary);outline:none;box-shadow:0 0 0 2px #0ea5e933}.ai-btn{background-color:var(--accent-primary);color:#fff;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px 16px;font-size:.9rem;font-weight:600;transition:all .2s;display:flex}.ai-btn:hover:not(:disabled){background-color:var(--accent-hover);box-shadow:var(--shadow-glow)}.ai-btn:disabled{background-color:var(--bg-tertiary);color:var(--text-muted);cursor:not-allowed}.ai-report-container{flex-direction:column;flex-grow:1;margin-top:20px;display:flex}.ai-report-content{background-color:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-primary);border-radius:8px;padding:16px;font-size:.85rem;line-height:1.5}.ai-disclaimer{color:var(--text-muted);border-top:1px solid var(--border-color);text-align:center;margin-top:16px;padding-top:12px;font-size:.7rem;font-style:italic}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}.pulse-text{animation:2s ease-in-out infinite pulse}:root{--v3d-bg-deep:#030712;--v3d-bg-surface:#0b1329;--v3d-bg-panel:#0b1329;--v3d-border:#3b82f647;--v3d-border-hover:#3b82f68c;--v3d-accent:#2563eb;--v3d-accent-glow:#2563eb73;--v3d-accent-bright:#38bdf8;--v3d-text-primary:#fff;--v3d-text-secondary:#f1f5f9;--v3d-text-muted:#94a3b8;--v3d-success:#22c55e;--v3d-warning:#f59e0b;--v3d-danger:#ef4444;--v3d-radius:12px;--v3d-radius-sm:8px;--v3d-transition:.2s cubic-bezier(.4, 0, .2, 1)}.viewer3d-container{flex-direction:column;align-items:center;gap:12px;width:100%;display:flex;position:relative}.viewer3d-loading{border:1px solid var(--v3d-border);border-radius:var(--v3d-radius);width:100%;max-width:1200px;height:700px;color:var(--v3d-accent-bright);background:radial-gradient(#0c1929 0%,#030712 80%);flex-direction:column;justify-content:center;align-items:center;gap:20px;display:flex;position:relative;overflow:hidden;box-shadow:0 12px 36px #00000080}.viewer3d-loading:before{content:"";background-image:linear-gradient(#3b82f60d 1px,#0000 1px),linear-gradient(90deg,#3b82f60d 1px,#0000 1px);background-size:40px 40px;animation:4s ease-in-out infinite gridPulse;position:absolute;inset:0}@keyframes gridPulse{0%,to{opacity:.3}50%{opacity:.8}}.viewer3d-loading .spinner-3d{perspective:120px;z-index:2;width:60px;height:60px;position:relative}.spinner-3d-cube{width:100%;height:100%;transform-style:preserve-3d;animation:2.5s cubic-bezier(.68,-.55,.27,1.55) infinite cubeRotate;position:relative}.spinner-3d-face{border:2px solid var(--v3d-accent);background:#3b82f61f;border-radius:4px;position:absolute;inset:0;box-shadow:inset 0 0 15px #3b82f64d}.spinner-3d-face:first-child{transform:rotateY(0)translateZ(30px)}.spinner-3d-face:nth-child(2){transform:rotateY(90deg)translateZ(30px)}.spinner-3d-face:nth-child(3){transform:rotateY(180deg)translateZ(30px)}.spinner-3d-face:nth-child(4){transform:rotateY(270deg)translateZ(30px)}.spinner-3d-face:nth-child(5){transform:rotateX(90deg)translateZ(30px)}.spinner-3d-face:nth-child(6){transform:rotateX(-90deg)translateZ(30px)}@keyframes cubeRotate{0%{transform:rotateX(0)rotateY(0)}25%{transform:rotateX(90deg)rotateY(90deg)}50%{transform:rotateX(180deg)rotateY(180deg)}75%{transform:rotateX(270deg)rotateY(270deg)}to{transform:rotateX(360deg)rotateY(360deg)}}.viewer3d-loading .progress-bar-wrap{z-index:2;background:#3b82f626;border-radius:3px;width:320px;height:6px;position:relative;overflow:hidden}.viewer3d-loading .progress-bar-fill{height:100%;box-shadow:0 0 14px var(--v3d-accent-glow);background:linear-gradient(90deg,#2563eb,#38bdf8,#2563eb) 0 0/200% 100%;border-radius:3px;transition:width .4s cubic-bezier(.4,0,.2,1);animation:2s infinite progressShimmer}@keyframes progressShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.viewer3d-loading-text{color:var(--v3d-accent-bright);letter-spacing:.05em;z-index:2;font-size:1rem;font-weight:600}.viewer3d-loading-sub{color:#94a3b8;z-index:2;font-size:.8rem}.viewer3d-toolbar{border:1px solid var(--v3d-border);border-radius:var(--v3d-radius);width:100%;max-width:1200px;transition:border-color var(--v3d-transition);background:#0b1329;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 16px;display:flex;box-shadow:0 8px 24px #0006}.viewer3d-toolbar:hover{border-color:var(--v3d-border-hover)}.viewer3d-toolbar-label{color:#38bdf8;text-transform:uppercase;letter-spacing:.12em;-webkit-user-select:none;user-select:none;align-items:center;margin-right:8px;font-size:.72rem;font-weight:800;display:flex}.v3d-btn{color:#fff;border-radius:var(--v3d-radius-sm);cursor:pointer;transition:all var(--v3d-transition);white-space:nowrap;background:#172554;border:1px solid #3b82f659;padding:7px 13px;font-size:.8rem;font-weight:600;position:relative;overflow:hidden}.v3d-btn:before{content:"";opacity:0;transition:opacity var(--v3d-transition);background:linear-gradient(135deg,#0000 0%,#3b82f633 100%);position:absolute;inset:0}.v3d-btn:hover:not(:disabled){color:#fff;background:#1d4ed8;border-color:#60a5fa;transform:translateY(-1px);box-shadow:0 4px 16px #2563eb66}.v3d-btn:hover:not(:disabled):before{opacity:1}.v3d-btn:active:not(:disabled){transform:translateY(0)}.v3d-btn:disabled{opacity:.35;cursor:not-allowed}.v3d-btn.active{color:#fff;background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);border-color:#93c5fd;font-weight:700;box-shadow:0 0 20px #3b82f680,0 0 40px #3b82f640}.v3d-action-btn{color:#fff;border-radius:var(--v3d-radius-sm);cursor:pointer;transition:all var(--v3d-transition);white-space:nowrap;background:#1e293b;border:1px solid #94a3b84d;align-items:center;gap:6px;padding:7px 13px;font-size:.8rem;font-weight:600;display:flex}.v3d-action-btn:hover{color:#fff;background:#334155;border-color:#cbd5e1;transform:translateY(-1px)}.v3d-action-btn.auto-rotate-active{color:#4ade80;background:#22c55e33;border-color:#22c55e;box-shadow:0 0 14px #22c55e4d}.viewer3d-adjust-panel{border:1px solid var(--v3d-border);border-radius:var(--v3d-radius);background:#0b1329;flex-direction:column;gap:10px;width:100%;max-width:1200px;padding:12px 18px;display:flex;box-shadow:0 8px 24px #0006}.viewer3d-adjust-row{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.viewer3d-adjust-row label{color:#fff;min-width:100px;font-size:.82rem;font-weight:600}.viewer3d-adjust-row select{color:#fff;cursor:pointer;transition:border-color var(--v3d-transition);background:#1e293b;border:1px solid #3b82f6;border-radius:6px;padding:6px 12px;font-size:.82rem;font-weight:600}.viewer3d-adjust-row select:hover{border-color:#60a5fa}.viewer3d-adjust-row select:focus{box-shadow:0 0 0 2px var(--v3d-accent-glow);border-color:#38bdf8;outline:none}.v3d-slider-group{flex-grow:1;align-items:center;gap:10px;min-width:220px;display:flex}.v3d-slider-group span.v3d-slider-label{color:#fff;min-width:110px;font-size:.82rem;font-weight:600}.v3d-slider-group input[type=range]{appearance:none;cursor:pointer;background:#3b82f640;border-radius:3px;outline:none;flex-grow:1;height:6px}.v3d-slider-group input[type=range]::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#38bdf8;border:2px solid #0f172a;border-radius:50%;width:18px;height:18px;transition:transform .15s,box-shadow .15s;box-shadow:0 0 10px #38bdf899}.v3d-slider-group input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 0 18px #38bdf8e6}.v3d-slider-group input[type=range]::-moz-range-thumb{cursor:pointer;background:#38bdf8;border:2px solid #0f172a;border-radius:50%;width:16px;height:16px;box-shadow:0 0 10px #38bdf899}.v3d-slider-value{text-align:right;color:#38bdf8;min-width:60px;font-family:JetBrains Mono,Fira Code,Courier New,monospace;font-size:.85rem;font-weight:700}.v3d-adjust-divider{border:none;border-top:1px solid #3b82f626;margin:4px 0}.v3d-adjust-note{color:#94a3b8;font-size:.75rem;font-weight:500}.viewer3d-camera-bar{border:1px solid var(--v3d-border);border-radius:var(--v3d-radius);background:#0b1329;align-items:center;gap:6px;width:100%;max-width:1200px;padding:8px 16px;display:flex;box-shadow:0 8px 24px #0006}.v3d-camera-label{color:#38bdf8;text-transform:uppercase;letter-spacing:.12em;-webkit-user-select:none;user-select:none;margin-right:8px;font-size:.72rem;font-weight:800}.v3d-camera-btn{color:#f8fafc;cursor:pointer;transition:all var(--v3d-transition);text-transform:uppercase;letter-spacing:.05em;background:#1e293b;border:1px solid #94a3b84d;border-radius:6px;padding:6px 12px;font-size:.75rem;font-weight:600}.v3d-camera-btn:hover{color:#fff;background:#2563eb;border-color:#60a5fa;transform:translateY(-1px);box-shadow:0 2px 10px #3b82f666}.viewer3d-clip-panel{border-radius:var(--v3d-radius);background:#0b1329;border:1px solid #f59e0b4d;flex-direction:column;gap:8px;width:100%;max-width:1200px;padding:10px 18px;display:flex;box-shadow:0 8px 24px #0006}.v3d-clip-header{justify-content:space-between;align-items:center;display:flex}.v3d-clip-title{color:#fbbf24;text-transform:uppercase;letter-spacing:.1em;font-size:.78rem;font-weight:800}.v3d-clip-toggle{color:#fbbf24;cursor:pointer;transition:all var(--v3d-transition);background:#f59e0b26;border:1px solid #f59e0b;border-radius:6px;padding:5px 12px;font-size:.74rem;font-weight:700}.v3d-clip-toggle:hover{background:#f59e0b40;border-color:#fbbf24}.v3d-clip-toggle.clip-active{background:#f59e0b40;border-color:#fbbf24;box-shadow:0 0 12px #f59e0b40}.v3d-clip-sliders{flex-wrap:wrap;gap:16px;display:flex}.v3d-clip-axis{flex:1;align-items:center;gap:8px;min-width:180px;display:flex}.v3d-clip-axis-label{color:#fff;text-align:center;min-width:16px;font-size:.8rem;font-weight:800}.v3d-clip-axis-label.axis-x{color:#f87171}.v3d-clip-axis-label.axis-y{color:#4ade80}.v3d-clip-axis-label.axis-z{color:#60a5fa}.viewer3d-viewport-wrap{width:100%;max-width:1200px;position:relative}.viewer3d-viewport{border:1px solid var(--v3d-border);border-radius:var(--v3d-radius);background:radial-gradient(#0a1628 0%,#030712 100%);width:100%;height:700px;transition:border-color .4s;position:relative;overflow:hidden;box-shadow:0 12px 36px #0009}.viewer3d-viewport-wrap:hover .viewer3d-viewport{border-color:#3b82f680}.v3d-orientation{z-index:10;pointer-events:none;position:absolute}.v3d-orientation-label{color:#38bdf8;text-shadow:0 0 10px #38bdf8b3,0 2px 4px #000000e6;-webkit-user-select:none;user-select:none;letter-spacing:.05em;font-family:JetBrains Mono,Fira Code,monospace;font-size:.8rem;font-weight:800;transition:opacity .3s;position:absolute}.v3d-orient-top{top:12px;left:50%;transform:translate(-50%)}.v3d-orient-bottom{bottom:12px;left:50%;transform:translate(-50%)}.v3d-orient-left{top:50%;left:12px;transform:translateY(-50%)}.v3d-orient-right{top:50%;right:12px;transform:translateY(-50%)}.viewer3d-info{pointer-events:none;z-index:10;flex-direction:column;gap:5px;display:flex;position:absolute;top:12px;left:14px}.viewer3d-info-badge{color:#38bdf8;letter-spacing:.05em;background:#030712d9;border:1px solid #3b82f64d;border-radius:4px;width:fit-content;padding:4px 10px;font-family:JetBrains Mono,Fira Code,Courier New,monospace;font-size:.72rem;font-weight:700;box-shadow:0 2px 8px #00000080}.viewer3d-statusbar{border-radius:0 0 var(--v3d-radius) var(--v3d-radius);z-index:10;pointer-events:none;background:#030712e6;border-top:1px solid #3b82f633;align-items:center;gap:16px;padding:8px 16px;display:flex;position:absolute;bottom:0;left:0;right:0}.v3d-status-item{color:#cbd5e1;align-items:center;gap:5px;font-family:JetBrains Mono,Fira Code,monospace;font-size:.7rem;font-weight:600;display:flex}.v3d-status-dot{background:var(--v3d-success);border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite statusPulse;box-shadow:0 0 8px #22c55e99}@keyframes statusPulse{0%,to{opacity:1}50%{opacity:.4}}.v3d-fps{color:var(--v3d-success);font-weight:700}.v3d-fps.fps-low{color:var(--v3d-warning)}.v3d-fps.fps-bad{color:var(--v3d-danger)}.viewer3d-hints{color:#cbd5e1;flex-wrap:wrap;justify-content:center;gap:14px;padding:6px 0;font-size:.76rem;display:flex}.viewer3d-hints span{align-items:center;gap:5px;display:flex}.viewer3d-hints kbd{color:#38bdf8;background:#1e293b;border:1px solid #3b82f659;border-radius:4px;padding:2px 7px;font-family:JetBrains Mono,Fira Code,monospace;font-size:.68rem;font-weight:700}.viewer3d-empty{border-radius:var(--v3d-radius);color:#94a3b8;background:radial-gradient(#0c1929 0%,#030712 70%);border:2px dashed #3b82f64d;flex-direction:column;justify-content:center;align-items:center;gap:16px;width:100%;max-width:1200px;height:600px;display:flex;position:relative;overflow:hidden}.viewer3d-empty:before{content:"";opacity:.5;background-image:linear-gradient(#3b82f608 1px,#0000 1px),linear-gradient(90deg,#3b82f608 1px,#0000 1px);background-size:50px 50px;position:absolute;inset:0}.viewer3d-empty-icon{opacity:.5;z-index:1;font-size:4rem;animation:3s ease-in-out infinite floatIcon}@keyframes floatIcon{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.viewer3d-empty-text{color:#f1f5f9;z-index:1;font-size:1.05rem;font-weight:600}.viewer3d-empty-sub{color:#94a3b8;z-index:1;font-size:.8rem}.viewer3d-error{border-radius:var(--v3d-radius);color:#fca5a5;text-align:center;background:radial-gradient(#1a0808 0%,#0a0505 80%);border:1px solid #ef444459;flex-direction:column;justify-content:center;align-items:center;gap:10px;width:100%;max-width:1200px;height:300px;padding:24px;display:flex;box-shadow:0 12px 36px #00000080}.viewer3d-error-title{color:var(--v3d-danger);font-size:1.15rem;font-weight:800}.viewer3d-error-msg{color:#fca5a5;max-width:500px;font-size:.85rem;line-height:1.5}.v3d-autorotate-indicator{z-index:10;pointer-events:none;background:#030712d9;border:1px solid #22c55e66;border-radius:6px;align-items:center;gap:6px;padding:5px 12px;display:flex;position:absolute;top:12px;right:14px;box-shadow:0 2px 8px #00000080}.v3d-autorotate-dot{background:var(--v3d-success);border-radius:50%;width:7px;height:7px;animation:1s ease-in-out infinite statusPulse;box-shadow:0 0 8px #22c55ecc}.v3d-autorotate-text{color:var(--v3d-success);letter-spacing:.06em;text-transform:uppercase;font-family:JetBrains Mono,monospace;font-size:.7rem;font-weight:700}@media (width<=768px){.viewer3d-viewport,.viewer3d-loading{height:450px}.viewer3d-toolbar{gap:4px;padding:8px 10px}.v3d-btn{padding:5px 8px;font-size:.72rem}.viewer3d-camera-bar{flex-wrap:wrap}.v3d-clip-sliders{flex-direction:column}}@keyframes heartbeat{0%,to{transform:scale(1)}14%{transform:scale(1.25)}28%{transform:scale(1)}42%{transform:scale(1.15)}56%{transform:scale(1)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 8px #dc26264d}50%{box-shadow:0 0 20px #dc262699,0 0 40px #dc262633}}@keyframes ecg-scroll{0%{background-position:0}to{background-position:600px}}@keyframes slide-in-right{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes phase-glow{0%,to{opacity:.6}50%{opacity:1}}.cardiac-container{flex-direction:column;align-items:center;gap:0;width:100%;max-width:1400px;animation:.5s ease-out fade-in-up;display:flex}.cardiac-header-banner{background:linear-gradient(135deg,#1a0000 0%,#2d0a0a 30%,#1a0505 70%,#0a0a1a 100%);border:1px solid #dc262640;border-radius:14px;align-items:center;gap:16px;width:100%;margin-bottom:16px;padding:18px 24px;display:flex;position:relative;overflow:hidden}.cardiac-header-banner:before{content:"";pointer-events:none;background:repeating-linear-gradient(90deg,#0000,#0000 4px,#dc262608 4px 5px);position:absolute;inset:0}.cardiac-header-banner:after{content:"";background:linear-gradient(90deg,#0000,#dc262680,#0000);height:1px;position:absolute;top:0;left:0;right:0}.cardiac-heart-icon{filter:drop-shadow(0 0 8px #dc262680);font-size:2.2rem;animation:1.5s ease-in-out infinite heartbeat}.cardiac-heart-icon.playing{animation-duration:.8s}.cardiac-header-info{flex-direction:column;gap:2px;display:flex}.cardiac-header-title{color:#fca5a5;letter-spacing:-.01em;font-size:1.2rem;font-weight:700}.cardiac-header-subtitle{color:#9ca3af;letter-spacing:.04em;font-size:.78rem}.cardiac-header-badges{align-items:center;gap:8px;margin-left:auto;display:flex}.cardiac-badge{color:#fca5a5;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;background:#dc262626;border:1px solid #dc26264d;border-radius:20px;padding:4px 10px;font-size:.72rem;font-weight:600}.cardiac-badge.venous{color:#93c5fd;background:#3b82f626;border-color:#3b82f64d}.cardiac-toolbars{flex-direction:column;gap:8px;width:100%;margin-bottom:12px;display:flex}.cardiac-toolbar{background:linear-gradient(#1f1215 0%,#1a0e10 100%);border:1px solid #dc262626;border-radius:10px;flex-wrap:wrap;align-items:center;gap:6px;padding:8px 14px;display:flex}.cardiac-toolbar-label{color:#ef4444;text-transform:uppercase;letter-spacing:.08em;min-width:fit-content;margin-right:8px;font-size:.72rem;font-weight:700}.cardiac-btn{font-size:.78rem;font-weight:500;font-family:var(--font-sans);color:#d1d5db;cursor:pointer;white-space:nowrap;background:#ffffff0a;border:1px solid #ffffff14;border-radius:6px;align-items:center;gap:5px;padding:6px 12px;transition:all .2s;display:inline-flex}.cardiac-btn:hover{color:#fca5a5;background:#dc26261f;border-color:#dc262659;transform:translateY(-1px)}.cardiac-btn.active{color:#fca5a5;background:linear-gradient(135deg,#dc262640,#b91c1c33);border-color:#dc262680;box-shadow:0 0 12px #dc262626}.cardiac-btn:disabled{opacity:.35;cursor:not-allowed;transform:none}.cardiac-btn.preset-btn{padding:5px 10px;font-size:.75rem}.cardiac-btn.play-btn{color:#fca5a5;background:linear-gradient(135deg,#dc26264d,#b91c1c33);border-color:#dc262666;font-weight:600}.cardiac-btn.play-btn.playing{animation:1.5s ease-in-out infinite pulse-glow}.cardiac-btn.play-btn:hover{background:linear-gradient(135deg,#dc262673,#b91c1c59)}.cardiac-speed-btn{color:#9ca3af;cursor:pointer;font-size:.7rem;font-family:var(--font-sans);background:#ffffff08;border:1px solid #ffffff0f;border-radius:4px;padding:4px 8px;transition:all .2s}.cardiac-speed-btn:hover,.cardiac-speed-btn.active{color:#fca5a5;background:#dc262626;border-color:#dc26264d}.cardiac-layout{align-items:flex-start;gap:16px;width:100%;display:flex}.cardiac-viewport-column{flex-direction:column;flex:1;gap:12px;min-width:0;display:flex}.cardiac-viewport{background:#050508;border:1px solid #dc262626;border-radius:12px;justify-content:center;align-items:center;width:100%;height:580px;display:flex;position:relative;overflow:hidden}.cardiac-viewport img{object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:none;max-width:100%;max-height:100%}.cardiac-empty-state{color:#4b5563;flex-direction:column;align-items:center;gap:12px;font-size:.9rem;display:flex}.cardiac-empty-icon{opacity:.4;font-size:3rem}.cardiac-ecg-timeline{background:linear-gradient(#0a0a12 0%,#0d0d18 100%);border:1px solid #dc26261f;border-radius:10px;flex-direction:column;gap:8px;width:100%;padding:12px 16px;display:flex}.ecg-header{justify-content:space-between;align-items:center;display:flex}.ecg-title{color:#ef4444;text-transform:uppercase;letter-spacing:.08em;font-size:.72rem;font-weight:700}.ecg-phase-label{border-radius:12px;padding:3px 10px;font-size:.75rem;font-weight:600;animation:2s ease-in-out infinite phase-glow}.ecg-phase-label.systole{color:#fca5a5;background:#dc262633;border:1px solid #dc26264d}.ecg-phase-label.diastole{color:#93c5fd;background:#3b82f633;border:1px solid #3b82f64d}.ecg-waveform{background:#080810;border-radius:6px;width:100%;height:50px;position:relative;overflow:hidden}.ecg-waveform canvas{width:100%;height:100%;display:block}.ecg-progress-bar{background:#ffffff0d;border-radius:3px;width:100%;height:6px;position:relative;overflow:hidden}.ecg-progress-fill{background:linear-gradient(90deg,#ef4444,#dc2626,#b91c1c);border-radius:3px;height:100%;transition:width .1s linear;position:relative}.ecg-progress-fill:after{content:"";background:#ef4444;border-radius:50%;width:10px;height:10px;position:absolute;top:50%;right:-2px;transform:translateY(-50%);box-shadow:0 0 8px #dc262699}.cardiac-side-panel{flex-direction:column;flex-shrink:0;gap:12px;width:340px;animation:.4s ease-out slide-in-right;display:flex}.cardiac-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(135deg,#1a0a0ae6,#140a0fd9);border:1px solid #dc262626;border-radius:12px;flex-direction:column;gap:10px;padding:16px;display:flex}.cardiac-card-header{border-bottom:1px solid #dc26261a;align-items:center;gap:8px;padding-bottom:8px;display:flex}.cardiac-card-icon{font-size:1.1rem}.cardiac-card-title{color:#fca5a5;text-transform:uppercase;letter-spacing:.06em;font-size:.82rem;font-weight:700}.cardiac-meta-row{justify-content:space-between;align-items:center;padding:5px 0;display:flex}.cardiac-meta-label{color:#9ca3af;font-size:.78rem;font-weight:500}.cardiac-meta-value{color:#e5e7eb;font-family:JetBrains Mono,monospace;font-size:.82rem;font-weight:600}.cardiac-meta-value.highlight{color:#fca5a5;text-shadow:0 0 8px #dc26264d}.vessel-segments{flex-wrap:wrap;gap:6px;display:flex}.vessel-seg-btn{font-size:.72rem;font-weight:600;font-family:var(--font-sans);cursor:pointer;color:#d1d5db;letter-spacing:.02em;background:#dc262614;border:1px solid #dc262633;border-radius:16px;padding:4px 10px;transition:all .2s}.vessel-seg-btn:hover{color:#fca5a5;background:#dc262633;border-color:#dc262666;transform:scale(1.05)}.vessel-seg-btn.active{color:#fca5a5;background:linear-gradient(135deg,#dc262659,#b91c1c40);border-color:#dc262680;box-shadow:0 0 10px #dc262633}.stenosis-calc{flex-direction:column;gap:8px;display:flex}.stenosis-input-row{align-items:center;gap:8px;display:flex}.stenosis-input-row label{color:#9ca3af;min-width:90px;font-size:.75rem}.stenosis-input{color:#e5e7eb;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;outline:none;flex:1;padding:6px 10px;font-family:JetBrains Mono,monospace;font-size:.82rem;transition:border-color .2s}.stenosis-input:focus{border-color:#dc262666}.stenosis-input::placeholder{color:#4b5563}.stenosis-result{text-align:center;letter-spacing:.02em;border-radius:8px;justify-content:center;align-items:center;padding:10px;font-size:1.1rem;font-weight:700;display:flex}.stenosis-result.normal{color:#6ee7b7;background:#10b9811f;border:1px solid #10b9814d}.stenosis-result.mild{color:#fcd34d;background:#f59e0b1f;border:1px solid #f59e0b4d}.stenosis-result.moderate{color:#fdba74;background:#f973161f;border:1px solid #f973164d}.stenosis-result.severe{color:#fca5a5;background:#dc26261f;border:1px solid #dc26264d}.calcium-score-display{background:linear-gradient(135deg,#0f0a0acc,#0a0a14b3);border:1px solid #ffffff0f;border-radius:10px;align-items:center;gap:12px;padding:12px;display:flex}.calcium-score-number{font-family:JetBrains Mono,monospace;font-size:1.8rem;font-weight:800;line-height:1}.calcium-score-number.low{color:#6ee7b7}.calcium-score-number.moderate{color:#fcd34d}.calcium-score-number.high{color:#fdba74}.calcium-score-number.very-high{color:#fca5a5}.calcium-score-info{flex-direction:column;gap:2px;display:flex}.calcium-score-label{color:#9ca3af;text-transform:uppercase;letter-spacing:.06em;font-size:.72rem;font-weight:600}.calcium-score-risk{font-size:.78rem;font-weight:600}.cardiac-slice-slider{color:#d1d5db;background:#0a0a0f99;border:1px solid #dc26261a;border-radius:8px;align-items:center;gap:12px;padding:8px 16px;font-size:.82rem;display:flex}.cardiac-slice-slider input[type=range]{cursor:pointer;accent-color:#ef4444;flex:1}.cardiac-hints{color:#6b7280;justify-content:center;gap:20px;padding:8px;font-size:.75rem;display:flex}.cardiac-hints kbd{font-size:.7rem;font-family:var(--font-sans);color:#9ca3af;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:4px;padding:2px 6px}@media (width<=960px){.cardiac-layout{flex-direction:column}.cardiac-side-panel{width:100%}}.viewerapp-root{background:var(--bg-primary);min-height:100vh;color:var(--text-primary);flex-direction:column;align-items:center;padding:24px 16px 48px;display:flex}.viewerapp-header{flex-direction:column;align-items:center;gap:8px;margin-bottom:32px;display:flex}.viewerapp-logo{align-items:center;gap:12px;display:flex}.viewerapp-logo-icon{font-size:2.2rem}.viewerapp-title{color:var(--accent-primary);letter-spacing:-.02em;font-size:2.2rem;font-weight:700}.viewerapp-subtitle{color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;font-size:.85rem;font-weight:500}.viewerapp-upload{flex-wrap:wrap;justify-content:center;gap:16px;margin-bottom:24px;display:flex}.upload-card{cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-width:190px;padding:20px 32px;transition:all .25s;display:flex;box-shadow:0 4px 12px #0000000d}.upload-card:hover{border-color:var(--accent-primary);background:#f8fafc;transform:translateY(-2px);box-shadow:0 8px 24px #0284c729}.upload-card-icon{margin-bottom:4px;font-size:2rem}.upload-card-label{color:#0f172a;letter-spacing:.01em;font-size:.95rem;font-weight:700}.upload-card-sub{color:#64748b;font-size:.75rem;font-weight:500}.viewerapp-info-bar{color:#0f172a;background:#fff;border:1px solid #38bdf8;border-radius:10px;align-items:center;gap:12px;width:100%;max-width:800px;margin-bottom:24px;padding:10px 18px;font-size:.88rem;display:flex;box-shadow:0 2px 10px #0000000d}.viewerapp-info-dot{background:var(--accent-success);width:9px;height:9px;box-shadow:0 0 8px var(--accent-success);border-radius:50%;flex-shrink:0}.viewerapp-tabs{background:#fff;border:1px solid #cbd5e1;border-radius:12px;gap:8px;width:100%;max-width:1200px;margin-bottom:24px;padding:6px;display:flex;box-shadow:0 4px 12px #0000000d}.tab-btn{cursor:pointer;color:#334155;background:#f8fafc;border:1px solid #0000;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:10px;padding:12px 24px;font-size:.95rem;font-weight:700;transition:all .2s;display:flex}.tab-btn:hover:not(.tab-btn--active){color:#0f172a;background:#e2e8f0}.tab-btn--active{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff;box-shadow:0 4px 14px #0284c759}.tab-btn-badge{color:#0f172a;letter-spacing:.04em;background:#e2e8f0;border-radius:12px;margin-left:auto;padding:3px 9px;font-size:.72rem;font-weight:800}.tab-btn--active .tab-btn-badge{color:#fff;background:#ffffff4d}.viewerapp-content{flex-direction:column;align-items:center;width:100%;display:flex}