:root{--font-body: "DM Sans", ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;--font-mono: "JetBrains Mono", "SF Mono", "Fira Code", ui-monospace, monospace;--color-accent: #6382FF;--color-accent-hover: #7B96FF;--color-accent-glow: rgba(99, 130, 255, .2);--color-accent-ring: rgba(99, 130, 255, .4);--color-accent-subtle: rgba(99, 130, 255, .12);--color-bg-body: #0C0E14;--color-bg-card: #171B27;--color-bg-surface: #12151E;--color-bg-input: #1A1E2C;--color-bg-hover: #1E2233;--color-border: rgba(255, 255, 255, .06);--color-border-subtle: rgba(255, 255, 255, .08);--color-border-hover: rgba(255, 255, 255, .12);--color-text-primary: #E2E8F0;--color-text-secondary: #e0e6f0;--color-text-muted: #a6b1c4;--color-text-dim: #7b8ba8;--color-text-dimmer: #5a6a84;--color-approval-green-bg: rgba(52, 211, 153, .12);--color-approval-green: #34D399;--color-approval-yellow-bg: rgba(251, 191, 36, .12);--color-approval-yellow: #FBBF24;--color-approval-red-bg: rgba(248, 113, 113, .12);--color-approval-red: #F87171;--color-approval-pending-bg: rgba(139, 149, 168, .12);--color-approval-pending: #8b95a8;--color-danger: #c0392b;--color-danger-hover: #e74c3c;--radius-card: 14px;--radius-button: 10px;--radius-pill: 100px;--radius-input: 8px;--radius-modal: 16px;--shadow-card: 0 1px 3px rgba(0, 0, 0, .3), 0 4px 12px rgba(0, 0, 0, .15);--shadow-card-hover: 0 4px 16px rgba(99, 130, 255, .12), 0 8px 24px rgba(0, 0, 0, .2);--shadow-button-glow: 0 2px 8px rgba(99, 130, 255, .25);--shadow-button-glow-hover: 0 4px 16px rgba(99, 130, 255, .35);--content-padding: 24px;--grid-gap: 16px;--touch-target-min: 44px;font-family:var(--font-body);line-height:1.5;-webkit-text-size-adjust:100%}@media(max-width:1023px){:root{--content-padding: 16px;--grid-gap: 12px}}@media(max-width:767px){:root{--content-padding: 12px;--grid-gap: 8px}}@media(pointer:coarse){button:not(.nav-toggle-btn):not(.search-trigger-btn):not(.toolbar-btn):not(.transport-btn),[role=button],a.btn,select{min-height:var(--touch-target-min)}.nav-toggle-btn,.search-trigger-btn,.transport-btn,.toolbar-btn{padding:10px}}@supports (padding: env(safe-area-inset-top)){body{padding-top:env(safe-area-inset-top);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);padding-bottom:env(safe-area-inset-bottom)}}.app-main,.nav-panel,.drawer-body,.transcript-scroll,.review-comments-panel,.modal-content{-webkit-overflow-scrolling:touch}*,*:before,*:after{box-sizing:border-box}*{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.1) transparent}*::-webkit-scrollbar{width:6px;height:6px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}*::-webkit-scrollbar-thumb:hover{background:#fff3}body{margin:0;background:var(--color-bg-body);color:var(--color-text-primary)}a{color:inherit}.container{max-width:1100px;margin:0 auto;padding:16px}.card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-card);padding:16px;box-shadow:var(--shadow-card);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.row{display:flex;gap:12px;align-items:center}.space{height:12px}input,button,textarea,select{font:inherit}input,textarea,select{width:100%;background:var(--color-bg-body);border:1px solid var(--color-border);border-radius:var(--radius-input);padding:10px;color:var(--color-text-primary)}input:focus,textarea:focus,select:focus{border-color:var(--color-accent-ring);box-shadow:0 0 0 3px #6382ff1a;outline:none}select{cursor:pointer;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23a6b1c4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding-right:28px}button{background:var(--color-accent);border:none;padding:10px 12px;border-radius:var(--radius-button);color:#fff;cursor:pointer;white-space:nowrap;box-shadow:var(--shadow-button-glow);transition:background .15s ease,box-shadow .15s ease}button:hover:not(:disabled){background:var(--color-accent-hover);box-shadow:var(--shadow-button-glow-hover)}button.secondary{background:var(--color-bg-input)}button:disabled{opacity:.6;cursor:not-allowed}button:active:not(:disabled){transform:scale(.97)}.topbar{border-bottom:1px solid var(--color-border);background:var(--color-bg-surface);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);flex-shrink:0;position:relative;z-index:900}.topbar .container{display:flex;align-items:center;justify-content:space-between}.topbar-brand-text{font-size:1rem;white-space:nowrap}.topbar-links{gap:10px}.topbar-mobile-menu{position:absolute;top:100%;right:0;margin-top:6px;background:var(--color-bg-card);border:1px solid var(--color-border-hover);border-radius:10px;min-width:160px;z-index:1200;box-shadow:0 8px 32px #00000080;padding:4px 0;display:flex;flex-direction:column}.topbar-mobile-item{display:block;padding:12px 16px;color:var(--color-text-secondary);text-decoration:none;font-size:.9rem;border:none;background:none;text-align:left;cursor:pointer;min-height:var(--touch-target-min);display:flex;align-items:center}.topbar-mobile-item:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.topbar-mobile-logout{border-top:1px solid var(--color-border);color:var(--color-danger-hover)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}.muted{color:var(--color-text-muted);font-size:.95rem}.pill{display:inline-block;padding:3px 8px;border-radius:var(--radius-pill);background:var(--color-bg-input);border:1px solid var(--color-border);font-size:.85rem}.approval-pending{background:var(--color-approval-pending-bg);border:1px solid var(--color-approval-pending);color:var(--color-approval-pending)}.approval-approved{background:var(--color-approval-green-bg);border:1px solid var(--color-approval-green);color:var(--color-approval-green)}.approval-needs_changes{background:var(--color-approval-yellow-bg);border:1px solid var(--color-approval-yellow);color:var(--color-approval-yellow)}.approval-select{font-size:.82rem;padding:3px 20px 3px 8px;border-radius:var(--radius-pill);border:1px solid var(--color-border);cursor:pointer;color:var(--color-text-secondary);appearance:none;-webkit-appearance:none;background:var(--color-bg-input) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23889'/%3E%3C/svg%3E") no-repeat right 6px center}.approval-select.approval-pending{background-color:var(--color-approval-pending-bg);border-color:var(--color-approval-pending);color:var(--color-approval-pending)}.approval-select.approval-approved{background-color:var(--color-approval-green-bg);border-color:var(--color-approval-green);color:var(--color-approval-green)}.approval-select.approval-needs_changes{background-color:var(--color-approval-yellow-bg);border-color:var(--color-approval-yellow);color:var(--color-approval-yellow)}.approval-note-bar{padding:8px 16px;font-size:.85rem;line-height:1.4;border-radius:6px;margin-bottom:8px;display:flex;gap:6px;align-items:baseline}.approval-note-label{font-weight:600;white-space:nowrap;flex-shrink:0}.approval-note-text{word-break:break-word}.approval-note-approved{background:var(--color-approval-green-bg);border:1px solid var(--color-approval-green);color:var(--color-approval-green)}.approval-note-needs_changes{background:var(--color-approval-yellow-bg);border:1px solid var(--color-approval-yellow);color:var(--color-approval-yellow)}.approval-history-entry{padding:8px 10px;background:var(--color-bg-surface);border-radius:6px;border:1px solid var(--color-border)}.approval-status-inline{font-weight:600;font-style:normal}.approval-status-inline.approval-status-approved{color:var(--color-approval-green)}.approval-status-inline.approval-status-needs_changes{color:var(--color-approval-yellow)}.approval-status-inline.approval-status-pending{color:var(--color-approval-pending)}.approval-status-label.approval-status-approved{color:var(--color-approval-green)}.approval-status-label.approval-status-needs_changes{color:var(--color-approval-yellow)}.approval-status-label.approval-status-pending{color:var(--color-approval-pending)}input[type=file]{padding:8px;cursor:pointer}input[type=file]::file-selector-button{font:inherit;background:var(--color-bg-input);color:var(--color-text-primary);border:1px solid var(--color-border);border-radius:6px;padding:6px 12px;cursor:pointer;margin-right:10px}input[type=file]::file-selector-button:hover{background:var(--color-accent)}.review-page-root{height:100%;display:flex;flex-direction:column;overflow:hidden}.review-layout{display:flex;gap:12px;align-items:stretch;flex:1;min-height:0}.review-video-panel{flex:2;min-width:0;min-height:0;overflow:hidden;display:flex;flex-direction:column}.video-area-wrapper,.compare-videos{flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column}.video-area-wrapper>div,.compare-videos>div{flex:1;min-height:0;display:flex;flex-direction:column}.video-flex-wrapper{flex:1;min-height:0}.review-video-below{flex-shrink:0;overflow-y:auto}.review-comments-panel{flex:1;min-width:300px;overflow:hidden;display:flex;flex-direction:column}.review-toolbar{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;flex-wrap:wrap;min-width:0;max-width:100%;box-sizing:border-box;flex-shrink:0}.review-toolbar>div:first-child{min-width:0;flex:1 1 200px}.review-toolbar>div:first-child>strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.review-toolbar-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end;align-items:center;min-width:0}.draw-color-swatch{width:22px;height:22px;border-radius:50%;border:2px solid transparent;cursor:pointer;padding:0;flex-shrink:0;transition:border-color .15s,transform .15s}.draw-color-swatch:hover{transform:scale(1.15)}.draw-color-swatch--active{border-color:var(--color-text-primary);box-shadow:0 0 0 2px var(--color-bg-card)}.timeline-bar{position:relative;height:16px;background:var(--color-bg-body);border:1px solid var(--color-border);border-radius:8px}.timeline-marker{position:absolute;top:2px;width:10px;height:10px;border-radius:999px;cursor:pointer}.comment-card{padding:12px;cursor:pointer;transition:border-color .15s;min-width:0}.comment-composer{padding:12px 0;border-bottom:1px solid var(--color-border);margin-bottom:8px;flex-shrink:0}.comment-list-scroll{flex:1;overflow-y:auto;min-height:0}.comment-composer textarea{resize:vertical;min-height:48px}.comment-search-wrap{position:relative;flex:1;min-width:120px}.comment-search-input{width:100%;padding-right:30px;box-sizing:border-box}.comment-search-clear{position:absolute;right:4px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--color-text-muted);cursor:pointer;padding:2px 4px;min-width:0;line-height:1;border-radius:4px;display:flex;align-items:center}.comment-search-clear:hover{color:var(--color-text-primary);background:var(--color-bg-hover)}.comment-thread-row{display:flex;gap:0;align-items:stretch}.thread-collapse-bar{width:12px;flex-shrink:0;background:none;border:none;border-left:2px solid rgba(99,130,255,.2);margin-left:4px;margin-right:4px;cursor:pointer;padding:0;min-width:0;transition:border-color .15s}.thread-collapse-bar:hover{border-left-color:var(--color-accent)}.search-highlight{background:#6382ff40;color:inherit;border-radius:2px;padding:0 2px}.comment-author{font-size:.85rem;color:var(--color-text-muted);margin-bottom:4px}.thread-toggle-btn{padding:2px 8px!important;font-size:.75rem!important;min-width:28px;text-align:center;font-family:var(--font-mono)}.reply-btn{padding:2px 8px!important;font-size:.8rem!important}.copy-link-btn{padding:2px 8px;font-size:.75rem}.admin-layout{display:flex;gap:12px}.admin-sidebar{width:280px;flex-shrink:0}.admin-main{flex:1;min-width:0}.dialog-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000}.dialog-box{background:var(--color-bg-card);border:1px solid var(--color-border-subtle);border-radius:var(--radius-modal);padding:24px;max-width:400px;width:90%;box-shadow:0 8px 32px #0006}.dialog-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:16px}.dialog-actions .danger{background:var(--color-danger)}.progress-bar{width:100%;height:6px;background:var(--color-border);border-radius:3px;overflow:hidden}.progress-fill{height:100%;background:var(--color-accent);border-radius:3px;transition:width .3s ease}.card-thumb-clip{overflow:hidden;border-radius:var(--radius-card) var(--radius-card) 0 0}a:hover>.card,.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-card-hover);border-color:var(--color-accent-glow)}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}.loading-pulse{animation:pulse 1.5s ease-in-out infinite}.compare-label-row{display:flex;align-items:center;justify-content:space-between;min-height:32px;margin-bottom:6px;gap:6px}.container.compare-active{max-width:1600px}.compare-videos{display:flex;flex-direction:row;gap:12px;align-items:stretch}.compare-videos>div{flex:1;min-width:0}.transport-bar{margin-top:10px;background:var(--color-bg-hover);border-radius:8px;border:1px solid var(--color-border);max-width:100%;box-sizing:border-box;flex-shrink:0}.transport-timeline-row{position:relative;padding:12px 14px 0}.transport-hover-tooltip{position:absolute;bottom:100%;transform:translate(-50%);margin-bottom:8px;pointer-events:none;z-index:20;display:flex;flex-direction:column;align-items:center}.transport-hover-thumb{width:160px;height:90px;border-radius:4px;border:2px solid var(--color-border);box-shadow:0 4px 12px #0009;background-color:var(--color-bg-body);background-repeat:no-repeat}.transport-hover-time{font-family:var(--font-mono);font-size:.7rem;font-variant-numeric:tabular-nums;color:var(--color-text-secondary);background:#0b0f17d9;padding:2px 6px;border-radius:3px;margin-top:4px;white-space:nowrap}.transport-controls{display:flex;align-items:center;gap:12px;padding:6px 14px 8px;flex-wrap:wrap}.transport-play-btn{background:none!important;border:none!important;color:var(--color-text-secondary);font-size:1rem;cursor:pointer;padding:4px 8px;border-radius:4px;line-height:1;min-width:32px;text-align:center}.transport-play-btn:hover{background:var(--color-border)!important}.transport-scrubber{width:100%;height:6px;-webkit-appearance:none;appearance:none;border-radius:3px;outline:none;cursor:pointer;border:none;padding:0;display:block}.transport-scrubber::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:var(--color-accent);cursor:pointer;border:2px solid var(--color-text-secondary)}.transport-scrubber::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--color-accent);border:2px solid var(--color-text-secondary);cursor:pointer}.transport-scrubber::-moz-range-track{height:6px;border-radius:3px;background:transparent}.transport-timecode{font-family:var(--font-mono);font-size:.85rem;font-variant-numeric:tabular-nums;color:var(--color-text-secondary);white-space:nowrap;letter-spacing:.04em}.transport-speed-indicator{font-family:var(--font-mono);font-size:.75rem;font-variant-numeric:tabular-nums;color:#fbbf24;background:#2a2510;padding:2px 8px;border-radius:4px;white-space:nowrap;font-weight:600}.transport-speed-wrap{position:relative}.transport-speed-btn{background:none!important;border:none!important;color:var(--color-text-secondary);font-family:var(--font-mono);font-size:.8rem;font-weight:600;cursor:pointer;padding:2px 8px;border-radius:4px;line-height:1}.transport-speed-btn:hover{background:var(--color-border)!important}.transport-speed-btn.active{color:#fbbf24;background:#2a2510!important}.transport-speed-menu{position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:6px;background:var(--color-bg-hover);border:1px solid var(--color-border);border-radius:8px;padding:4px;z-index:10;min-width:80px}.transport-speed-menu button{width:100%;text-align:center;background:none!important;border:none!important;color:var(--color-text-secondary);font-family:var(--font-mono);font-size:.85rem;padding:6px 12px;border-radius:4px;cursor:pointer}.transport-speed-menu button:hover{background:var(--color-border)!important}.transport-speed-menu button.active{color:#fbbf24;background:#2a2510!important}.transport-icon-btn{background:none!important;border:none!important;color:var(--color-text-secondary);font-size:.9rem;cursor:pointer;padding:4px 6px;border-radius:4px;line-height:1}.transport-icon-btn:hover{background:var(--color-border)!important}.transport-icon-btn.active{color:var(--color-accent)}.transport-cc-btn{font-weight:700;font-size:13px;letter-spacing:.5px}.transport-action-btn{font-size:.8rem!important;padding:4px 10px!important;white-space:nowrap}.transport-help-btn{font-family:var(--font-mono);font-weight:700;font-size:.8rem!important}.transport-scrubbing{color:var(--color-accent);background:#0e1a3d}.transport-volume-group{display:flex;align-items:center}.transport-volume-slider-wrap{width:80px;opacity:0;pointer-events:none;transition:opacity .15s ease}.transport-volume-group:hover .transport-volume-slider-wrap{opacity:1;pointer-events:auto}.transport-volume-slider{width:80px;height:4px;-webkit-appearance:none;appearance:none;background:#2a3548;border-radius:2px;outline:none;cursor:pointer;border:none;padding:0;margin-left:6px}.transport-volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;border-radius:50%;background:var(--color-text-secondary);cursor:pointer}.transport-volume-slider::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:var(--color-text-secondary);border:none;cursor:pointer}.transport-volume-slider::-moz-range-track{height:4px;border-radius:2px;background:transparent}.review-video-panel:fullscreen{background:var(--color-bg-body);display:flex;flex-direction:column;padding:16px}.review-video-panel:-webkit-full-screen{background:var(--color-bg-body);display:flex;flex-direction:column;padding:16px}.review-video-panel:fullscreen video{flex:1;object-fit:contain}.review-video-panel:-webkit-full-screen video{flex:1;object-fit:contain}.shortcut-help-box{background:var(--color-bg-hover);border:1px solid var(--color-border);border-radius:12px;padding:24px;max-width:480px;width:90%;color:var(--color-text-secondary)}.shortcut-help-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.shortcut-help-grid{display:grid;grid-template-columns:auto 1fr;gap:8px 16px;align-items:center}.shortcut-help-grid kbd{font-family:var(--font-mono);font-size:.8rem;background:var(--color-bg-body);border:1px solid var(--color-border);border-radius:4px;padding:2px 8px;white-space:nowrap;color:#fbbf24}.shortcut-help-grid span{font-size:.88rem}.frame-menu{position:absolute;top:100%;right:0;margin-top:4px;background:var(--color-bg-hover);border:1px solid var(--color-border);border-radius:8px;padding:4px;z-index:10;min-width:220px}.frame-menu button{width:100%;text-align:left;background:none!important;border:none!important;color:var(--color-text-secondary);padding:8px 12px;border-radius:4px;cursor:pointer;font-size:.85rem}.frame-menu button:hover{background:var(--color-border)!important}.frame-menu button:disabled{opacity:.5;cursor:not-allowed}.compare-active .review-layout:not(.review-layout--three-col){flex-direction:column}.compare-active .review-layout:not(.review-layout--three-col) .review-comments-panel{min-width:0;width:100%;max-height:50vh}.compare-active .review-layout--three-col{flex-direction:row}.compare-videos-stacked{flex-direction:column}.compare-videos>div{border-radius:8px;border:2px solid transparent;padding:2px}.compare-videos>.compare-video-active{border-color:var(--color-accent)}.compare-context-switcher{display:flex;gap:2px;background:var(--color-bg-body);border-radius:6px;padding:2px;margin-bottom:8px}.compare-context-tab{flex:1;padding:4px 8px;font-size:.8rem;border-radius:4px;background:transparent;border:none;box-shadow:none;color:var(--color-text-muted);cursor:pointer;text-align:center;white-space:nowrap}.compare-context-tab:hover{background:var(--color-bg-hover)}.compare-context-tab.active{background:var(--color-accent);color:#fff}.source-meta-panel{overflow:hidden}.source-meta-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;padding:10px 14px!important;background:transparent!important;border:none!important;color:var(--color-text-muted);font-size:.85rem;font-weight:600;cursor:pointer;border-radius:0!important;transition:color .15s,background .15s}.source-meta-toggle:hover{color:var(--color-text-secondary);background:#ffffff08!important}.source-meta-chevron{transition:transform .2s ease;font-size:.8rem}.source-meta-grid{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;padding:0 14px 12px;font-size:.82rem}.source-meta-label{color:var(--color-text-dim);white-space:nowrap}.source-meta-value{color:var(--color-text-secondary);word-break:break-word;font-family:var(--font-mono);font-size:.8rem}.inline-rename-input{font-size:inherit;font-weight:700;font-family:inherit;background:var(--color-bg-input);color:var(--color-text-primary);border:1px solid var(--color-accent);border-radius:4px;padding:1px 6px;outline:none;min-width:80px;max-width:100%}.inline-rename-input:focus{box-shadow:0 0 0 2px #2b62ff4d}.breadcrumbs{display:flex;align-items:center;gap:0;flex-wrap:wrap;padding:2px 0;font-size:.85rem}.breadcrumb-item{padding:2px 0}.breadcrumb-link{color:var(--color-text-dim);cursor:pointer;transition:color .15s}.breadcrumb-link:hover{color:var(--color-text-secondary);text-decoration:underline}.breadcrumb-current{color:var(--color-text-secondary);font-weight:600}.breadcrumb-sep{color:#3a4a66;margin:0 8px;-webkit-user-select:none;user-select:none}.activity-badge{position:absolute;top:-4px;right:-4px;background:#e53e3e;color:#fff;font-size:.65rem;font-weight:700;min-width:16px;height:16px;border-radius:8px;display:flex;align-items:center;justify-content:center;padding:0 4px;pointer-events:none}.folder-card{cursor:pointer;background:var(--color-bg-card);border-style:dashed;border-left:3px solid var(--color-accent);transition:border-color .15s,background .15s;max-width:340px}.folder-card:hover{border-color:var(--color-accent-hover);border-left-color:var(--color-accent-hover);background:var(--color-bg-hover)}.folder-picker-item{padding:6px 8px;border-radius:4px;cursor:pointer;font-size:.85rem;transition:background .1s}.folder-picker-item:hover{background:var(--color-border)}.drop-target-active{box-shadow:0 0 0 2px var(--color-accent-ring);border-color:var(--color-accent)!important;background:var(--color-bg-hover)!important;transition:box-shadow .15s,border-color .15s,background .15s}.breadcrumb-link.drop-target-active,.drop-target-active .breadcrumb-link{background:var(--color-accent-subtle);border-radius:4px;padding:2px 6px;color:var(--color-text-secondary)}.drag-overlay-card{display:inline-flex;align-items:center;background:var(--color-bg-card);border:1px solid var(--color-accent);border-radius:var(--radius-card);padding:10px 14px;max-width:260px;opacity:.9;pointer-events:none;box-shadow:0 8px 24px #0006;color:var(--color-text-primary);font-size:.9rem}.move-action-btn{padding:2px 8px;font-size:.85rem;line-height:1;background:transparent;border:1px solid transparent;border-radius:4px;color:var(--color-text-muted);cursor:pointer;flex-shrink:0}.move-action-btn:hover{color:var(--color-text-secondary);background:var(--color-bg-input);border-color:var(--color-border-subtle)}.transcode-bar-track{width:240px;height:8px;border-radius:4px;background:#1a1f2e;margin:12px auto;overflow:hidden}.transcode-bar-fill{height:100%;border-radius:4px;background:linear-gradient(90deg,#3a6fff,#6fa0ff,#3a6fff);background-size:200% 100%;transition:width 1s ease;animation:transcode-shimmer 2s ease-in-out infinite}@keyframes transcode-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.drawer-overlay{position:fixed;inset:0;background:#00000080;z-index:900;opacity:0;pointer-events:none;transition:opacity .25s ease}.drawer-overlay.drawer-open{opacity:1;pointer-events:auto}.drawer-panel{position:fixed;top:0;right:0;bottom:0;width:440px;max-width:90vw;background:var(--color-bg-surface);border-left:1px solid var(--color-border);z-index:901;display:flex;flex-direction:column;transform:translate(100%);transition:transform .25s ease}.drawer-panel.drawer-open{transform:translate(0)}.drawer-header{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid var(--color-border);flex-shrink:0}.drawer-tabs{display:flex;gap:4px}.drawer-tab{background:transparent;border:1px solid transparent;color:var(--color-text-muted);padding:6px 14px;border-radius:6px;font-size:.9rem;cursor:pointer;transition:background .15s,color .15s,border-color .15s}.drawer-tab:hover{color:var(--color-text-primary);background:var(--color-bg-hover)}.drawer-tab.active{color:var(--color-text-primary);background:var(--color-bg-input);border-color:var(--color-accent)}.drawer-close-btn{background:none!important;border:none!important;color:var(--color-text-muted);font-size:1.1rem;cursor:pointer;padding:4px 8px;border-radius:4px;line-height:1}.drawer-close-btn:hover{color:var(--color-text-primary);background:var(--color-border)!important}.drawer-body{flex:1;overflow-y:auto;padding:16px}@media(max-width:767px){.drawer-panel{width:100%;max-width:100%}}.view-toggle{display:inline-flex;gap:2px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:6px;padding:2px}.view-toggle button{background:transparent;border:none;color:var(--color-text-dim);padding:3px 8px;border-radius:4px;font-size:.85rem;cursor:pointer;line-height:1;min-width:28px;text-align:center}.view-toggle button:hover{color:var(--color-text-secondary)}.view-toggle button.active{background:var(--color-bg-input);color:var(--color-text-secondary)}.list-view{display:flex;flex-direction:column}.list-header{display:grid;align-items:center;padding:8px 12px;border-bottom:1px solid var(--color-border);font-size:.8rem;color:var(--color-text-dim);font-weight:600;text-transform:uppercase;letter-spacing:.03em;-webkit-user-select:none;user-select:none}.list-row{display:grid;align-items:center;padding:10px 12px;border-bottom:1px solid var(--color-border);transition:background .1s;cursor:default;position:relative}.list-row:hover{background:#ffffff05}.list-row.folder-row{border-left:3px dashed var(--color-accent);cursor:pointer;background:#11182780}.list-row.folder-row:hover{background:#141e30b3;border-left-color:var(--color-accent-hover)}.list-thumb{width:48px;height:28px;border-radius:4px;object-fit:cover;background:var(--color-bg-body);display:block;flex-shrink:0}.list-thumb-placeholder{width:48px;height:28px;border-radius:4px;background:var(--color-bg-body);display:flex;align-items:center;justify-content:center;font-size:.75rem;opacity:.4;flex-shrink:0}.list-header.projects-cols,.list-row.projects-cols{grid-template-columns:1fr 100px 120px 120px 100px 80px;gap:8px}.list-header.detail-cols,.list-row.detail-cols{grid-template-columns:56px 1fr 50px 80px 90px 70px 110px 120px 100px;gap:8px}.list-row .list-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list-row .list-meta{font-size:.85rem;color:var(--color-text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list-row .list-actions{display:flex;gap:4px;justify-content:flex-end;align-items:center}@media(max-width:600px){.list-header.projects-cols,.list-row.projects-cols{grid-template-columns:1fr 80px 100px 60px}.list-header.projects-cols .list-col-created,.list-row.projects-cols .list-col-created,.list-header.projects-cols .list-col-members,.list-row.projects-cols .list-col-members{display:none}.list-header.detail-cols,.list-row.detail-cols{grid-template-columns:48px 1fr 45px 70px 80px}.list-header.detail-cols .list-col-duration,.list-row.detail-cols .list-col-duration,.list-header.detail-cols .list-col-size,.list-row.detail-cols .list-col-size,.list-header.detail-cols .list-col-uploaded,.list-row.detail-cols .list-col-uploaded,.list-header.detail-cols .list-col-uploader,.list-row.detail-cols .list-col-uploader{display:none}}.move-to-menu{position:absolute;right:0;top:100%;z-index:20;min-width:200px;padding:8px;margin-top:4px;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:8px;box-shadow:0 4px 16px #0000004d}.bulk-drop-overlay{position:fixed;inset:0;background:var(--color-accent-glow);border:3px dashed var(--color-accent);z-index:999;display:flex;align-items:center;justify-content:center;pointer-events:none}.bulk-drop-content{text-align:center;color:var(--color-text-secondary);background:#131a27f2;border:1px solid var(--color-accent);border-radius:var(--radius-modal);padding:40px 60px;pointer-events:none}.bulk-upload-panel{position:fixed;bottom:16px;right:16px;width:340px;max-height:260px;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-button);box-shadow:0 8px 32px #00000080;z-index:800;display:flex;flex-direction:column;overflow:hidden}.bulk-upload-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-bottom:1px solid var(--color-border);font-size:.82rem;font-weight:600;color:var(--color-text-secondary);flex-shrink:0;cursor:pointer;-webkit-user-select:none;user-select:none}.bulk-upload-header:hover{background:var(--color-bg-hover)}.bulk-upload-progress-bar{height:3px;background:var(--color-border);flex-shrink:0}.bulk-upload-progress-fill{height:100%;background:var(--color-accent);transition:width .3s ease}.bulk-upload-list{overflow-y:auto;flex:1;padding:4px 0}.bulk-upload-item{display:flex;align-items:center;gap:6px;padding:4px 12px;font-size:.8rem}.bulk-upload-item-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.bulk-upload-item-status{display:flex;align-items:center;gap:6px;flex-shrink:0;min-width:70px}.bulk-upload-item-actions{display:flex;gap:4px;flex-shrink:0}@media(max-width:600px){.bulk-upload-panel{left:8px;right:8px;bottom:8px;width:auto}}#root{display:flex;flex-direction:column;height:100vh;height:100dvh;overflow:hidden}.app-layout{display:flex;flex:1;min-height:0;height:100vh;height:100dvh;overflow:hidden}.app-main{flex:1;min-width:0;height:100%;min-height:0;overflow:auto}.app-main:has(>.review-container-wide){overflow:hidden}.nav-toggle-btn{background:none;border:none;color:var(--color-text-muted);cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:color .15s,background .15s}.nav-toggle-btn:hover{color:var(--color-text-primary);background:var(--color-bg-hover)}.nav-panel{width:260px;flex-shrink:0;position:relative;background:var(--color-bg-surface);border-right:1px solid var(--color-border);overflow-y:auto;overflow-x:hidden;transition:width .2s ease}.nav-panel.resizing{transition:none}.nav-panel.collapsed{width:0!important;border-right:none}.nav-resize-handle{position:absolute;top:0;right:-2px;width:4px;height:100%;cursor:col-resize;z-index:20;background:transparent;transition:background .15s ease}.nav-resize-handle:before{content:"";position:absolute;inset:0 -4px}.nav-resize-handle:hover,.nav-resize-handle:active{background:var(--color-accent)}.nav-panel-header{padding:8px;border-bottom:1px solid var(--color-border);position:relative}.ws-selector-btn{display:flex;align-items:center;gap:6px;width:100%;padding:6px 8px;background:transparent;border:1px solid transparent;border-radius:6px;color:var(--color-text);cursor:pointer;font-size:.85rem;font-weight:600;text-align:left}.ws-selector-btn:hover{background:var(--color-bg-hover);border-color:var(--color-border)}.ws-selector-name{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ws-selector-chevron{flex-shrink:0;transition:transform .15s ease;transform:rotate(90deg);color:var(--color-text-muted)}.ws-selector-chevron.open{transform:rotate(270deg)}.ws-dropdown{position:absolute;top:100%;left:8px;right:8px;z-index:100;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:8px;padding:4px;box-shadow:0 8px 24px #0006;max-height:240px;overflow-y:auto}.ws-dropdown-item{display:block;width:100%;padding:8px 10px;background:transparent;border:none;border-radius:4px;color:var(--color-text);font-size:.85rem;text-align:left;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ws-dropdown-item:hover{background:var(--color-bg-hover)}.ws-dropdown-item.active{background:var(--color-accent);color:#fff}.nav-panel-tree{padding:6px 0}.nav-node{display:flex;align-items:center;padding:5px 8px;cursor:pointer;border-radius:4px;margin:1px 4px;transition:background .1s;font-size:.85rem;color:var(--color-text-muted);gap:4px;white-space:nowrap;overflow:hidden}.nav-node:hover{background:var(--color-bg-hover);color:var(--color-text-secondary)}.nav-node-active{background:var(--color-accent-subtle);color:var(--color-text-secondary);border-left:2px solid var(--color-accent)}.nav-node-label{overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.nav-chevron{width:16px;flex-shrink:0;font-size:.55rem;color:var(--color-text-dim);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:transform .15s;-webkit-user-select:none;user-select:none}.nav-chevron.expanded{transform:rotate(90deg)}.nav-color-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.nav-node-meta{font-size:.7rem;color:var(--color-text-dimmer);flex-shrink:0;margin-left:auto;padding-left:4px}.nav-loading{font-size:.8rem;color:var(--color-text-dimmer);padding:4px 12px}.nav-empty{font-size:.8rem;color:var(--color-text-dimmer);padding:8px 12px}.nav-context-menu{position:fixed;background:var(--color-bg-hover);border:1px solid var(--color-border-hover);border-radius:6px;padding:4px 0;min-width:160px;z-index:1000;box-shadow:0 4px 16px #0006}.nav-context-item{display:block;width:100%;padding:7px 12px;background:none;border:none;color:#c8cdd8;font-size:.84rem;text-align:left;cursor:pointer;transition:background .1s}.nav-context-item:hover{background:var(--color-bg-input);color:var(--color-text-primary)}.nav-overlay{position:fixed;inset:0;background:#00000080;z-index:898}.nav-panel.mobile{position:fixed;top:53px;left:0;bottom:0;z-index:899;width:280px}.nav-panel.mobile.collapsed{width:0}@media(max-width:768px){.nav-panel:not(.mobile){display:none}}.search-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:flex-start;justify-content:center;padding-top:min(20vh,140px);z-index:1100}.search-modal{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:12px;width:560px;max-width:92vw;max-height:480px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 24px 64px #00000080}.search-input-row{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--color-border)}.search-input-icon{color:var(--color-text-dim);flex-shrink:0}.search-input{flex:1;background:transparent;border:none;outline:none;color:var(--color-text-primary);font-size:1rem;padding:0}.search-input::placeholder{color:var(--color-text-dimmer)}.search-kbd{font-size:.65rem;padding:2px 6px;border-radius:4px;background:var(--color-bg-hover);border:1px solid var(--color-border-hover);color:var(--color-text-dim);font-family:inherit;flex-shrink:0}.search-results{overflow-y:auto;padding:6px 0;flex:1;min-height:0}.search-empty{padding:24px 16px;text-align:center;color:var(--color-text-dim);font-size:.85rem}.search-group{padding:4px 0}.search-group-label{padding:6px 16px 4px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-dimmer)}.search-result-item{display:flex;align-items:center;gap:10px;width:100%;padding:8px 16px;border:none;background:transparent;color:var(--color-text-primary);font-size:.88rem;cursor:pointer;text-align:left;transition:background .1s}.search-result-item:hover,.search-result-selected{background:var(--color-bg-hover)}.search-result-selected{background:var(--color-accent-subtle)}.search-result-type{width:24px;height:24px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;flex-shrink:0}.search-type-project{background:#1a2a4a;color:#5b8aff}.search-type-folder{background:#1a2a30;color:#5bc49a}.search-type-asset{background:#2a1a3a;color:#b07be6}.search-result-thumb{width:24px;height:24px;border-radius:4px;object-fit:cover;flex-shrink:0}.search-result-info{display:flex;flex-direction:column;min-width:0}.search-result-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-result-path{font-size:.75rem;color:var(--color-text-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-trigger-btn{gap:6px}.search-shortcut-hint{font-size:.65rem;padding:1px 5px;border-radius:3px;background:var(--color-bg-hover);border:1px solid var(--color-border-hover);color:var(--color-text-dim)}@media(max-width:768px){.search-shortcut-hint,.hide-mobile{display:none}}.card-checkbox{position:absolute;top:8px;left:8px;z-index:5;width:18px;height:18px;cursor:pointer;opacity:0;transition:opacity .15s;accent-color:#3b82f6}.card:hover .card-checkbox,.card.selected .card-checkbox{opacity:1}.card.selected{outline:2px solid #3b82f6;outline-offset:-2px}.list-row.selected{background:#3b82f61f!important}.list-header.detail-cols-sel,.list-row.detail-cols-sel{grid-template-columns:32px 56px 1fr 50px 80px 90px 70px 110px 120px 100px;gap:8px}@media(max-width:600px){.list-header.detail-cols-sel,.list-row.detail-cols-sel{grid-template-columns:28px 48px 1fr 45px 70px 80px}.list-header.detail-cols-sel .list-col-duration,.list-row.detail-cols-sel .list-col-duration,.list-header.detail-cols-sel .list-col-size,.list-row.detail-cols-sel .list-col-size,.list-header.detail-cols-sel .list-col-uploaded,.list-row.detail-cols-sel .list-col-uploaded,.list-header.detail-cols-sel .list-col-uploader,.list-row.detail-cols-sel .list-col-uploader{display:none}}.selection-bar{position:fixed;bottom:0;left:0;right:0;z-index:200;display:flex;align-items:center;justify-content:space-between;padding:10px 24px;background:var(--color-bg-card);border-top:1px solid var(--color-border);box-shadow:0 -4px 20px #0006;animation:slideUpBar .2s ease-out}@keyframes slideUpBar{0%{transform:translateY(100%)}to{transform:translateY(0)}}.selection-bar-stats{display:flex;align-items:center;gap:8px;font-size:.9rem;color:var(--color-text-primary)}.selection-bar-count{font-weight:600}.selection-bar-sep{color:#4a5568}.selection-bar-actions{display:flex;gap:8px;align-items:center}.selection-bar-btn{padding:6px 14px;border-radius:6px;font-size:.85rem;border:1px solid var(--color-border);background:var(--color-bg-surface);color:var(--color-text-primary);cursor:pointer;transition:background .15s}.selection-bar-btn:hover:not(:disabled){background:var(--color-bg-hover)}.selection-bar-btn:disabled{opacity:.5;cursor:not-allowed}.selection-bar-trash{color:#f87171;border-color:#7f1d1d}.selection-bar-trash:hover:not(:disabled){background:#2a1a1a}.selection-bar-clear{border:none;background:none;color:var(--color-text-dim);font-size:1rem;padding:6px 8px}.selection-bar-clear:hover:not(:disabled){color:var(--color-text-primary)}.bulk-move-dialog{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:12px;width:380px;max-height:400px;display:flex;flex-direction:column;box-shadow:0 12px 40px #00000080}.bulk-move-header{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid var(--color-border)}.bulk-move-header h3{margin:0;font-size:1rem;color:var(--color-text-primary)}.bulk-move-close{background:none;border:none;color:var(--color-text-dim);cursor:pointer;font-size:1.1rem;padding:4px}.bulk-move-close:hover{color:var(--color-text-primary)}.bulk-move-list{flex:1;overflow-y:auto;padding:8px 0}.bulk-move-item{display:flex;align-items:center;gap:10px;width:100%;padding:8px 16px;background:none;border:none;color:var(--color-text-primary);font-size:.9rem;cursor:pointer;text-align:left;transition:background .1s}.bulk-move-item:hover,.bulk-move-item.hovered{background:var(--color-bg-hover)}.bulk-move-item:disabled{opacity:.5;cursor:not-allowed}.bulk-move-icon{font-size:1rem;flex-shrink:0}.bulk-move-hint{margin-left:auto;font-size:.75rem;color:#4a5568}.bulk-move-empty{padding:24px 16px;text-align:center;color:#4a5568;font-size:.85rem}.drag-overlay-badge{position:absolute;top:-6px;right:-6px;background:#3b82f6;color:#fff;font-size:.7rem;font-weight:700;min-width:20px;height:20px;border-radius:10px;display:flex;align-items:center;justify-content:center;padding:0 5px}.drag-overlay-card{position:relative}.settings-page{max-width:640px;margin:0 auto;padding:40px 24px}.settings-header{margin-bottom:32px}.settings-back{color:#888;text-decoration:none;font-size:14px}.settings-back:hover{color:var(--color-text-primary)}.settings-header h1{margin:8px 0 0;font-size:24px;font-weight:600;color:var(--color-text-primary)}.settings-section{margin-bottom:32px}.settings-section h2{font-size:16px;font-weight:600;color:var(--color-text-primary);margin:0 0 12px}.settings-section--disabled{opacity:.4;pointer-events:none}.settings-hint{color:#888;font-size:13px;margin:8px 0 0;line-height:1.4}.settings-toggle{display:flex;align-items:center;gap:12px;cursor:pointer;padding:6px 0}.settings-toggle--disabled{opacity:.5;cursor:default}.toggle-track{width:40px;height:22px;border-radius:11px;background:var(--color-border);position:relative;cursor:pointer;transition:background .2s;flex-shrink:0}.toggle-track--on{background:var(--color-accent)}.toggle-thumb{width:18px;height:18px;border-radius:50%;background:var(--color-text-primary);position:absolute;top:2px;left:2px;transition:transform .2s}.toggle-track--on .toggle-thumb{transform:translate(18px)}.toggle-label{color:var(--color-text-primary);font-size:14px}.settings-project-list{margin-top:12px;border:1px solid var(--color-border);border-radius:var(--radius-input);overflow:hidden}.settings-project-item{border-bottom:1px solid var(--color-border)}.settings-project-item:last-child{border-bottom:none}.settings-project-header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:transparent;border:none;color:var(--color-text-primary);font-size:14px;cursor:pointer;text-align:left}.settings-project-header:hover:not(:disabled){background:var(--color-bg-card)}.settings-project-header:disabled{cursor:default}.settings-project-name{font-weight:500}.settings-chevron{color:#888;font-size:12px;transition:transform .2s}.settings-chevron--open{transform:rotate(90deg)}.settings-project-prefs{padding:8px 16px 16px 32px;display:flex;flex-direction:column;gap:4px}.settings-workspace-group{margin-bottom:24px}.settings-workspace-group:last-child{margin-bottom:0}.settings-workspace-name{font-size:13px;font-weight:600;color:#888;text-transform:uppercase;letter-spacing:.05em;margin:0 0 8px}.transcript-panel{margin-top:0;border-top:1px solid var(--color-border)}.transcript-content{padding:12px 16px}.transcript-export-bar{display:flex;align-items:center;gap:6px;margin-bottom:12px;flex-wrap:wrap}.transcript-export-bar .btn-xs{padding:2px 8px;font-size:11px;border-radius:4px}.export-dropdown{position:relative;display:inline-block}.export-dropdown-menu{position:absolute;top:calc(100% + 4px);left:0;z-index:20;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-input);padding:4px 0;min-width:90px;box-shadow:var(--shadow-card)}.export-dropdown-menu button{display:block;width:100%;text-align:left;background:none;border:none;padding:6px 12px;font-size:12px;color:var(--color-text-primary);cursor:pointer;box-shadow:none}.export-dropdown-menu button:hover{background:var(--color-bg-hover);box-shadow:none}.export-dropdown-menu--right{left:auto;right:0}.export-dropdown-divider{height:1px;background:var(--color-border);margin:4px 0}.transcript-overflow-btn{display:flex;align-items:center;justify-content:center;padding:2px 4px!important}.speaker-color-toggle{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--color-text-muted);cursor:pointer;-webkit-user-select:none;user-select:none;margin-left:auto}.speaker-color-toggle input[type=checkbox]{width:auto;margin:0;accent-color:var(--color-accent)}.transcript-cost{font-size:11px;color:var(--color-text-muted);margin-left:auto}.transcript-scroll{max-height:200px;overflow-y:auto;line-height:1.8;font-size:13px;padding:4px 0}.transcript-scroll::-webkit-scrollbar{width:6px}.transcript-scroll::-webkit-scrollbar-track{background:transparent}.transcript-scroll::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}.transcript-word{display:inline;padding:1px 2px;border-radius:2px;cursor:pointer;transition:background .15s}.transcript-word:hover{background:#2b62ff26}.transcript-word--active{background:#2b62ff59;color:#fff}.transcript-word--editable{cursor:pointer}.transcript-word--search-match{background:#fbbf2440;border-radius:2px}.transcript-word--search-current{background:#fbbf2499;color:#000;border-radius:2px}.transcript-search-bar{margin-bottom:8px}.transcript-search-toggle{display:inline-flex;align-items:center;gap:4px}.transcript-search-input-wrap{display:flex;align-items:center;gap:4px;background:var(--color-bg-input);border:1px solid var(--color-border);border-radius:var(--radius-input);padding:4px 8px}.transcript-search-icon{flex-shrink:0;color:var(--color-text-dim)}.transcript-search-input{flex:1;min-width:0;background:transparent;border:none;outline:none;color:var(--color-text-primary);font-size:.8rem;font-family:inherit}.transcript-search-input::placeholder{color:var(--color-text-dimmer)}.transcript-search-count{font-size:.7rem;color:var(--color-text-dim);white-space:nowrap;flex-shrink:0}.transcript-search-nav-btn{display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--color-text-muted);padding:2px;border-radius:4px;cursor:pointer;flex-shrink:0}.transcript-search-nav-btn:hover:not(:disabled){background:var(--color-bg-hover);color:var(--color-text-primary)}.transcript-search-nav-btn:disabled{opacity:.3;cursor:default}.transcript-word-input{display:inline-block;font-size:inherit;font-family:inherit;line-height:inherit;padding:1px 4px;border:1.5px solid var(--color-accent);border-radius:3px;background:#0d1117;color:#e6edf3;outline:none;min-width:30px;max-width:200px}.transcript-word-input--insert{border-color:#22c55e;margin:0 2px}.transcript-context-menu{background:#1c2128;border:1px solid #373e47;border-radius:6px;box-shadow:0 4px 12px #0006;padding:4px 0;min-width:160px}.transcript-context-menu button{display:block;width:100%;padding:6px 12px;background:none;border:none;color:#e6edf3;font-size:13px;text-align:left;cursor:pointer}.transcript-context-menu button:hover{background:#2b62ff33}.transcript-context-menu-divider{height:1px;background:#373e47;margin:4px 0}.transcript-context-menu-danger{color:#ef4444!important}.transcript-context-menu-danger:hover{background:#ef444426!important}.transcript-speaker-break{display:block;height:8px}.transcript-speaker-label{display:inline-block;font-size:10px;font-weight:600;color:#fff;padding:1px 6px;border-radius:3px;margin-right:4px;vertical-align:baseline;letter-spacing:.3px}.transcript-speaker-label.editable{cursor:pointer}.transcript-speaker-label.editable:hover{filter:brightness(1.2)}.transcript-speaker-edit{display:inline-block;margin-right:4px}.transcript-speaker-input{font-size:11px;padding:1px 4px;border:1.5px solid var(--color-accent);border-radius:3px;background:#0d1117;color:#e6edf3;outline:none;width:120px}.transcript-badge{font-size:10px;padding:1px 6px;border-radius:8px;font-weight:600;letter-spacing:.02em}.transcript-badge--ready{background:#1a3a2a;color:#4ade80}.transcript-badge--progress{background:#2a2a1a;color:#fbbf24}.transcript-badge--error{background:#3a1a1a;color:#f87171}.transcript-loading,.transcript-empty,.transcript-error{padding:16px 0;text-align:center;color:var(--color-text-muted);font-size:13px}.transcript-error{color:#f87171}.transcript-progress{padding:12px 0}.transcript-progress .progress-bar{height:6px;background:var(--color-border);border-radius:3px;overflow:hidden}.transcript-progress .progress-fill{height:100%;background:var(--color-accent);border-radius:3px;transition:width .5s ease}.pill-transcription{font-size:10px;padding:1px 6px;border-radius:8px;font-weight:500}.pill-transcription--ready{background:#1a3a2a;color:#4ade80}.pill-transcription--progress{background:#2a2a1a;color:#fbbf24}.transcription-mode-group{display:flex;gap:8px;margin:8px 0}.transcription-mode-btn{flex:1;padding:10px 12px;border:2px solid var(--color-border);border-radius:var(--radius-input);background:transparent;color:var(--color-text-primary);font-size:13px;cursor:pointer;text-align:center;transition:border-color .15s,background .15s}.transcription-mode-btn:hover{border-color:#6382ff45}.transcription-mode-btn--active{border-color:var(--color-accent);background:#6382ff14}.transcription-mode-btn small{display:block;color:var(--color-text-muted);font-size:11px;margin-top:4px}.transcription-confirm-input{display:flex;align-items:center;gap:8px;margin-top:8px;padding:8px 12px;background:#1a1a0f;border:1px solid #fbbf24;border-radius:6px;font-size:12px;color:#fbbf24}.transcription-confirm-input input{background:var(--color-bg-body);border:1px solid var(--color-border);border-radius:4px;padding:4px 8px;color:var(--color-text-primary);font-size:12px;width:80px}.collapsible-section{margin-top:8px}.collapsible-header{display:flex;align-items:center;gap:8px;width:100%;padding:10px 14px;background:var(--color-bg-surface)!important;border:1px solid var(--color-border)!important;border-radius:var(--radius-input);color:var(--color-text-secondary);font-size:.85rem;font-weight:600;cursor:pointer;box-shadow:none!important}.collapsible-header:hover{background:var(--color-bg-hover)!important;box-shadow:none!important}.collapsible-title{flex:1;text-align:left}.collapsible-badge{flex-shrink:0}.collapsible-chevron{flex-shrink:0;transition:transform .2s ease;color:var(--color-text-dim)}.collapsible-chevron--open{transform:rotate(180deg)}.collapsible-content{margin-top:8px}.review-container-wide{max-width:none;padding:4px 16px}.review-layout--three-col{display:flex;gap:4px;align-items:stretch;flex:1;min-height:0}.review-transcript-panel{overflow:hidden;display:flex;flex-direction:column;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-card);padding:10px 12px}.review-transcript-panel .transcript-panel,.review-transcript-panel .transcript-content{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.review-layout--three-col .review-video-panel{flex:1;min-width:0}.review-layout--three-col .review-comments-panel,.review-layout--three-col .review-transcript-panel{flex:none;min-width:200px;min-height:0;max-height:100%}.review-transcript-panel .transcript-scroll{max-height:none;flex:1;min-height:0;overflow-y:auto}.transcript-panel--side{border:none;background:none;padding:0}.transcript-panel--side .transcript-content{margin-top:0}.source-meta-collapsible{margin-top:10px}.source-meta-collapsible .collapsible-content{margin-top:0}.transcript-side-header{padding:0 0 10px;border-bottom:1px solid var(--color-border);margin-bottom:10px;font-size:.9rem;color:var(--color-text-primary)}.toolbar-promoted{display:contents}.toolbar-more-wrap{position:relative;flex-shrink:0}.toolbar-more-btn{padding:6px 8px!important;min-width:0!important;line-height:1}.toolbar-more-menu{position:absolute;top:100%;right:0;z-index:40;margin-top:4px;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-button);box-shadow:0 8px 24px #0006;min-width:180px;padding:4px;display:flex;flex-direction:column;gap:2px}.toolbar-more-menu button{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;font-size:.85rem;color:var(--color-text-primary);background:transparent;border:none;border-radius:6px;cursor:pointer;text-align:left;white-space:nowrap}.toolbar-more-menu button:hover{background:var(--color-bg-hover)}.toolbar-more-menu button.active{color:var(--color-accent)}.toolbar-more-menu button.toolbar-more-danger{color:#f87171}.toolbar-more-menu button.toolbar-more-danger:hover{background:#f871711a}.source-info-popover{position:absolute;top:100%;right:0;z-index:40;margin-top:4px;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-button);box-shadow:0 8px 24px #0006;min-width:260px;max-width:360px;max-height:60vh;overflow-y:auto;padding:12px 14px}.source-info-popover h4{font-size:.85rem;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.04em}.source-info-popover .source-meta-grid{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;font-size:.82rem}.toolbar-separator{width:1px;height:20px;background:var(--color-border);align-self:center;flex-shrink:0;margin:0 2px}.panel-toggle-btn{padding:5px 8px!important;min-width:0!important;line-height:1;display:inline-flex;align-items:center;gap:0;font-size:0;color:var(--color-text-muted);border:1px solid var(--color-border);background:var(--color-bg-surface);border-radius:var(--radius-button);cursor:pointer;transition:all .15s;flex-shrink:0}.panel-toggle-btn:hover{color:var(--color-text-primary);border-color:var(--color-accent)}.panel-toggle-btn.active{color:var(--color-accent);border-color:var(--color-accent);background:var(--color-accent-glow)}.resize-handle{width:8px;flex-shrink:0;cursor:col-resize;display:flex;align-items:center;justify-content:center;color:var(--color-text-dim);border-radius:4px;transition:background .15s,color .15s;-webkit-user-select:none;user-select:none;position:relative;z-index:5}.resize-handle:hover,.resize-handle:active{background:var(--color-accent-glow);color:var(--color-accent)}.review-layout--three-col .review-toolbar{gap:6px}.review-layout--three-col .review-toolbar-actions{font-size:.85rem;gap:4px}.review-layout--three-col .review-toolbar-actions button{padding:5px 8px;font-size:.8rem}@media(max-width:1400px){.review-transcript-panel,.resize-handle{display:none}.review-container-wide{max-width:1100px;padding:16px}}@media(max-width:900px){.review-page-root{height:auto;overflow:visible}.review-layout,.review-layout--three-col{flex-direction:column}}@media(max-width:1023px){.topbar .container{padding:8px var(--content-padding)}.topbar-brand-text{font-size:.9rem}.topbar-links{gap:6px}.topbar-links .muted{font-size:.82rem}}@media(max-width:767px){.topbar .container{padding:6px var(--content-padding)}.topbar-brand-text{font-size:.82rem}.topbar-links .topbar-link-text{display:none}.topbar-links .topbar-link-icon,.topbar-overflow-menu{display:inline-flex}.topbar .secondary{font-size:.78rem;padding:4px 10px}}@media(min-width:1024px)and (max-width:1199px){.nav-panel:not(.collapsed):not(.mobile){width:64px;overflow:visible}.nav-panel:not(.collapsed):not(.mobile) .nav-panel-header,.nav-panel:not(.collapsed):not(.mobile) .nav-node-label,.nav-panel:not(.collapsed):not(.mobile) .nav-node-meta,.nav-panel:not(.collapsed):not(.mobile) .nav-panel-title{display:none}.nav-panel:not(.collapsed):not(.mobile) .nav-node{justify-content:center;padding:10px 8px}.nav-panel:not(.collapsed):not(.mobile) .nav-color-dot{width:12px;height:12px}.nav-panel:not(.collapsed):not(.mobile) .nav-chevron{display:none}}@media(max-width:767px){.nav-panel.mobile{width:300px}.nav-node{padding:10px 12px;font-size:.9rem;min-height:var(--touch-target-min)}}@media(min-width:1024px)and (max-width:1199px){.review-container-wide{max-width:100%;padding:var(--content-padding)}.review-layout,.review-layout--three-col{flex-direction:row}.review-video-panel{flex:2}.review-comments-panel{flex:1;min-width:280px;max-width:380px}.review-transcript-panel,.resize-handle{display:none}}@media(min-width:768px)and (max-width:1023px){.review-container-wide{max-width:100%;padding:var(--content-padding)}.review-layout,.review-layout--three-col{flex-direction:column}.review-video-panel{flex:none;min-height:45vh}.review-comments-panel{flex:1;max-height:50vh;overflow-y:auto}.review-transcript-panel,.resize-handle{display:none}}@media(max-width:767px){.app-main:has(>.review-container-wide){overflow:auto;-webkit-overflow-scrolling:touch}.review-page-root{display:block;height:auto;overflow:visible}.review-container-wide{max-width:100%;padding:0}.review-layout,.review-layout--three-col{flex-direction:column;gap:0}.review-video-panel{flex:none;overflow:hidden}.review-video-panel .video-flex-wrapper video{height:auto!important;max-height:50dvh}.review-comments-panel{flex:none;min-height:50dvh;padding-bottom:env(safe-area-inset-bottom,20px)}.review-transcript-panel,.resize-handle{display:none}.review-toolbar{flex-wrap:wrap;gap:4px;padding:6px var(--content-padding)}.review-toolbar>div:first-child{flex:1 1 100%;min-width:0}.review-toolbar>div:first-child>strong{font-size:.85rem}.review-toolbar .muted{display:none}.review-toolbar-actions{gap:4px;flex-wrap:nowrap;flex:1 1 100%}.review-toolbar-actions button{font-size:.75rem;padding:5px 8px}.review-toolbar-actions .approval-controls,.toolbar-promoted{display:none}.review-comments-panel .comment-card{padding:12px}.review-comments-panel select{-webkit-appearance:menulist;appearance:menulist;background-image:none;padding-right:10px}}@media(pointer:coarse){.transport-timeline{min-height:var(--touch-target-min);padding:12px 0;cursor:pointer}.transport-timeline-track{height:6px}.transport-timeline-track:active{height:10px}.transport-btn{min-width:var(--touch-target-min);min-height:var(--touch-target-min);padding:8px}}@media(max-width:767px){.transport-bar{gap:0;padding:0 var(--content-padding);margin-top:4px}.transport-timeline{padding:8px 0 4px}.transport-controls{gap:8px;padding:4px 0 6px;flex-wrap:nowrap}.transport-volume-group,.transport-volume,.transport-frame-step,.transport-action-btn,.transport-help-btn,.transport-speed-wrap,.transport-speed-indicator{display:none!important}.transport-timecode{font-size:.8rem}.transport-icon-btn{padding:6px}}@media(max-width:1199px){.compare-videos{flex-direction:column}.compare-videos>*{flex:none;width:100%}}@media(min-width:768px)and (max-width:1023px){.grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.container{padding:var(--content-padding)}}@media(max-width:767px){.grid{grid-template-columns:1fr;gap:var(--grid-gap)}.container{padding:var(--content-padding)}.drop-zone-text{display:none}.drop-zone-btn{width:100%}}@media(max-width:767px){.admin-layout{flex-direction:column}.admin-sidebar{flex-direction:row;overflow-x:auto;border-bottom:1px solid var(--color-border);border-right:none;padding:0;gap:0}.admin-sidebar a,.admin-sidebar button{white-space:nowrap;padding:10px 16px;font-size:.85rem}.admin-content{padding:var(--content-padding)}}@media(max-width:767px){.modal-overlay{align-items:flex-end;padding:0}.modal-content,.drawer-panel{width:100%;max-width:100%;border-radius:16px 16px 0 0;max-height:90vh;max-height:90dvh;padding-bottom:env(safe-area-inset-bottom,0px)}.modal-actions{flex-direction:column;gap:8px}.modal-actions button{width:100%}}.hide-tablet{display:none}@media(min-width:1024px){.hide-tablet{display:initial}}.show-mobile-only{display:none}@media(max-width:767px){.show-mobile-only{display:initial}.hide-on-mobile{display:none}}