:root{--bg-void: #04040a;--bg-primary: #08080e;--bg-secondary: #0e0e18;--bg-tertiary: #151520;--bg-elevated: #1a1a28;--bg-hover: #222235;--bg-active: #2a2a40;--accent: #00c8ff;--accent-dim: #007a99;--accent-glow: rgba(0, 200, 255, .12);--accent-subtle: rgba(0, 200, 255, .06);--text-primary: #d0d4e0;--text-secondary: #8890a6;--text-muted: #4a5068;--text-accent: #00c8ff;--border: #1c1c2e;--border-accent: rgba(0, 200, 255, .2);--danger: #ff4466;--success: #00dd88;--warning: #ffaa22;--font-ui: "Chakra Petch", sans-serif;--font-mono: "Share Tech Mono", monospace;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 10px;--shadow-glow: 0 0 20px rgba(0, 200, 255, .08);--shadow-panel: 0 4px 24px rgba(0, 0, 0, .5)}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;width:100%;overflow:hidden}body{font-family:var(--font-ui);background:var(--bg-void);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-elevated);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--bg-hover)}.app{display:flex;flex-direction:column;height:100%;background:var(--bg-void);position:relative}.progress-bar-container{position:fixed;top:0;left:0;right:0;height:3px;z-index:1000;background:var(--bg-primary)}.progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--accent-dim),var(--accent));transition:width .3s ease;box-shadow:0 0 12px var(--accent),0 0 4px var(--accent)}.toolbar{display:flex;align-items:center;gap:2px;padding:6px 12px;background:var(--bg-secondary);border-bottom:1px solid var(--border);z-index:10;flex-shrink:0}.toolbar-brand{display:flex;align-items:center;gap:8px;margin-right:16px;padding-right:16px;border-right:1px solid var(--border)}.toolbar-brand svg{color:var(--accent)}.toolbar-brand span{font-family:var(--font-ui);font-weight:600;font-size:13px;letter-spacing:2px;text-transform:uppercase;color:var(--text-secondary)}.toolbar-group{display:flex;align-items:center;gap:2px;padding:0 4px}.toolbar-separator{width:1px;height:24px;background:var(--border);margin:0 8px}.tool-btn{display:flex;align-items:center;justify-content:center;gap:5px;height:34px;padding:0 10px;border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;color:var(--text-secondary);font-family:var(--font-ui);font-size:11.5px;font-weight:500;letter-spacing:.5px;text-transform:uppercase;cursor:pointer;transition:all .15s ease;white-space:nowrap}.tool-btn svg{width:16px;height:16px;flex-shrink:0}.tool-btn:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary);border-color:var(--border)}.tool-btn.active{background:var(--accent-glow);color:var(--accent);border-color:var(--border-accent);box-shadow:var(--shadow-glow)}.tool-btn:disabled{opacity:.3;cursor:not-allowed}.toolbar-spacer{flex:1}.toolbar-info{font-family:var(--font-mono);font-size:11px;color:var(--text-muted);letter-spacing:.5px}.viewport-wrapper{flex:1;position:relative;overflow:hidden;background:var(--bg-void);z-index:0}.layerGroup{position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.layer{position:absolute;pointer-events:none}.layerGroup canvas{image-rendering:auto;image-rendering:smooth;-webkit-image-rendering:auto}.drawDiv{position:absolute;pointer-events:none}.series-panel{position:fixed;top:48px;left:50%;transform:translate(-50%);z-index:55;background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;padding:8px;max-width:420px;width:90vw;max-height:60vh;overflow-y:auto;box-shadow:0 8px 32px #0009;display:flex;flex-direction:column;gap:2px}.series-panel-title{font-family:var(--font-ui);font-size:9px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:var(--text-muted);padding:2px 8px 6px}.series-item{display:flex;align-items:center;gap:8px;padding:8px 10px;border:none;border-radius:6px;background:transparent;color:var(--text-secondary);font-family:var(--font-ui);font-size:12px;cursor:pointer;text-align:left;transition:background .15s}.series-item:hover{background:var(--bg-elevated);color:var(--text-primary)}.series-item.active{background:var(--accent-glow);color:var(--accent)}.series-num{font-family:var(--font-mono);font-size:10px;color:var(--text-muted);flex-shrink:0;width:24px}.series-desc{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.series-size{font-family:var(--font-mono);font-size:10px;color:var(--text-muted);flex-shrink:0}.zoom-bar{position:absolute;bottom:16px;left:50%;transform:translate(-50%);z-index:8;display:flex;align-items:center;gap:2px;padding:4px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-panel);opacity:.7;transition:opacity .2s}.zoom-bar:hover{opacity:1}.zoom-bar-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;border-radius:var(--radius-md);background:transparent;color:var(--text-secondary);cursor:pointer;transition:all .15s}.zoom-bar-btn:hover{background:var(--bg-hover);color:var(--accent)}.zoom-bar-btn:active{background:var(--accent-glow)}.metadata-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:5;padding:12px 16px}.meta-corner{position:absolute;font-family:var(--font-mono);font-size:11px;line-height:1.6;color:var(--text-secondary);text-shadow:0 1px 3px rgba(0,0,0,.8),0 0 8px rgba(0,0,0,.5)}.meta-corner.top-left{top:12px;left:16px}.meta-corner.top-right{top:12px;right:16px;text-align:right}.meta-corner.bottom-left{bottom:12px;left:16px}.meta-corner.bottom-right{bottom:12px;right:16px;text-align:right}.meta-label{color:var(--text-muted);font-size:9px;text-transform:uppercase;letter-spacing:1px}.meta-value{color:var(--text-primary)}.meta-value.accent{color:var(--accent)}.upload-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;align-items:center;justify-content:center;background:var(--bg-void)}.upload-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;width:min(640px,85vw);padding:60px 40px;border:1.5px dashed var(--border);border-radius:var(--radius-lg);background:var(--bg-secondary);cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.upload-zone:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 30% 20%,rgba(0,200,255,.03) 0%,transparent 60%),radial-gradient(ellipse at 70% 80%,rgba(0,100,180,.03) 0%,transparent 60%);pointer-events:none}.upload-zone:hover,.upload-zone.drag-over{border-color:var(--accent-dim);background:var(--bg-tertiary);box-shadow:var(--shadow-glow),inset 0 0 60px var(--accent-subtle)}.upload-zone.drag-over{border-color:var(--accent);transform:scale(1.01)}.upload-icon{width:80px;height:80px;color:var(--text-muted);transition:color .3s ease}.upload-zone:hover .upload-icon,.upload-zone.drag-over .upload-icon{color:var(--accent)}.upload-title{font-family:var(--font-ui);font-size:20px;font-weight:600;color:var(--text-primary);letter-spacing:1px}.upload-subtitle{font-family:var(--font-ui);font-size:13px;color:var(--text-secondary);text-align:center;line-height:1.6}.upload-actions{display:flex;gap:12px;margin-top:8px}.upload-btn{display:flex;align-items:center;gap:8px;padding:10px 22px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-elevated);color:var(--text-primary);font-family:var(--font-ui);font-size:12px;font-weight:500;letter-spacing:.8px;text-transform:uppercase;cursor:pointer;transition:all .2s ease}.upload-btn:hover{background:var(--bg-hover);border-color:var(--accent-dim);color:var(--accent)}.upload-btn.primary{background:linear-gradient(135deg,var(--accent-dim),var(--accent));border-color:var(--accent);color:#000;font-weight:600}.upload-btn.primary:hover{box-shadow:0 0 20px #00c8ff4d}.upload-formats{font-family:var(--font-mono);font-size:10px;color:var(--text-muted);letter-spacing:1px;text-transform:uppercase}.upload-hidden-input{display:none}.tags-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease}.tags-modal{width:min(900px,90vw);max-height:80vh;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-panel);display:flex;flex-direction:column;animation:slideUp .25s ease}.tags-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border);flex-shrink:0}.tags-modal-title{font-family:var(--font-ui);font-size:14px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:var(--text-primary)}.tags-search{width:260px;padding:7px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-mono);font-size:12px;outline:none;transition:border-color .2s}.tags-search:focus{border-color:var(--accent-dim)}.tags-search::placeholder{color:var(--text-muted)}.tags-close-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text-secondary);cursor:pointer;transition:all .15s}.tags-close-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.tags-table-container{flex:1;overflow-y:auto;padding:0}.tags-table{width:100%;border-collapse:collapse;font-family:var(--font-mono);font-size:11.5px}.tags-table thead{position:sticky;top:0;z-index:1}.tags-table th{padding:10px 16px;text-align:left;font-family:var(--font-ui);font-size:10px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:var(--text-muted);background:var(--bg-tertiary);border-bottom:1px solid var(--border)}.tags-table td{padding:6px 16px;border-bottom:1px solid rgba(255,255,255,.03);color:var(--text-secondary);max-width:500px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tags-table tr:hover td{background:var(--bg-tertiary);color:var(--text-primary)}.tags-table .tag-key{color:var(--accent-dim);min-width:100px}.tags-table .tag-name{color:var(--text-primary);min-width:200px}.tags-count{font-family:var(--font-mono);font-size:11px;color:var(--text-muted);padding:8px 16px;border-top:1px solid var(--border);text-align:right;flex-shrink:0}.findings-guide{width:min(700px,90vw);max-height:85vh}.findings-content{flex:1;overflow-y:auto;padding:8px 0}.findings-category{border-bottom:1px solid var(--border)}.findings-category:last-child{border-bottom:none}.findings-cat-header{display:flex;align-items:center;gap:10px;width:100%;padding:12px 20px;border:none;background:transparent;color:var(--text-primary);font-family:var(--font-ui);font-size:12px;font-weight:600;letter-spacing:1px;text-transform:uppercase;cursor:pointer;transition:background .15s;text-align:left}.findings-cat-header:hover{background:var(--bg-tertiary)}.findings-cat-header svg{color:var(--accent);flex-shrink:0}.findings-cat-count{margin-left:auto;font-family:var(--font-mono);font-size:10px;color:var(--text-muted)}.findings-chevron{transition:transform .2s;color:var(--text-muted)}.findings-cat-header.expanded .findings-chevron{transform:rotate(180deg)}.findings-list{padding:0 12px 8px}.findings-item{border:1px solid var(--border);border-radius:var(--radius-md);margin-bottom:6px;overflow:hidden;transition:border-color .15s}.findings-item.open{border-color:var(--border-accent)}.findings-item-header{display:flex;align-items:center;gap:8px;width:100%;padding:10px 14px;border:none;background:var(--bg-tertiary);color:var(--text-primary);font-family:var(--font-ui);font-size:12px;font-weight:500;cursor:pointer;transition:background .15s;text-align:left}.findings-item-header:hover{background:var(--bg-hover)}.findings-term{font-weight:600}.findings-aka{font-size:10px;color:var(--text-muted);font-style:italic}.findings-view-badge{margin-left:auto;padding:2px 8px;border-radius:10px;background:var(--accent-glow);color:var(--accent);font-family:var(--font-mono);font-size:9px;letter-spacing:.5px;text-transform:uppercase;white-space:nowrap;flex-shrink:0}.findings-detail{padding:12px 14px;display:flex;flex-direction:column;gap:12px;background:var(--bg-secondary);animation:fadeIn .15s ease}.findings-section-label{font-family:var(--font-ui);font-size:9px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:var(--accent-dim);margin-bottom:4px}.findings-detail p{font-family:var(--font-ui);font-size:12px;line-height:1.7;color:var(--text-secondary)}.findings-view-text{color:var(--accent)!important;font-weight:500}.info-btn{display:inline-flex;align-items:center;justify-content:center;width:15px;height:15px;margin-left:4px;border:1px solid var(--text-muted);border-radius:50%;background:transparent;color:var(--text-muted);font-family:var(--font-ui);font-size:9px;font-weight:700;font-style:italic;cursor:help;vertical-align:middle;transition:all .15s;padding:0;line-height:1}.info-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-subtle)}.info-tooltip{position:absolute;z-index:50;max-width:280px;padding:8px 12px;background:var(--bg-elevated);border:1px solid var(--border-accent);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-ui);font-size:11px;font-weight:400;line-height:1.5;letter-spacing:.2px;text-transform:none;box-shadow:var(--shadow-panel),var(--shadow-glow);pointer-events:none;animation:fadeIn .15s ease}.tool-btn-wrap{position:relative;display:inline-flex}.tool-btn-wrap .info-tooltip{position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%);white-space:normal}.volume-viewer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:15;display:flex;background:var(--bg-void)}.volume-canvas{flex:1;min-width:0}.volume-controls{width:260px;flex-shrink:0;padding:16px;background:var(--bg-secondary);border-left:1px solid var(--border);display:flex;flex-direction:column;gap:14px;overflow-y:auto}.volume-controls-header{display:flex;align-items:center;justify-content:space-between;font-family:var(--font-ui);font-size:12px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:var(--text-primary);padding-bottom:8px;border-bottom:1px solid var(--border)}.volume-control-group{display:flex;flex-direction:column;gap:6px}.volume-control-group label{display:flex;align-items:center;gap:2px;font-family:var(--font-ui);font-size:10px;font-weight:500;letter-spacing:1px;text-transform:uppercase;color:var(--text-secondary);cursor:default}.volume-control-group label input[type=checkbox]{accent-color:var(--accent)}.volume-control-value{margin-left:auto;font-family:var(--font-mono);font-size:11px;color:var(--accent);cursor:text;padding:1px 4px;border-radius:var(--radius-sm);transition:background .15s}.volume-control-value:hover{background:var(--bg-hover)}.volume-control-input{margin-left:auto;width:56px;padding:1px 4px;font-family:var(--font-mono);font-size:11px;color:var(--accent);background:var(--bg-primary);border:1px solid var(--border-accent);border-radius:var(--radius-sm);outline:none;text-align:right}.volume-control-group input[type=range]{-webkit-appearance:none;width:100%;height:4px;border-radius:2px;background:var(--bg-elevated);outline:none}.volume-control-group input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:var(--accent);cursor:pointer;box-shadow:0 0 6px #00c8ff66}.volume-toggle-row{display:flex;gap:4px}.volume-mode-btn{flex:1;padding:6px 0;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-tertiary);color:var(--text-secondary);font-family:var(--font-ui);font-size:10px;font-weight:500;letter-spacing:.5px;text-transform:uppercase;cursor:pointer;transition:all .15s}.volume-mode-btn:hover{background:var(--bg-hover)}.volume-mode-btn.active{background:var(--accent-glow);color:var(--accent);border-color:var(--border-accent)}.volume-tooltip{padding:8px 10px;background:var(--bg-tertiary);border:1px solid var(--border-accent);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-ui);font-size:11px;font-weight:400;line-height:1.5;text-transform:none;letter-spacing:.2px}.volume-section-label{font-family:var(--font-ui);font-size:9px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:var(--text-muted);padding-top:4px;border-top:1px solid var(--border)}.clip-range-group label{flex-wrap:wrap}.clip-range-values{margin-left:auto;font-family:var(--font-mono);font-size:10px;color:var(--text-secondary);font-weight:400}.clip-range-sliders{display:flex;align-items:center;gap:4px;width:100%}.clip-range-label{font-family:var(--font-ui);font-size:9px;color:var(--text-muted);width:24px;flex-shrink:0;text-align:right}.clip-range-sliders input[type=range]{flex:1}.volume-hint{margin-top:auto;font-family:var(--font-ui);font-size:10px;color:var(--text-muted);text-align:center;line-height:1.6}.volume-hint-mobile{display:none}@media(max-width:768px){.volume-hint-desktop{display:none}.volume-hint-mobile{display:block}}.volume-building{position:absolute;top:0;right:0;bottom:0;left:0;z-index:16;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:#04040aeb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.volume-building-title{font-family:var(--font-ui);font-size:16px;font-weight:600;color:var(--text-primary);letter-spacing:1px}.volume-building-bar{width:240px;height:4px;background:var(--bg-elevated);border-radius:2px;overflow:hidden}.volume-building-fill{height:100%;background:linear-gradient(90deg,var(--accent-dim),var(--accent));transition:width .2s ease;box-shadow:0 0 8px var(--accent)}.volume-building-pct{font-family:var(--font-mono);font-size:12px;color:var(--text-secondary)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}@media(max-width:768px){.toolbar{padding:4px 8px;gap:1px}.tool-btn{height:34px;padding:0 8px;font-size:10px}.tool-btn span,.toolbar-brand span{display:none}.meta-corner{font-size:10px}.upload-zone{padding:40px 24px}.volume-viewer{flex-direction:column}.volume-controls{width:100%;border-left:none;border-top:1px solid var(--border);max-height:45vh}}@media(max-width:600px){.toolbar{padding:0 8px;height:48px;gap:0}.toolbar-brand{margin-right:8px;padding-right:8px}.toolbar-brand span{display:none}.toolbar .toolbar-group,.toolbar .toolbar-separator,.toolbar>.tool-btn,.toolbar .toolbar-spacer,.toolbar .toolbar-info{display:none}.toolbar-active-tool{display:flex;align-items:center;gap:6px;font-family:var(--font-ui);font-size:11px;font-weight:500;letter-spacing:.5px;text-transform:uppercase;color:var(--accent);margin-right:auto}.toolbar-active-tool svg{width:16px;height:16px}.toolbar-hamburger{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text-secondary);cursor:pointer;transition:all .15s;flex-shrink:0}.toolbar-hamburger:hover,.toolbar-hamburger:active{background:var(--bg-hover);color:var(--text-primary)}.tool-drawer{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:12px;background:var(--bg-secondary);border-bottom:1px solid var(--border);animation:slideDown .2s ease}.tool-drawer .tool-btn{display:flex;align-items:center;justify-content:flex-start;gap:8px;height:44px;padding:0 12px;font-size:11px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-tertiary)}.tool-drawer .tool-btn span{display:inline}.tool-drawer .tool-btn.active{background:var(--accent-glow);color:var(--accent);border-color:var(--border-accent)}.tags-modal{width:100%;max-height:100%;height:100%;border-radius:0;border:none}.tags-modal-header{flex-wrap:wrap;gap:8px;padding:12px 16px}.tags-search{width:100%;order:3;padding:10px 12px}.tags-close-btn{width:44px;height:44px}.tags-table td,.tags-table th{padding:10px 12px}.tags-table .col-vr{display:none}.volume-viewer{flex-direction:column}.volume-controls{width:100%;border-left:none;border-top:1px solid var(--border);position:relative}.volume-controls.collapsed{max-height:44px;overflow:hidden}.volume-controls.expanded{max-height:60vh;overflow-y:auto}.volume-sheet-handle{display:flex;align-items:center;justify-content:center;width:100%;height:44px;cursor:pointer;flex-shrink:0}.volume-sheet-handle:before{content:"";width:40px;height:4px;border-radius:2px;background:var(--text-muted)}}@media(max-width:480px){.meta-corner.top-right,.meta-corner.bottom-right{display:none}.meta-corner{font-size:9px;background:#04040a99;padding:4px 6px;border-radius:var(--radius-sm)}.upload-zone{padding:32px 16px;gap:16px}.upload-icon{width:56px;height:56px}.upload-title{font-size:16px}.upload-subtitle{font-size:12px}.upload-actions{flex-direction:column;width:100%;gap:8px}.upload-btn{width:100%;justify-content:center;padding:12px 16px}.upload-formats{font-size:9px}}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.login-page{height:100vh;width:100vw;display:flex;align-items:center;justify-content:center;background:var(--bg-void);position:relative;overflow:hidden}.login-page:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 30% 30%,rgba(0,200,255,.04) 0%,transparent 60%),radial-gradient(ellipse at 70% 70%,rgba(0,100,180,.03) 0%,transparent 60%);pointer-events:none}.login-loading{font-family:var(--font-ui);font-size:14px;color:var(--text-muted);letter-spacing:1px}.login-card{display:flex;flex-direction:column;align-items:center;gap:16px;padding:48px 40px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-panel),var(--shadow-glow);max-width:400px;width:90vw;position:relative;z-index:1}.login-logo{color:var(--accent);margin-bottom:8px}.login-title{font-family:var(--font-ui);font-size:24px;font-weight:600;letter-spacing:3px;text-transform:uppercase;color:var(--text-primary)}.login-subtitle{font-family:var(--font-ui);font-size:13px;color:var(--text-secondary);text-align:center;line-height:1.6;margin-bottom:8px}.login-error{padding:10px 16px;background:#ff446614;border:1px solid rgba(255,68,102,.2);border-radius:var(--radius-sm);color:var(--danger);font-family:var(--font-ui);font-size:12px;text-align:center;line-height:1.5;width:100%}.login-google-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:12px 24px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-elevated);color:var(--text-primary);font-family:var(--font-ui);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.login-google-btn:hover{background:var(--bg-hover);border-color:var(--accent-dim);box-shadow:var(--shadow-glow)}.login-note{font-family:var(--font-mono);font-size:10px;color:var(--text-muted);letter-spacing:.5px}.toolbar-user{display:flex;align-items:center;gap:6px;margin-right:12px;padding-right:12px;border-right:1px solid var(--border)}.toolbar-user-email{font-family:var(--font-mono);font-size:10px;color:var(--text-muted);max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:768px){.toolbar-user-email{display:none}}@media(max-width:600px){.toolbar-user{display:none}.login-card{padding:36px 24px}}.toolbar-active-tool,.toolbar-hamburger,.tool-drawer,.volume-sheet-handle{display:none}.series-picker-modal{width:min(680px,92vw);max-height:85vh;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-panel);display:flex;flex-direction:column;animation:slideUp .25s ease}.series-picker-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border);flex-shrink:0}.series-picker-title{font-family:var(--font-ui);font-size:14px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:var(--text-primary)}.series-picker-actions{display:flex;gap:6px;padding:10px 20px;border-bottom:1px solid var(--border);flex-shrink:0}.series-picker-action-btn{padding:5px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-tertiary);color:var(--text-secondary);font-family:var(--font-ui);font-size:10px;font-weight:500;letter-spacing:.5px;text-transform:uppercase;cursor:pointer;transition:all .15s}.series-picker-action-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.series-picker-action-btn.accent{border-color:var(--border-accent);color:var(--accent)}.series-picker-action-btn.accent:hover{background:var(--accent-glow)}.series-picker-list{flex:1;overflow-y:auto;padding:8px 12px;display:flex;flex-direction:column;gap:2px}.series-picker-row{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:var(--radius-md);cursor:pointer;transition:background .15s;font-family:var(--font-ui);font-size:12px;color:var(--text-secondary)}.series-picker-row:hover{background:var(--bg-elevated);color:var(--text-primary)}.series-picker-row.selected{background:var(--accent-glow);color:var(--text-primary)}.series-picker-row.scout{opacity:.5}.series-picker-row.scout:hover{opacity:.8}.series-picker-row input[type=checkbox]{accent-color:var(--accent);flex-shrink:0}.series-picker-num{font-family:var(--font-mono);font-size:10px;color:var(--text-muted);flex-shrink:0;width:28px}.series-picker-desc{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.series-picker-slices{font-family:var(--font-mono);font-size:10px;color:var(--text-secondary);flex-shrink:0}.series-picker-matrix{font-family:var(--font-mono);font-size:10px;color:var(--text-muted);flex-shrink:0}.series-picker-orient-badge{padding:2px 8px;border-radius:10px;font-family:var(--font-mono);font-size:9px;letter-spacing:.5px;text-transform:uppercase;white-space:nowrap;flex-shrink:0;background:var(--bg-elevated);color:var(--text-muted)}.series-picker-orient-badge.sagittal{background:#00c8ff1f;color:#00c8ff}.series-picker-orient-badge.coronal{background:#00dd881f;color:#0d8}.series-picker-orient-badge.axial{background:#ffaa221f;color:#fa2}.series-picker-spacing,.series-picker-thickness{font-family:var(--font-mono);font-size:9px;color:var(--text-muted);flex-shrink:0}.series-picker-scout-badge{padding:1px 6px;border-radius:8px;background:#ff44661f;color:var(--danger);font-family:var(--font-mono);font-size:8px;letter-spacing:.5px;text-transform:uppercase;flex-shrink:0}.series-picker-compat{padding:10px 20px;font-family:var(--font-ui);font-size:11px;line-height:1.5;border-top:1px solid var(--border);flex-shrink:0}.series-picker-compat.ok{color:var(--success);background:#00dd880a}.series-picker-compat.warn{color:var(--warning);background:#ffaa220a}.series-picker-compat.none{color:var(--text-muted)}.series-picker-footer{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:14px 20px;border-top:1px solid var(--border);flex-shrink:0}.series-picker-cancel-btn{padding:8px 18px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-tertiary);color:var(--text-secondary);font-family:var(--font-ui);font-size:11px;font-weight:500;letter-spacing:.5px;text-transform:uppercase;cursor:pointer;transition:all .15s}.series-picker-cancel-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.series-picker-build-btn{padding:8px 20px;border:1px solid var(--accent);border-radius:var(--radius-sm);background:linear-gradient(135deg,var(--accent-dim),var(--accent));color:#000;font-family:var(--font-ui);font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;cursor:pointer;transition:all .15s}.series-picker-build-btn:hover{box-shadow:0 0 20px #00c8ff4d}.series-picker-build-btn:disabled{opacity:.3;cursor:not-allowed;box-shadow:none}@media(max-width:600px){.series-picker-modal{width:100%;max-height:100%;height:100%;border-radius:0;border:none}.series-picker-row{flex-wrap:wrap;gap:4px 8px;padding:10px 8px}.series-picker-desc{width:100%;order:-1}.series-picker-spacing,.series-picker-thickness{display:none}}