:root{--bg: #0f0f0f;--surface: #141414;--panel: #1a1a1a;--card: #1e1e1e;--card-hover: #232323;--input-bg: #141414;--border: #2a2a2a;--border-bright: #3a3a3a;--accent: #0284c7;--accent-hover: #0369a1;--accent-dim: rgba(2, 132, 199, .14);--accent-faint: rgba(2, 132, 199, .06);--accent-glow: rgba(2, 132, 199, .35);--text: #e8e8e8;--text-muted: #888888;--text-dim: #444444;--cloze-bg: rgba(34, 197, 94, .12);--cloze-border: rgba(34, 197, 94, .35);--cloze-text: #4ade80;--c-delete: #ef4444;--c-flag: #f59e0b;--c-edit: #6b7280;--c-success: #22c55e;--radius: 12px;--radius-sm: 8px;--radius-xs: 6px;--radius-pill: 999px;--t: .18s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;overflow:hidden}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg);color:var(--text);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased}.app{display:flex;flex-direction:column;height:100%;background:var(--bg)}.topnav{height:60px;display:flex;align-items:center;padding:0 20px;gap:12px;border-bottom:1px solid var(--border);background:#0f0f0feb;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);flex-shrink:0;z-index:20}.topnav-logo{display:flex;align-items:center;gap:9px;flex-shrink:0;min-width:140px}.logo-icon{width:24px;height:24px;color:var(--accent);flex-shrink:0}.logo-text{font-size:19px;font-weight:700;color:#fff;letter-spacing:-.3px}.version-badge{font-size:11px;font-weight:600;background:#0284c72e;color:#38bdf8;padding:2px 8px;border-radius:var(--radius-pill);letter-spacing:.02em}.topnav-center{flex:1;display:flex;justify-content:center}.mode-toggle{display:flex;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:3px;gap:2px}.mode-btn{padding:5px 16px;border-radius:6px;border:none;background:transparent;color:var(--text-muted);font-size:13px;font-weight:500;cursor:pointer;transition:all var(--t);white-space:nowrap;font-family:inherit}.mode-btn.active{background:var(--panel);color:var(--text);box-shadow:0 1px 3px #0006}.mode-btn:hover:not(.active){color:var(--text)}.topnav-right{display:flex;align-items:center;gap:10px;flex-shrink:0;min-width:140px;justify-content:flex-end}.error-banner{display:flex;align-items:center;gap:10px;padding:9px 20px;background:#ef444414;border-bottom:1px solid rgba(239,68,68,.18);font-size:13px;color:#fca5a5;flex-shrink:0}.error-banner-close{margin-left:auto;background:none;border:none;color:inherit;cursor:pointer;font-size:16px;line-height:1;opacity:.5;padding:0 2px}.error-banner-close:hover{opacity:1}.workspace{flex:1;display:grid;grid-template-columns:320px 1fr 7px var(--chat-width, 360px);min-height:0;overflow:hidden}.panel-splitter{position:relative;cursor:col-resize;background:var(--border);display:flex;align-items:center;justify-content:center;transition:background var(--t);touch-action:none}.panel-splitter:hover,.panel-splitter:active{background:var(--accent)}.panel-splitter-grip{width:2px;height:28px;border-radius:2px;background:var(--border-bright);pointer-events:none;transition:background var(--t)}.panel-splitter:hover .panel-splitter-grip,.panel-splitter:active .panel-splitter-grip{background:#fff}.panel{display:flex;flex-direction:column;min-height:0;overflow:hidden}.panel-left{border-right:1px solid var(--border);background:var(--panel)}.panel-center{background:var(--bg)}.panel-chat{border-left:1px solid var(--border);background:var(--panel)}.panel-header{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;border-bottom:1px solid var(--border);flex-shrink:0;min-height:44px}.panel-title{font-size:12px;font-weight:600;color:var(--text-muted);letter-spacing:.04em}.panel-count{font-size:12px;color:var(--text-dim);font-weight:400}.panel-scroll{flex:1;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:10px;min-height:0}.panel-footer{flex-shrink:0;padding:10px 14px 14px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:7px;background:var(--panel)}.upload-zone{border:1px solid var(--border);border-radius:var(--radius);padding:24px 16px;text-align:center;cursor:pointer;transition:border-color var(--t),background var(--t);background:var(--surface);flex-shrink:0}.upload-zone:hover,.upload-zone.drag-over{border-color:var(--accent);background:var(--accent-faint)}.upload-zone.has-file{border-color:var(--border-bright);padding:12px 14px;cursor:pointer}.upload-zone-icon{font-size:1.8rem;margin-bottom:8px;opacity:.45;display:block}.upload-zone-title{font-size:13px;font-weight:500;color:var(--text-muted);line-height:1.4}.upload-filetypes{display:flex;justify-content:center;gap:5px;margin-top:10px;flex-wrap:wrap}.ft-badge{font-size:9px;font-weight:700;padding:2px 7px;border-radius:var(--radius-pill);border:1px solid var(--border-bright);letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted);background:transparent}.ft-pptx{border-color:#f973164d;color:#fb923c}.ft-pdf{border-color:#ef44444d;color:#f87171}.ft-docx{border-color:#3b82f64d;color:#60a5fa}.ft-txt{border-color:#6b72804d;color:#9ca3af}.file-row{display:flex;align-items:center;gap:8px}.file-icon{font-size:1.1rem;flex-shrink:0}.file-name{flex:1;font-size:13px;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}.file-clear{font-size:11px;color:var(--text-dim);cursor:pointer;padding:2px 6px;border-radius:var(--radius-xs);border:1px solid var(--border);background:none;transition:all var(--t);flex-shrink:0;font-family:inherit}.file-clear:hover{color:var(--c-delete);border-color:#ef444466}.paste-section{display:flex;flex-direction:column;gap:6px}.paste-label{font-size:11px;font-weight:600;color:var(--text-dim);letter-spacing:.05em;text-transform:uppercase}.paste-textarea{width:100%;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 12px;font-size:13px;font-family:inherit;color:var(--text);resize:none;outline:none;line-height:1.6;transition:border-color var(--t);min-height:90px}.paste-textarea:focus{border-color:var(--accent)}.paste-textarea::placeholder{color:var(--text-dim)}.helper-text{font-size:11px;color:var(--text-dim);line-height:1.5}.slide-preview-list{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);max-height:220px;overflow-y:auto}.slide-preview-row{padding:8px 12px;border-bottom:1px solid var(--border)}.slide-preview-row:last-child{border-bottom:none}.slide-preview-title{font-size:12px;font-weight:500;color:var(--text-muted);margin-bottom:3px;display:flex;align-items:center;gap:6px}.slide-num-badge{font-size:10px;background:var(--accent-dim);color:#38bdf8;border-radius:var(--radius-xs);padding:1px 5px;font-weight:600;flex-shrink:0}.slide-preview-bullet{font-size:11px;color:var(--text-dim);list-style:none;padding-left:4px}.slide-preview-bullet li{padding:1px 0}.status-line{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--text-muted)}.status-pulse{width:6px;height:6px;border-radius:50%;background:var(--accent);flex-shrink:0;animation:pulse-dot 1.4s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.75)}}.btn-create{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 14px;background:var(--accent);color:#fff;border:none;border-radius:var(--radius-sm);font-size:14px;font-weight:600;cursor:pointer;font-family:inherit;transition:background var(--t),transform var(--t),box-shadow var(--t);white-space:nowrap}.btn-create:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 4px 12px #0284c74d}.btn-create:active:not(:disabled){transform:scale(.98)}.btn-create:disabled{opacity:.35;cursor:not-allowed}.footer-secondary-row{display:grid;grid-template-columns:1fr 1fr;gap:6px}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:7px 10px;background:transparent;color:var(--text-muted);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:12px;font-weight:500;cursor:pointer;font-family:inherit;transition:all var(--t);white-space:nowrap}.btn-secondary:hover:not(:disabled){background:var(--card-hover);color:var(--text);border-color:var(--border-bright);transform:translateY(-1px)}.btn-secondary:disabled{opacity:.35;cursor:not-allowed}.btn-export{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:transparent;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-muted);font-size:13px;font-weight:500;cursor:pointer;transition:all var(--t);font-family:inherit;white-space:nowrap}.btn-export:hover:not(:disabled){background:var(--card-hover);color:var(--text);border-color:var(--border-bright);transform:translateY(-1px)}.btn-export:disabled{opacity:.35;cursor:not-allowed}.icon-btn{width:28px;height:28px;border-radius:var(--radius-xs);border:none;background:transparent;color:var(--text-dim);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;line-height:1;transition:all var(--t);font-family:inherit}.icon-btn:hover{background:var(--card-hover);color:var(--text-muted)}.anki-status{display:flex;align-items:center;gap:5px;font-size:12px;font-weight:500;padding:5px 11px;border-radius:var(--radius-sm);border:1px solid var(--border);white-space:nowrap}.anki-status.connected{background:#22c55e12;color:#4ade80;border-color:#22c55e33}.anki-status.disconnected{background:transparent;color:var(--text-dim);border-color:var(--border)}.status-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.status-dot.on{background:var(--c-success)}.status-dot.off{background:var(--text-dim)}.deck-controls{display:flex;align-items:center;gap:8px;padding:9px 16px;border-bottom:1px solid var(--border);flex-shrink:0;background:var(--bg)}.deck-label{font-size:11px;color:var(--text-dim);white-space:nowrap}.deck-name-input{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:5px 10px;font-size:13px;color:var(--text);outline:none;font-family:inherit;width:130px;transition:border-color var(--t)}.deck-name-input:focus{border-color:var(--accent)}.deck-btns{display:flex;gap:6px;margin-left:auto}.btn-push{padding:5px 14px;background:var(--c-success);color:#fff;border:none;border-radius:var(--radius-sm);font-size:12px;font-weight:600;cursor:pointer;transition:background var(--t),transform var(--t);font-family:inherit;white-space:nowrap}.btn-push:hover:not(:disabled){background:#16a34a;transform:translateY(-1px)}.btn-push:disabled{opacity:.35;cursor:not-allowed}.btn-tsv{padding:5px 12px;background:transparent;border:1px solid var(--border);color:var(--text-muted);border-radius:var(--radius-sm);font-size:12px;font-weight:500;cursor:pointer;transition:all var(--t);font-family:inherit;white-space:nowrap}.btn-tsv:hover:not(:disabled){background:var(--card-hover);color:var(--text);border-color:var(--border-bright)}.btn-tsv:disabled{opacity:.35;cursor:not-allowed}.cards-scroll{flex:1;overflow-y:auto;padding:14px 16px;display:flex;flex-direction:column;gap:8px;min-height:0}.empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 32px;text-align:center;color:var(--text-muted)}.empty-icon{width:56px;height:56px;margin-bottom:16px;opacity:.15}.empty-title{font-size:15px;font-weight:500;margin-bottom:8px;color:var(--text-muted)}.empty-sub{font-size:13px;color:var(--text-dim);max-width:260px;line-height:1.6}.fc-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;flex-shrink:0;transition:border-color var(--t),background var(--t);position:relative}.fc-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(2,132,199,.25),transparent)}.fc-card:hover{border-color:var(--border-bright)}.fc-card.fc-flagged{border-color:#f59e0b66}.fc-card-head{display:flex;align-items:center;gap:0;padding:8px 12px}.fc-card-num{font-size:12px;font-weight:700;color:var(--text-dim);flex-shrink:0}.fc-card-sep{font-size:12px;color:var(--text-dim);margin:0 4px;flex-shrink:0;opacity:.5}.fc-card-type{font-size:12px;color:var(--text-dim);flex:1}.fc-card-actions{display:flex;align-items:center;gap:2px;flex-shrink:0}.fc-act{background:none;border:none;cursor:pointer;font-size:11px;font-weight:600;padding:3px 6px;border-radius:var(--radius-xs);transition:background var(--t),color var(--t);font-family:inherit}.fc-act:hover{background:#ffffff0d}.fc-act.act-edit{color:var(--text-dim)}.fc-act.act-edit:hover{color:var(--text-muted)}.fc-act.act-flag{color:var(--text-dim)}.fc-act.act-flag.is-flagged,.fc-act.act-flag:hover{color:var(--c-flag)}.fc-act.act-delete{color:var(--text-dim)}.fc-act.act-delete:hover{color:var(--c-delete)}.fc-card-divider{height:1px;background:var(--border);margin:0}.fc-card-body{padding:10px 12px 12px;font-size:14px;color:var(--text);line-height:1.65;display:flex;flex-direction:column;gap:8px}.fc-field-label{font-size:10px;font-weight:600;color:var(--text-dim);text-transform:uppercase;letter-spacing:.07em}.fc-front-label{color:var(--text-dim);font-size:12px}.fc-back-line{color:var(--text)}.fc-extra-wrap{display:flex;flex-direction:column;gap:2px}.fc-extra-text{font-size:13px;color:var(--text-muted);line-height:1.55}.fc-tags{display:flex;gap:4px;flex-wrap:wrap}.fc-tag{font-size:10px;padding:2px 8px;border-radius:var(--radius-pill);background:var(--accent-dim);color:#38bdf8;font-weight:500}.cloze-pill{display:inline;background:var(--cloze-bg);border:1px solid var(--cloze-border);color:var(--cloze-text);border-radius:var(--radius-xs);padding:1px 6px;font-weight:500;font-size:.9em;white-space:nowrap}.fc-edit-field{display:flex;flex-direction:column;gap:4px}.fc-edit-textarea{background:var(--input-bg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:7px 9px;font-size:13px;font-family:inherit;color:var(--text);resize:vertical;outline:none;transition:border-color var(--t);line-height:1.5}.fc-edit-textarea:focus{border-color:var(--accent)}.notes-toolbar{display:flex;align-items:center;justify-content:space-between;padding:9px 16px;border-bottom:1px solid var(--border);flex-shrink:0;gap:8px}.notes-type-badge{font-size:11px;font-weight:600;color:#38bdf8;background:var(--accent-dim);border:1px solid rgba(2,132,199,.2);padding:3px 10px;border-radius:var(--radius-pill);white-space:nowrap}.notes-toolbar-actions{display:flex;gap:6px;align-items:center}.notes-body{flex:1;overflow-y:auto;padding:24px 28px;font-size:16px;line-height:1.8;color:var(--text);min-height:0}.notes-body h2{font-size:1.15rem;margin:28px 0 10px;color:#fff;border-bottom:1px solid var(--border);padding-bottom:6px;font-weight:700;letter-spacing:-.01em}.notes-body h2:first-child{margin-top:0}.notes-body h3{font-size:1rem;margin:18px 0 7px;color:var(--text);font-weight:600}.notes-body ul,.notes-body ol{padding-left:22px;margin:8px 0}.notes-body li{margin-bottom:6px;color:var(--text-muted)}.notes-body blockquote{border-left:2px solid var(--accent);padding:4px 0 4px 16px;color:var(--text-muted);font-style:italic;margin:12px 0}.notes-body strong{color:var(--text);font-weight:600}.notes-body p{margin:6px 0}.notes-body code{background:var(--surface);border:1px solid var(--border);padding:2px 6px;border-radius:var(--radius-xs);font-size:.875em}.notes-body table{width:100%;border-collapse:collapse;margin:12px 0;font-size:13px}.notes-body th{text-align:left;padding:7px 10px;border-bottom:1px solid var(--border-bright);color:var(--text-muted);font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.04em}.notes-body td{padding:7px 10px;border-bottom:1px solid var(--border);color:var(--text-muted);vertical-align:top}.notes-body tr:last-child td{border-bottom:none}.alert-bar{display:flex;align-items:flex-start;gap:8px;padding:9px 11px;border-radius:var(--radius-sm);font-size:12px;line-height:1.5;margin-top:4px}.alert-bar.warn{background:#f59e0b0f;border:1px solid rgba(245,158,11,.18);color:#fcd34d}.alert-bar.success{background:#22c55e0f;border:1px solid rgba(34,197,94,.18);color:#86efac}@keyframes spin{to{transform:rotate(360deg)}}.spin{width:13px;height:13px;border:2px solid rgba(255,255,255,.15);border-top-color:#fffc;border-radius:50%;animation:spin .6s linear infinite;flex-shrink:0}.panel-view-toggle{display:flex;gap:2px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:2px}.pv-btn{background:none;border:none;cursor:pointer;font-family:inherit;font-size:12px;font-weight:500;color:var(--text-muted);padding:4px 12px;border-radius:6px;transition:background var(--t),color var(--t)}.pv-btn:hover{color:var(--text)}.pv-btn.pv-active{background:var(--panel);color:var(--text);box-shadow:0 1px 3px #0000004d}.saved-indicator{font-size:11px;color:var(--c-success);display:flex;align-items:center;gap:4px;opacity:.75}.lib-panel{display:flex;flex-direction:column;flex:1;min-height:0}.lib-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid var(--border);flex-shrink:0}.lib-title{font-size:11px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.07em}.lib-close{background:none;border:none;cursor:pointer;font-size:13px;color:var(--text-dim);padding:2px 5px;border-radius:var(--radius-xs);transition:color var(--t)}.lib-close:hover{color:var(--text-muted)}.lib-crumb{background:none;border:none;cursor:pointer;font-size:12px;font-weight:600;color:var(--text);padding:4px 8px;margin:-2px -4px;border-radius:var(--radius-xs);border:1px solid transparent;transition:all var(--t);max-width:230px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}.lib-crumb:hover{background:#ffffff0d}.lib-toolbar{padding:8px 10px;border-bottom:1px solid var(--border);flex-shrink:0}.lib-newfolder-btn{width:100%;background:transparent;border:1px dashed var(--border-bright);border-radius:var(--radius-sm);color:var(--text-muted);font-family:inherit;font-size:12px;font-weight:500;padding:7px;cursor:pointer;transition:all var(--t)}.lib-newfolder-btn:hover{border-color:var(--accent);color:var(--accent);border-style:solid}.lib-folder-input{width:100%;background:var(--card);border:1px solid var(--accent);border-radius:var(--radius-sm);color:var(--text);font-family:inherit;font-size:12px;padding:7px 9px;outline:none}.lib-folder-input-inline{flex:1;padding:3px 6px}.lib-folder-row{display:flex;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:9px 11px;cursor:pointer;transition:border-color var(--t),background var(--t);flex-shrink:0}.lib-folder-row:hover{border-color:var(--border-bright);background:var(--card)}.lib-folder-row.lib-drop-active,.lib-crumb.lib-drop-active{border-color:var(--accent);background:var(--accent-dim)}.lib-folder-icon{font-size:14px;flex-shrink:0}.lib-folder-name{flex:1;font-size:13px;font-weight:600;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lib-folder-count{font-size:11px;color:var(--text-dim);background:#ffffff0d;padding:1px 7px;border-radius:var(--radius-pill)}.lib-icon-btn{background:none;border:none;cursor:pointer;font-size:12px;color:var(--text-dim);padding:2px 4px;border-radius:var(--radius-xs);transition:color var(--t);flex-shrink:0}.lib-icon-btn:hover{color:var(--text)}.lib-icon-del:hover{color:var(--c-delete)}.lib-section-label{font-size:10px;font-weight:700;color:var(--text-dim);text-transform:uppercase;letter-spacing:.06em;padding:6px 2px 0}.lib-empty-folder{padding:24px 16px;font-size:12px}.lib-row-dragging{opacity:.45}.lib-move-menu{background:var(--card);border:1px solid var(--border-bright);border-radius:var(--radius-sm);padding:5px;display:flex;flex-direction:column;gap:2px}.lib-move-title{font-size:10px;color:var(--text-dim);padding:2px 6px;text-transform:uppercase;letter-spacing:.05em}.lib-move-item{background:none;border:none;cursor:pointer;text-align:left;font-family:inherit;font-size:12px;color:var(--text-muted);padding:5px 8px;border-radius:var(--radius-xs);transition:all var(--t);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lib-move-item:hover{background:var(--accent-dim);color:var(--text)}.lib-move-empty{font-size:11px;color:var(--text-dim);padding:4px 8px}.lib-scroll{flex:1;overflow-y:auto;padding:10px;display:flex;flex-direction:column;gap:6px;min-height:0}.lib-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:40px 20px;color:var(--text-dim);font-size:13px;text-align:center}.lib-empty-icon{font-size:28px;margin-bottom:4px;opacity:.5}.lib-empty-sub{font-size:11px;color:var(--text-dim)}.lib-error{color:#f87171}.lib-row{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 12px;cursor:pointer;transition:border-color var(--t),background var(--t);display:flex;flex-direction:column;gap:5px;flex-shrink:0}.lib-row:hover{border-color:var(--border-bright);background:var(--card)}.lib-row-top{display:flex;align-items:center;gap:6px}.lib-file-icon{font-size:13px;flex-shrink:0;opacity:.6}.lib-filename{flex:1;font-size:12px;font-weight:600;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lib-delete{background:none;border:none;cursor:pointer;font-size:12px;color:var(--text-dim);padding:2px 4px;border-radius:var(--radius-xs);transition:color var(--t);flex-shrink:0}.lib-delete:hover{color:var(--c-delete)}.lib-row-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.lib-meta-item{font-size:10px;color:var(--text-dim)}.lib-has-notes{color:#60a5fa}.lib-pushed{color:var(--c-success)}.lib-row-actions{display:flex;gap:4px;margin-top:2px}.lib-action{background:transparent;border:1px solid var(--border);border-radius:var(--radius-pill);color:var(--text-muted);font-size:10px;font-weight:500;padding:3px 9px;cursor:pointer;font-family:inherit;transition:all var(--t)}.lib-action:hover{background:var(--accent-dim);border-color:#0284c740;color:#38bdf8}.chat-sidebar-header{justify-content:flex-start;gap:2px;padding:8px 12px}.chat-tab-btn{display:flex;align-items:center;gap:5px;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-dim);font-family:inherit;font-size:12px;font-weight:500;padding:6px 12px;cursor:pointer;transition:all var(--t)}.chat-tab-btn:hover{color:var(--text);background:#ffffff0d}.chat-tab-active{background:#ffffff14!important;color:var(--text)!important}.chat-panel{display:flex;flex-direction:column;height:100%;overflow:hidden}.chat-messages{flex:1;overflow-y:auto;padding:12px 14px;display:flex;flex-direction:column;gap:14px}.chat-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;gap:10px;padding:32px 20px;color:var(--text-dim)}.chat-empty-icon{width:40px;height:40px;opacity:.45;margin-bottom:4px}.chat-empty-title{font-size:13px;font-weight:500;color:var(--text-muted)}.chat-suggestions{display:flex;flex-direction:column;gap:5px;width:100%;margin-top:6px}.chat-suggestion{background:#ffffff08;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-dim);font-size:11px;font-family:inherit;padding:7px 12px;text-align:left;cursor:pointer;transition:all var(--t);line-height:1.4}.chat-suggestion:hover{background:#ffffff0f;border-color:var(--border-bright);color:var(--text)}.chat-msg{display:flex;flex-direction:column;gap:3px}.chat-msg-user{align-items:flex-end}.chat-msg-assistant{align-items:flex-start}.chat-msg-avatar{display:none}.chat-msg-bubble{max-width:88%;padding:9px 13px;border-radius:14px;font-size:13px;line-height:1.55}.chat-msg-user .chat-msg-bubble{background:#1d4ed8;color:#fff;border-radius:14px 14px 4px}.chat-msg-assistant .chat-msg-bubble{background:#ffffff0f;color:var(--text);border-radius:14px 14px 14px 4px}.chat-msg-bubble p{margin:0 0 6px}.chat-msg-bubble p:last-child{margin-bottom:0}.chat-msg-bubble ul,.chat-msg-bubble ol{margin:4px 0 6px;padding-left:16px}.chat-msg-bubble li{margin-bottom:2px}.chat-msg-bubble code{font-size:11px;background:#ffffff1a;padding:1px 5px;border-radius:3px}.chat-msg-bubble pre{background:#0000004d;border-radius:6px;padding:10px;overflow-x:auto;margin:6px 0}.chat-msg-bubble strong{color:inherit;font-weight:600}.chat-msg-bubble h1,.chat-msg-bubble h2,.chat-msg-bubble h3{font-size:13px;font-weight:700;margin:6px 0 3px}.chat-thinking{display:flex;align-items:center;gap:4px;padding:10px 13px;background:#ffffff0f;border-radius:14px 14px 14px 4px;width:fit-content}.chat-dot{width:5px;height:5px;border-radius:50%;background:var(--text-dim);animation:chat-bounce 1.2s ease-in-out infinite}.chat-dot:nth-child(2){animation-delay:.2s}.chat-dot:nth-child(3){animation-delay:.4s}@keyframes chat-bounce{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-5px);opacity:1}}.chat-error{font-size:12px;color:var(--c-delete);background:#ef444414;border:1px solid rgba(239,68,68,.15);border-radius:var(--radius-sm);padding:8px 12px;align-self:stretch}.chat-input-area{padding:10px 14px 12px;border-top:1px solid var(--border);flex-shrink:0;display:flex;flex-direction:column;gap:8px}.chat-input-wrap{position:relative;display:flex;align-items:flex-end}.chat-input{flex:1;background:#ffffff0d;border:1px solid var(--border);border-radius:20px;color:var(--text);font-family:inherit;font-size:13px;padding:10px 46px 10px 16px;resize:none;line-height:1.45;transition:border-color var(--t);max-height:100px;overflow-y:auto}.chat-input:focus{outline:none;border-color:#fff3}.chat-input::placeholder{color:var(--text-dim)}.chat-send-btn{position:absolute;right:6px;bottom:6px;width:32px;height:32px;flex-shrink:0;background:var(--text);border:none;border-radius:50%;color:var(--bg);font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:opacity var(--t),background var(--t)}.chat-send-btn:hover:not(:disabled){background:#d1d5db}.chat-send-btn:disabled{opacity:.25;cursor:default}.chat-input-footer{display:flex;align-items:center;justify-content:flex-start}.chat-clear-btn{background:transparent;border:none;color:var(--text-dim);font-size:11px;font-family:inherit;padding:2px 4px;cursor:pointer;display:flex;align-items:center;gap:4px;border-radius:var(--radius-xs);transition:color var(--t)}.chat-clear-btn:hover{color:var(--text)}.slides-viewer{display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative;background:#1a1a1a}.sv-toolbar{display:flex;align-items:center;gap:6px;padding:6px 12px;border-bottom:1px solid var(--border);background:var(--panel);flex-shrink:0;flex-wrap:wrap}.sv-group{display:flex;align-items:center;gap:3px}.sv-sep{width:1px;height:16px;background:var(--border);margin:0 4px}.sv-btn{background:transparent;border:none;border-radius:var(--radius-xs);color:var(--text-muted);cursor:pointer;padding:5px 6px;display:flex;align-items:center;justify-content:center;transition:color var(--t),background var(--t)}.sv-btn:hover:not(:disabled){color:var(--text);background:#ffffff12}.sv-btn:disabled{opacity:.3;cursor:default}.sv-page-input{background:#ffffff0f;border:1px solid var(--border);border-radius:var(--radius-xs);color:var(--text);font-family:inherit;font-size:12px;text-align:center;width:36px;padding:3px 4px}.sv-page-input:focus{outline:none;border-color:var(--accent)}.sv-page-total{font-size:12px;color:var(--text-dim);margin-left:4px}.sv-zoom-label{font-size:12px;color:var(--text-muted);min-width:36px;text-align:center}.sv-scroll-area{flex:1;overflow-y:auto;overflow-x:auto;display:flex;flex-direction:column;align-items:center;gap:0;padding:0;background:#525659}.sv-scroll-slide{display:flex;flex-direction:column;align-items:center;width:100%;flex-shrink:0;border-bottom:8px solid #525659}.sv-scroll-img-wrap{display:flex;justify-content:center;width:100%;transition:transform .25s ease}.sv-scroll-img-wrap img{display:block;width:100%;border-radius:0;box-shadow:none;max-width:none}.sv-scroll-placeholder{width:100%;aspect-ratio:16 / 9;background:#3a3a3a;display:flex;align-items:center;justify-content:center;color:#888}.slides-viewer:fullscreen .sv-scroll-area{background:#000}.slides-viewer:fullscreen .sv-scroll-slide{border-bottom-color:#000}.slides-panel{display:flex;height:100%;overflow:hidden}.slides-sidebar{width:200px;flex-shrink:0;border-right:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden}.slides-sidebar-header{padding:10px 12px;font-size:11px;font-weight:600;color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border);flex-shrink:0}.slides-thumb-list{flex:1;overflow-y:auto;padding:6px;display:flex;flex-direction:column;gap:4px}.slides-thumb{background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);color:var(--text-muted);font-family:inherit;font-size:11px;padding:8px 10px;text-align:left;cursor:pointer;transition:all var(--t);line-height:1.4}.slides-thumb:hover{background:var(--card);border-color:var(--border);color:var(--text)}.slides-thumb-active{background:#0284c71f;border-color:#0284c74d;color:#38bdf8}.slides-thumb-num{font-size:10px;font-weight:700;opacity:.5;margin-bottom:2px}.slides-thumb-title{font-weight:600;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.slides-thumb-preview{font-size:10px;color:var(--text-dim);margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.slides-main{flex:1;display:flex;flex-direction:column;overflow:hidden;padding:20px;gap:16px}.slides-slide-card{flex:1;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:24px;overflow-y:auto;display:flex;flex-direction:column;gap:12px}.slides-slide-header{display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.slides-slide-num{font-size:11px;font-weight:600;color:var(--accent);text-transform:uppercase;letter-spacing:.06em}.slides-slide-count{font-size:11px;color:var(--text-dim)}.slides-slide-title{font-size:17px;font-weight:700;color:var(--text);line-height:1.35}.slides-slide-body{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.slides-slide-item{font-size:14px;color:var(--text-muted);line-height:1.5;position:relative;padding-left:14px}.slides-slide-item:before{content:"•";position:absolute;left:0;color:var(--accent);opacity:.6}.slides-slide-empty{font-size:13px;color:var(--text-dim);font-style:italic}.slides-nav{display:flex;align-items:center;justify-content:center;gap:16px;flex-shrink:0}.slides-nav-btn{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-muted);font-family:inherit;font-size:12px;font-weight:500;padding:6px 16px;cursor:pointer;transition:all var(--t)}.slides-nav-btn:hover:not(:disabled){border-color:var(--border-bright);color:var(--text)}.slides-nav-btn:disabled{opacity:.3;cursor:default}.slides-nav-label{font-size:12px;color:var(--text-dim);min-width:60px;text-align:center}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:10px;text-align:center;padding:40px 24px}.empty-icon{width:56px;height:56px;color:var(--text-dim);opacity:.5}.empty-title{font-size:14px;font-weight:600;color:var(--text)}.empty-sub{font-size:12px;color:var(--text-dim);max-width:260px;line-height:1.5}.occlusion-toggle-row{display:flex;align-items:center;gap:10px;padding:2px 2px 10px}.switch{flex-shrink:0;width:38px;height:22px;border-radius:11px;border:none;background:#3a3a3a;position:relative;cursor:pointer;padding:0;transition:background .15s ease}.switch:disabled{opacity:.5;cursor:default}.switch-on{background:#0284c7}.switch-knob{position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .15s ease}.switch-on .switch-knob{transform:translate(16px)}.occlusion-toggle-text{display:flex;flex-direction:column;gap:1px;line-height:1.25}.occlusion-toggle-label{font-size:12px;font-weight:600;color:var(--text)}.occlusion-toggle-help{font-size:10.5px;color:#888}.images-panel{height:100%;overflow-y:auto;display:flex;flex-direction:column}.img-controls{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:12px 16px;background:var(--bg);border-bottom:1px solid #2a2a2a}.img-count{font-size:13px;color:#888;font-weight:500}.img-controls-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.img-btn-outline{background:transparent;border:1px solid #2a2a2a;border-radius:var(--radius-sm);color:var(--text-muted);font-family:inherit;font-size:12px;font-weight:500;padding:7px 14px;cursor:pointer;transition:all .15s ease}.img-btn-outline:hover{border-color:#444;color:var(--text)}.img-btn-primary{background:#0284c7;border:1px solid #0284c7;border-radius:var(--radius-sm);color:#fff;font-family:inherit;font-size:12px;font-weight:600;padding:7px 16px;cursor:pointer;transition:all .15s ease}.img-btn-primary:hover:not(:disabled){background:#0369a1;border-color:#0369a1}.img-btn-primary:disabled{background:#2a2a2a;border-color:#2a2a2a;color:#666;cursor:default}.img-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;padding:16px}.img-card{position:relative;border:1px solid #2a2a2a;border-radius:8px;overflow:hidden;cursor:pointer;background:#1a1a1a;transition:border-color .15s ease,box-shadow .15s ease}.img-card:hover{border-color:#444}.img-card-selected{border:2px solid #0284c7;box-shadow:0 0 0 1px #0284c766,0 4px 16px #0284c740}.img-thumb-wrap{width:100%;aspect-ratio:4 / 3;background:#1a1a1a;display:flex;align-items:center;justify-content:center;overflow:hidden}.img-thumb{max-width:100%;max-height:100%;object-fit:contain;display:block}.img-slide-label{position:absolute;top:6px;left:6px;z-index:2;font-size:10px;font-weight:600;color:#aaa;background:#0009;padding:2px 7px;border-radius:var(--radius-pill);pointer-events:none}.img-checkbox{position:absolute;top:6px;right:6px;z-index:2;width:18px;height:18px;cursor:pointer;accent-color:#0284c7}.occ-editor{display:flex;flex-direction:column;height:100%;overflow:hidden}.occ-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;border-bottom:1px solid var(--border);background:var(--bg);flex-wrap:wrap}.occ-toolbar-left{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.occ-tool-btn{background:transparent;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-muted);font-family:inherit;font-size:12px;font-weight:500;padding:6px 12px;cursor:pointer;transition:all .15s ease}.occ-tool-btn:hover:not(:disabled){border-color:var(--border-bright);color:var(--text)}.occ-tool-btn:disabled{opacity:.4;cursor:default}.occ-tool-active{background:var(--accent);border-color:var(--accent);color:#fff}.occ-region-count{font-size:12px;color:var(--text-muted)}.occ-img-indicator{font-size:12px;color:var(--text-dim)}.occ-hint{padding:6px 16px;font-size:12px;color:#38bdf8;background:var(--accent-dim);border-bottom:1px solid var(--border)}.occ-canvas-area{flex:1;overflow:auto;background:#0f0f0f;display:flex;align-items:flex-start;justify-content:center;padding:20px;position:relative}.occ-stage{position:relative;display:inline-block;line-height:0;max-width:100%}.occ-image{display:block;max-width:100%;max-height:74vh;width:auto;height:auto;border-radius:4px}.occ-overlay{position:absolute;top:0;right:0;bottom:0;left:0;-webkit-user-select:none;user-select:none;touch-action:none}.occ-overlay-draw{cursor:crosshair}.occ-box{position:absolute;border:2px solid var(--accent);background:#0284c71f;cursor:move;box-sizing:border-box;transition:background .12s ease,box-shadow .12s ease}.occ-box:hover{background:#0284c733}.occ-box-selected{background:#0284c752;box-shadow:0 0 0 1px var(--accent),0 0 0 3px #0284c740;z-index:3}.occ-box-draft{border-style:dashed;background:#0284c71f;pointer-events:none}.occ-box-flagged{border-style:dashed;border-color:var(--c-flag);background:#f59e0b1f}.occ-box-flagged:hover{background:#f59e0b33}.occ-box-flagged.occ-box-selected{background:#f59e0b4d;box-shadow:0 0 0 1px var(--c-flag),0 0 0 3px #f59e0b40}.occ-label{position:absolute;bottom:100%;left:-2px;margin-bottom:3px;max-width:240px;font-size:11px;line-height:1.3;color:#fff;background:#000000d1;padding:2px 7px;border-radius:var(--radius-xs);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:text;pointer-events:none;opacity:0;transition:opacity .12s ease;z-index:4}.occ-label-below{bottom:auto;top:100%;margin-bottom:0;margin-top:3px}.occ-box:hover .occ-label,.occ-box-selected .occ-label,.occ-show-labels .occ-label{opacity:1;pointer-events:auto}.occ-label-input{position:absolute;bottom:100%;left:-2px;margin-bottom:3px;font-size:11px;font-family:inherit;color:#fff;background:#000;border:1px solid var(--accent);border-radius:var(--radius-xs);padding:2px 6px;width:170px;outline:none;z-index:5}.occ-label-input.occ-label-below{bottom:auto;top:100%;margin-bottom:0;margin-top:3px}.occ-del{position:absolute;top:-9px;right:-9px;width:18px;height:18px;border-radius:50%;border:none;background:var(--c-delete);color:#fff;font-size:13px;line-height:1;cursor:pointer;display:none;align-items:center;justify-content:center;padding:0;z-index:4}.occ-box:hover .occ-del,.occ-box-selected .occ-del{display:flex}.occ-handle{position:absolute;width:10px;height:10px;background:#fff;border:1px solid var(--accent);box-sizing:border-box;display:none}.occ-box:hover .occ-handle,.occ-box-selected .occ-handle{display:block}.occ-handle-nw{top:-5px;left:-5px;cursor:nwse-resize}.occ-handle-ne{top:-5px;right:-5px;cursor:nesw-resize}.occ-handle-sw{bottom:-5px;left:-5px;cursor:nesw-resize}.occ-handle-se{bottom:-5px;right:-5px;cursor:nwse-resize}.occ-debug-dot{position:absolute;width:12px;height:12px;background:#ff2d2d;border:2px solid #fff;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:10;box-shadow:0 0 6px #f00c}.occ-loading{display:flex;flex-direction:column;align-items:center;gap:12px;color:var(--text-muted);font-size:13px;margin:auto}.occ-error{position:absolute;bottom:16px;left:50%;transform:translate(-50%);font-size:12px;color:#fca5a5;background:#ef44441f;border:1px solid rgba(239,68,68,.25);border-radius:var(--radius-sm);padding:8px 14px;max-width:90%;text-align:center}.occ-empty-note{position:absolute;bottom:16px;left:50%;transform:translate(-50%);font-size:12px;color:var(--text-dim)}.occ-export-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;border-top:1px solid var(--border);background:var(--panel);flex-shrink:0;flex-wrap:wrap}.occ-export-info{font-size:12px;color:var(--text-muted)}.occ-export-info strong{color:var(--text)}.occ-export-skip{color:var(--c-flag)}.occ-export-btn{font-size:12px}.occ-import-hint{padding:8px 16px;font-size:12px;color:var(--c-success);background:#22c55e14;border-top:1px solid rgba(34,197,94,.18);flex-shrink:0}.occ-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 16px;border-top:1px solid var(--border);flex-shrink:0}.access-denied{height:100%;display:flex;align-items:center;justify-content:center;background:var(--bg)}.access-denied-card{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;padding:40px 48px;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);max-width:360px}.access-denied-icon{font-size:34px;opacity:.8}.access-denied-title{font-size:18px;font-weight:700;color:var(--text)}.access-denied-sub{font-size:13px;color:var(--text-muted);line-height:1.5}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-bright);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:#555}