@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--bg:#fff;--bg-card:#f6f7f9;--bg-hover:#edf0f4;--border:#e2e4e9;--border-hov:#c8ccd4;--text:#1a1d23;--text-dim:#8b8f9a;--text-mid:#5a5f6b;--accent:#3b4254;--accent-dim:#2d3342;--accent-text:#3b4254;--red:#dc2626;--green:#16a34a;--radius:10px;--radius-sm:6px}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.app{flex-direction:column;height:100vh;display:flex;overflow:hidden}.app-header{border-bottom:1px solid var(--border);background:var(--bg);flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 28px;display:flex}.header-brand{align-items:center;gap:12px;display:flex}.header-emoji{font-size:1.4rem}.header-brand h1{letter-spacing:-.3px;color:var(--text);font-size:1.2rem;font-weight:700}.header-brand p{color:var(--text-dim);font-size:.72rem;font-weight:400}.header-meta{gap:8px;display:flex}.pill{background:var(--bg-card);border:1px solid var(--border);color:var(--text-dim);border-radius:20px;padding:4px 12px;font-size:.7rem;font-weight:500}.pill.accent{background:var(--bg-card);border-color:var(--border-hov);color:var(--text-mid);font-weight:600}.layout{flex:1;grid-template-columns:360px 1fr;display:grid;overflow:hidden}.sidebar{border-right:1px solid var(--border);background:var(--bg);flex-direction:column;gap:16px;padding:20px;display:flex;overflow-y:auto}.modality-bar{background:var(--bg-card);border-radius:var(--radius);gap:6px;padding:4px;display:flex}.modality-tab{border-radius:var(--radius-sm);color:var(--text-dim);cursor:pointer;background:0 0;border:none;flex:1;justify-content:center;align-items:center;gap:6px;padding:10px 6px;font-size:.78rem;font-weight:500;transition:all .15s;display:flex}.modality-tab:hover{color:var(--text);background:var(--bg-hover)}.modality-tab.active{background:var(--accent);color:#fff}.tab-icon{font-size:1rem}.tab-label{white-space:nowrap}.dropzone{border:2px dashed var(--border);border-radius:var(--radius);text-align:center;cursor:pointer;padding:28px 20px;transition:all .15s}.dropzone:hover,.dropzone.drag-over{border-color:var(--accent);background:#3b425408}.dropzone.disabled{opacity:.4;pointer-events:none}.upload-label{cursor:pointer;color:var(--text-mid);flex-direction:column;align-items:center;gap:6px;font-size:.88rem;display:flex}.upload-icon{background:var(--bg-hover);border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:4px;font-size:1.6rem;display:flex}.upload-hint{color:var(--text-dim);font-size:.72rem}.file-preview{align-items:center;gap:12px;display:flex}.file-icon{font-size:1.4rem}.file-info{flex-direction:column;align-items:flex-start;gap:2px;display:flex}.file-name{font-size:.88rem;font-weight:600}.file-size{color:var(--text-dim);font-size:.72rem}.btn-remove{color:var(--red);cursor:pointer;background:#dc262614;border:none;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;margin-left:auto;font-size:.75rem;display:flex}.text-input{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);width:100%;color:var(--text);resize:vertical;padding:14px;font-family:inherit;font-size:.88rem;line-height:1.55}.text-input:focus{border-color:var(--accent);outline:none}.text-input::placeholder{color:var(--text-dim)}.sidebar-actions{gap:8px;display:flex}.btn{border-radius:var(--radius-sm);cursor:pointer;border:none;padding:10px 20px;font-size:.85rem;font-weight:600;transition:all .15s}.btn-primary{background:var(--accent);color:#fff;flex:1}.btn-primary:hover:not(:disabled){background:var(--accent-dim)}.btn-primary:disabled{opacity:.3;cursor:not-allowed}.btn-ghost{color:var(--text-dim);border:1px solid var(--border);background:0 0}.btn-ghost:hover:not(:disabled){border-color:var(--text-mid);color:var(--text)}.btn-tiny{background:var(--bg-card);border:1px solid var(--border);color:var(--text-mid);border-radius:var(--radius-sm);cursor:pointer;padding:4px 10px;font-size:.7rem}.btn-tiny:hover:not(:disabled){border-color:var(--accent);color:var(--text)}.btn-tiny:disabled{opacity:.3;cursor:not-allowed}.stats-row{grid-template-columns:1fr 1fr;gap:8px;display:grid}.stat-box{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);flex-direction:column;align-items:center;gap:2px;padding:12px 10px;display:flex}.stat-value{color:var(--accent-text);font-size:1.15rem;font-weight:700}.stat-label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.4px;font-size:.65rem}.timeline{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);flex-direction:column;gap:8px;padding:12px;display:flex}.timeline-top{justify-content:space-between;align-items:center;display:flex}.timeline-label{color:var(--text-dim);font-size:.75rem}.timeline-btns{gap:4px;display:flex}.timeline-slider{appearance:none;background:var(--border);border-radius:2px;outline:none;width:100%;height:4px}.timeline-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent);cursor:pointer;border-radius:50%;width:14px;height:14px}.colorbar{align-items:center;gap:8px;display:flex}.cb-label{color:var(--text-dim);font-size:.7rem}.cb-gradient{background:linear-gradient(90deg,#2563eb,#93c5fd,#fff,#fca5a5,#dc2626);border-radius:3px;flex:1;height:6px}.main-view{background:var(--bg);justify-content:center;align-items:center;padding:20px;display:flex;position:relative}.status-inline{z-index:2;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.brain-viewer{flex-direction:column;gap:10px;width:100%;height:100%;display:flex}.brain-canvas-wrap{border-radius:var(--radius);border:1px solid var(--border);background:#f3f4f6;flex:1;min-height:300px;position:relative;overflow:hidden}.brain-loading{z-index:2;color:var(--text-dim);background:#f3f4f6e6;flex-direction:column;justify-content:center;align-items:center;gap:12px;font-size:.85rem;display:flex;position:absolute;inset:0}.brain-toolbar{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-bottom:4px;display:flex}.tool-btn{background:var(--bg-card);border:1px solid var(--border);color:var(--text-mid);cursor:pointer;border-radius:20px;padding:5px 14px;font-size:.72rem;font-weight:500;transition:all .15s}.tool-btn:hover{border-color:var(--accent)}.tool-btn.active{background:var(--accent);color:#fff;border-color:var(--accent)}.multi-view-grid{flex:1;grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(3,1fr);gap:4px;min-height:0;display:grid}.multi-view-cell{border:1px solid var(--border);border-radius:4px;min-height:120px;position:relative;overflow:hidden}.multi-view-label{z-index:2;color:var(--text-dim);text-transform:capitalize;pointer-events:none;background:#ffffffb3;border-radius:3px;padding:1px 6px;font-size:.6rem;position:absolute;top:4px;left:6px}.view-presets{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.view-btn{background:var(--bg-card);border:1px solid var(--border);color:var(--text-dim);cursor:pointer;text-transform:capitalize;border-radius:4px;padding:4px 12px;font-size:.65rem;transition:all .15s}.view-btn:hover{border-color:var(--accent);color:var(--text)}.rotation-inputs{background:var(--bg-card);border-radius:var(--radius-sm);border:1px solid var(--border);gap:10px;padding:8px 12px;display:flex}.rot-input{flex:1;align-items:center;gap:4px;display:flex}.rot-input label{color:var(--text-dim);width:12px;font-size:.65rem;font-weight:600}.rot-input input{border:1px solid var(--border);font-variant-numeric:tabular-nums;width:52px;color:var(--text);background:var(--bg);text-align:center;border-radius:4px;padding:4px 6px;font-family:inherit;font-size:.75rem}.rot-input input:focus{border-color:var(--accent);outline:none}.rot-input span{color:var(--text-dim);font-size:.65rem}.brain-timeline{color:var(--text-dim);align-items:center;gap:12px;font-size:.7rem;display:flex}.brain-timeline input{flex:1}.status-empty{color:var(--text-dim);text-align:center;flex-direction:column;align-items:center;gap:10px;max-width:320px;font-size:.88rem;display:flex}.status-emoji{opacity:.5;font-size:2.5rem}.processing-indicator{color:var(--text-mid);align-items:center;gap:14px;font-size:.88rem;display:flex}.spinner{border:2.5px solid var(--border);border-top-color:var(--accent);border-radius:50%;flex-shrink:0;width:22px;height:22px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.result-error{color:var(--red);border-radius:var(--radius-sm);background:#dc26260f;border:1px solid #dc262626;max-width:400px;padding:14px;font-size:.85rem}@media (width<=768px){.layout{grid-template-rows:auto 1fr;grid-template-columns:1fr}.sidebar{border-right:none;border-bottom:1px solid var(--border)}.brain-canvas-wrap{min-height:250px}}