: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:#8083ff;--color-accent-hover:#c0c1ff;--color-accent-text:#c0c1ff;--color-accent-glow:#c0c1ff33;--color-accent-ring:#c0c1ff59;--color-accent-subtle:#c0c1ff1a;--color-accent-gradient:linear-gradient(135deg, #c0c1ff, #8083ff);--color-transport-active-bg:#8083ff73;--color-bg-body:#0a0d16;--color-bg-sunken:#0b0e17;--color-bg-surface:#10131c;--color-bg-card:#1c1f29;--color-bg-card-hover:#272a34;--color-bg-input:#14171f;--color-bg-hover:#272a34;--color-bg-elevated:#32343f;--color-bg-nav:#181b25;--color-bg-glass:#1c1f29b3;--color-bg-glass-dark:#10131cb3;--color-border:#ffffff0a;--color-border-subtle:#4645540d;--color-border-hover:#46455433;--color-border-divider:#4645541a;--color-text-primary:#e0e2ef;--color-text-secondary:#c7c4d7;--color-text-muted:#908fa0;--color-text-dim:#6b6a7a;--color-text-dimmer:#464554;--color-approval-green-bg:#10b9811a;--color-approval-green:#10b981;--color-approval-green-glow:0 0 8px #10b98180;--color-approval-yellow-bg:#ffb7831a;--color-approval-yellow:#ffb783;--color-approval-yellow-glow:0 0 8px #ffb78380;--color-approval-red-bg:#ffb4ab1a;--color-approval-red:#ffb4ab;--color-approval-pending-bg:#94a3b826;--color-approval-pending:#94a3b8;--color-danger:#ffb4ab;--color-danger-hover:#ffdad6;--radius-card:12px;--radius-button:8px;--radius-pill:100px;--radius-input:8px;--radius-modal:16px;--radius-inner:8px;--shadow-card:0 4px 16px #0000004d;--shadow-card-hover:0 20px 40px #0006;--shadow-button-glow:0 0 15px #c0c1ff33;--shadow-button-glow-hover:0 0 20px #c0c1ff4d;--shadow-elevated:0 24px 48px #0006;--shadow-inset-vignette:inset 0 0 40px #0009;--shadow-inset-video:inset 0 0 100px #0009;--shadow-scrubber:0 10px 15px -3px #0000001a;--shadow-status-green:0 0 8px #10b98180;--shadow-status-yellow:0 0 8px #ffb78380;--shadow-progress-glow:0 0 12px #c0c1ff99;--content-padding:32px;--grid-gap:32px;--touch-target-min:44px;--transition-fast:.15s ease;--transition-base:.2s ease;--transition-slow:.3s ease;--text-display:1.5rem;--text-heading:1.125rem;--text-title:1rem;--text-body:.875rem;--text-label:.8125rem;--text-caption:.75rem;--text-micro:.6875rem;--leading-tight:1.25;--leading-normal:1.5;--leading-relaxed:1.65;--tracking-uppercase:.04em;--tracking-mono:.04em;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--icon-xs:12px;--icon-sm:14px;--icon-md:16px;--icon-lg:20px;--icon-xl:24px;--btn-sm-px:var(--space-2);--btn-sm-py:var(--space-1);--btn-sm-font:var(--text-caption);--btn-md-px:var(--space-3);--btn-md-py:var(--space-2);--btn-md-font:var(--text-body);--btn-lg-px:var(--space-5);--btn-lg-py:var(--space-3);--btn-lg-font:var(--text-body);--scrollbar-thumb:#ffffff1a;--scrollbar-thumb-hover:#fff3;--topbar-height:56px;font-family:var(--font-body);line-height:var(--leading-normal);-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}[data-theme=light]{--color-bg-body:#f2f2f7;--color-bg-sunken:#e5e5ea;--color-bg-surface:#fff;--color-bg-card:#fff;--color-bg-card-hover:#f5f5fa;--color-bg-input:#fff;--color-bg-hover:#e8e8ed;--color-bg-elevated:#fff;--color-bg-nav:#f8f8fc;--color-bg-glass:#ffffffd9;--color-bg-glass-dark:#f2f2f7d9;--color-border:#00000026;--color-border-subtle:#00000014;--color-border-hover:#00000040;--color-border-divider:#0000001f;--color-text-primary:#1d1d1f;--color-text-secondary:#48484a;--color-text-muted:#6e6e73;--color-text-dim:#8e8e93;--color-text-dimmer:#aeaeb2;--color-accent:#6366f1;--color-accent-hover:#4f46e5;--color-accent-text:#4f46e5;--color-accent-glow:#6366f126;--color-accent-ring:#6366f140;--color-accent-subtle:#6366f114;--color-transport-active-bg:#4f46e5b3;--color-danger:#dc2626;--color-danger-hover:#b91c1c;--color-approval-green-bg:#10b9811a;--color-approval-green:#059669;--color-approval-green-glow:0 0 8px #0596694d;--color-approval-yellow-bg:#d977061a;--color-approval-yellow:#d97706;--color-approval-yellow-glow:0 0 8px #d977064d;--color-approval-red-bg:#dc26261a;--color-approval-red:#dc2626;--color-approval-pending-bg:#94a3b81f;--color-approval-pending:#64748b;--shadow-card:0 1px 3px #00000014, 0 1px 2px #0000000a;--shadow-card-hover:0 4px 12px #0000001a;--shadow-elevated:0 8px 24px #0000001f;--shadow-button-glow:none;--shadow-button-glow-hover:none;--scrollbar-thumb:#00000026;--scrollbar-thumb-hover:#00000040}@media (width<=1023px){:root{--content-padding:24px;--grid-gap:24px}}@media (width<=767px){:root{--content-padding:16px;--grid-gap:16px}}@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:var(--scrollbar-thumb) transparent}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}h1,h2,h3,h4,h5,h6{text-wrap:balance}p,li,dd,figcaption{text-wrap:pretty}img{outline:1px solid var(--color-border);outline-offset:-1px}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.list-view [aria-roledescription=draggable]:focus-visible{outline-offset:-2px}h1{font-size:var(--text-display);font-weight:var(--weight-semibold);line-height:var(--leading-tight);margin:0 0 var(--space-3)}h2{font-size:var(--text-heading);font-weight:var(--weight-semibold);line-height:var(--leading-tight);margin:0 0 var(--space-2)}h3{font-size:var(--text-title);font-weight:var(--weight-semibold);line-height:var(--leading-tight);margin:0 0 var(--space-2)}h4,h5,h6{font-size:var(--text-body);font-weight:var(--weight-semibold);line-height:var(--leading-tight);margin:0 0 var(--space-1)}body{background:var(--color-bg-body);color:var(--color-text-primary);font-size:var(--text-body);font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;overflow-x:hidden}a{color:inherit}.container{max-width:1100px;padding:var(--space-4);margin:0 auto}.card{background:var(--color-bg-card);border-radius:var(--radius-card);padding:var(--space-4);box-shadow:0 0 0 1px var(--color-border), var(--shadow-card);transition:box-shadow var(--transition-base);border:none}.row{gap:var(--space-3);align-items:center;display:flex}.space{height:var(--space-3)}input,button,textarea,select{font:inherit}input,textarea,select{background:var(--color-bg-input);border:1px solid var(--color-border);border-radius:var(--radius-input);width:100%;padding:var(--space-2) var(--space-3);color:var(--color-text-primary);font-size:var(--text-body);transition:border-color var(--transition-fast), box-shadow var(--transition-fast)}input:focus,textarea:focus,select:focus{border-color:var(--color-accent);box-shadow:0 0 0 2px var(--color-accent-subtle);outline:none}select{cursor:pointer;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='%236E6E73'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;padding-right:28px}button{background:linear-gradient(135deg, var(--color-accent), var(--color-accent-hover));border-radius:var(--radius-button);color:#fff;cursor:pointer;white-space:nowrap;transition:box-shadow var(--transition-fast), opacity var(--transition-fast), background var(--transition-fast), border-color var(--transition-fast);font-weight:var(--weight-medium);font-size:var(--text-body);border:none;padding:8px 16px;box-shadow:0 2px 8px #6366f14d}button:hover:not(:disabled){background:linear-gradient(135deg, var(--color-accent-hover), var(--color-accent));box-shadow:0 4px 16px #6366f173}button:disabled{opacity:.5;cursor:not-allowed}button:active:not(:disabled){transition-duration:50ms;box-shadow:0 1px 4px #6366f133}button.btn-sm,.btn-sm{padding:var(--btn-sm-py) var(--btn-sm-px);font-size:var(--btn-sm-font)}button.btn-lg,.btn-lg{padding:var(--btn-lg-py) var(--btn-lg-px);font-size:var(--btn-lg-font)}button.secondary,.secondary{color:var(--color-accent-text);box-shadow:none;background:#8083ff1f;border:1px solid #8083ff33}button.secondary:hover:not(:disabled),.secondary:hover:not(:disabled){background:#8083ff33;border-color:#8083ff59;box-shadow:0 2px 8px #8083ff26}button.btn-ghost{padding:4px 8px}.topbar{border-bottom:1px solid var(--color-border);background:var(--color-bg-glass-dark);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);z-index:900;flex-shrink:0;position:relative}.topbar .container{height:var(--topbar-height);padding:0 var(--space-4);justify-content:space-between;align-items:center;max-width:none;display:flex}.topbar-brand-text{font-size:var(--text-title);font-weight:var(--weight-semibold);white-space:nowrap}.topbar-links{gap:var(--space-2)}.topbar-mobile-menu{background:var(--color-bg-elevated);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--color-border);border-radius:var(--radius-card);z-index:1200;min-width:180px;box-shadow:var(--shadow-elevated);padding:var(--space-1) 0;flex-direction:column;margin-top:6px;display:flex;position:absolute;top:100%;right:0}.topbar-mobile-item{padding:var(--space-3) var(--space-4);color:var(--color-text-secondary);font-size:var(--text-body);text-align:left;cursor:pointer;min-height:var(--touch-target-min);box-shadow:none;background:0 0;border:none;border-radius:0;align-items:center;text-decoration:none;display:flex}.topbar-mobile-item:hover{background:var(--color-bg-hover);color:var(--color-text-primary);transform:none}.topbar-mobile-logout{border-top:1px solid var(--color-border);color:var(--color-danger-hover)}.grid{gap:var(--grid-gap);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.grid.grid-sm{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.grid.grid-lg{grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.size-toggle{background:#ffffff0a;border:1px solid #ffffff14;border-radius:5px;gap:1px;padding:2px;display:inline-flex}.size-toggle button{color:var(--color-text-dim);cursor:pointer;letter-spacing:.04em;border-radius:4px;padding:2px 7px;font-size:10px;font-weight:600;line-height:1.2;box-shadow:none!important;background:0 0!important;border:none!important}.size-toggle button:hover{color:var(--color-text-primary);background:#ffffff0f!important}.size-toggle button.active{color:var(--color-text-primary);background:#ffffff1f!important}.muted{color:var(--color-text-muted);font-size:var(--text-body)}.pill{border-radius:var(--radius-pill);background:var(--color-bg-surface);border:1px solid var(--color-border);font-size:var(--text-caption);padding:3px 10px;display:inline-block}.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);box-shadow:var(--shadow-status-green)}.approval-needs_changes{background:var(--color-approval-yellow-bg);border:1px solid var(--color-approval-yellow);color:var(--color-approval-yellow);box-shadow:var(--shadow-status-yellow)}.approval-pill-wrapper{display:inline-flex;position:relative}.approval-pill-btn{cursor:pointer;font:inherit;align-items:center;gap:4px;transition:filter .15s,box-shadow .15s;display:inline-flex}.approval-pill-btn:hover{filter:brightness(1.25)}.approval-pill-btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.approval-pill-btn svg{opacity:.7;flex-shrink:0}.color-picker-swatch:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.approval-dropdown{z-index:9999;border:1px solid var(--color-border);background:var(--color-bg-glass);-webkit-backdrop-filter:blur(16px)saturate(1.4);border-radius:8px;min-width:180px;padding:4px;box-shadow:0 8px 24px #0003}.approval-dropdown-item{width:100%;color:var(--color-text-secondary);font:inherit;font-size:var(--text-label);cursor:pointer;background:0 0;border:none;border-radius:5px;align-items:center;gap:8px;padding:6px 10px;transition:background .12s;display:flex}.approval-dropdown-item:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.approval-dropdown-item--selected{color:var(--color-text-primary);font-weight:var(--weight-semibold)}.approval-dropdown-item svg{opacity:.7;flex-shrink:0;margin-left:auto}.approval-dropdown-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.approval-dropdown-label{text-align:left;flex:1}.version-badge-btn{font-size:var(--text-label);color:var(--color-text-secondary);background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-pill);cursor:pointer;align-items:center;gap:4px;padding:2px 8px;font-weight:600;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.version-badge-btn:hover{background:var(--color-bg-card-hover);border-color:var(--color-border-hover);color:var(--color-text-primary)}.version-badge-btn--static{cursor:default;font-weight:500}.version-badge-btn svg{opacity:.6}.version-dropdown{z-index:9999;border:1px solid var(--color-border);background:var(--color-bg-glass);-webkit-backdrop-filter:blur(16px)saturate(1.4);border-radius:10px;min-width:280px;max-width:400px;max-height:400px;padding:4px;overflow-y:auto;box-shadow:0 8px 24px #00000040}.version-dropdown-item{width:100%;color:var(--color-text-secondary);font:inherit;font-size:var(--text-label);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;gap:10px;padding:8px 10px;transition:background .12s;display:flex}.version-dropdown-item:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.version-dropdown-item--active{color:var(--color-text-primary);background:#8083ff14}.version-dropdown-badge{font-size:var(--text-caption);color:var(--color-accent-text);text-align:center;background:#8083ff1f;border-radius:4px;flex-shrink:0;min-width:28px;padding:2px 6px;font-weight:700}.version-dropdown-thumb{object-fit:cover;background:var(--color-bg-surface);border-radius:3px;flex-shrink:0;width:48px;height:27px}.version-dropdown-info{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.version-dropdown-filename{text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-label);overflow:hidden}.version-dropdown-date{font-size:var(--text-caption);color:var(--color-text-dim)}.version-dropdown-check{color:var(--color-accent-text);opacity:.8;flex-shrink:0}.approval-note-bar{font-size:var(--text-body);border-radius:6px;align-items:baseline;gap:6px;margin-bottom:8px;padding:8px 16px;line-height:1.4;display:flex}.approval-note-label{font-weight:var(--weight-semibold);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{background:var(--color-bg-surface);border-radius:var(--radius-inner);border:1px solid var(--color-border);padding:10px 12px}.approval-status-inline{font-weight:var(--weight-semibold);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]{cursor:pointer;padding:8px}input[type=file]::file-selector-button{font:inherit;background:var(--color-bg-input);color:var(--color-text-primary);border:1px solid var(--color-border);cursor:pointer;border-radius:6px;margin-right:10px;padding:6px 12px}input[type=file]::file-selector-button:hover{background:var(--color-accent)}.review-page-root{flex-direction:column;max-width:none;height:100%;padding:4px 16px;display:flex;overflow:hidden}.review-layout{gap:var(--space-3);flex:1;align-items:stretch;min-height:0;display:flex}.review-video-panel{min-width:0;min-height:0;box-shadow:none;background:0 0;border-radius:0;flex-direction:column;flex:2;display:flex;position:relative;overflow:visible}.video-area-wrapper,.compare-videos{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.video-area-wrapper>div,.compare-videos>div{flex-direction:column;flex:1;min-height:0;display:flex}.video-flex-wrapper{flex:1;min-height:0}.review-video-below{flex-shrink:0;overflow-y:auto}.review-comments-panel{background:0 0;border-left:1px solid #ffffff0a;flex-direction:column;flex:1;min-width:200px;display:flex;overflow:hidden}.review-toolbar{box-sizing:border-box;flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:4px 8px;width:100%;min-width:0;max-width:100%;display:flex}.review-toolbar>div:first-child{flex:200px;min-width:0}.review-toolbar>div:first-child>strong{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.review-toolbar-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:4px;min-width:0;margin-left:auto;display:flex}.review-toolbar-meta{font-size:var(--text-caption);opacity:.7;flex-wrap:nowrap;align-items:center;gap:6px;display:flex}.draw-tool-btn{border-radius:var(--radius-button);width:28px;height:28px;color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;transition:color .12s,background .12s;display:flex}.draw-tool-btn:hover{color:var(--color-text-primary);background:var(--color-bg-hover)}.draw-tool-btn--active{color:#fff;background:var(--color-accent)}.draw-tool-btn--active:hover{background:var(--color-accent-hover)}.draw-color-swatch{cursor:pointer;border-radius:50%;flex-shrink:0;width:22px;height:22px;padding:0;transition:border-color .15s,transform .15s;box-shadow:none!important;background-image:none!important;border:2px solid #0000!important}.draw-color-swatch:hover{box-shadow:none!important;transform:scale(1.15)!important}.draw-color-swatch--active{border-color:var(--color-text-primary);box-shadow:0 0 0 2px var(--color-bg-card)}.draw-width-divider{background:var(--color-border);flex-shrink:0;width:1px;height:16px;margin:0 2px}.draw-width-swatch{cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;padding:0;transition:border-color .15s,transform .15s;display:flex;box-shadow:none!important;background:0 0!important;border:2px solid #0000!important}.draw-width-swatch:hover{box-shadow:none!important;transform:scale(1.15)!important}.draw-width-swatch--active{border-color:var(--color-accent-text)!important;box-shadow:0 0 0 2px var(--color-bg-card), 0 0 8px #8083ff66!important;background:#8083ff26!important}.draw-width-dot{background:var(--color-text-primary);border-radius:50%;flex-shrink:0;display:block}.timeline-bar{background:var(--color-bg-sunken);height:16px;margin-left:var(--space-4);margin-right:var(--space-4);border-radius:8px;margin-top:4px;position:relative}.timeline-bar-inner{position:absolute;inset:0}.timeline-marker{cursor:pointer;border-radius:999px;width:10px;height:10px;position:absolute;top:2px;transform:translate(-50%)}.card.comment-card{padding:var(--space-3);cursor:pointer;transition:background var(--transition-fast), box-shadow var(--transition-fast);border-radius:var(--radius-inner);min-width:0;box-shadow:none;background:0 0}.card.comment-card:hover{background:var(--color-bg-card-hover);outline:1px solid var(--color-border);outline-offset:-1px;box-shadow:none}.card.comment-card.comment-card--selected{outline:2px solid var(--color-accent);outline-offset:-2px;border-radius:var(--radius-inner);box-shadow:none!important}.comment-card--internal{border-left:3px solid #d97706}.pill--internal{color:#d97706;background:#d9770626;align-items:center;gap:3px;display:inline-flex}.comment-visibility-toggle{border-radius:var(--radius-button);border:1px solid var(--color-border);color:var(--color-text-muted);cursor:pointer;white-space:nowrap;background:0 0;flex-shrink:0;align-items:center;gap:4px;padding:4px 10px;font-size:.75rem;font-weight:500;transition:all .15s;display:inline-flex}.comment-visibility-toggle:hover{border-color:var(--color-text-muted)}.comment-visibility-toggle--team{color:#d97706;background:#d977061f;border-color:#d97706}.comment-visibility-toggle--team:hover{background:#d9770633;border-color:#d97706}.comment-composer--internal{border-radius:var(--radius-inner);padding-left:var(--space-3);padding-right:var(--space-3);background:#d977060f}.comment-composer{padding:var(--space-3) 0;border-top:1px solid var(--color-border);flex-shrink:0;order:10;margin-top:8px}.comment-list-scroll{flex:1;order:1;min-height:0;overflow-y:auto}.comment-composer textarea{resize:vertical;min-height:48px}.comment-composer--highlight{animation:1.5s ease-out composer-pulse}.comment-composer--highlight textarea{border-color:var(--color-accent);box-shadow:0 0 0 2px #2b62ff4d}@keyframes composer-pulse{0%{background:#2b62ff26}to{background:0 0}}.comment-composer-toolbar{flex-wrap:wrap;align-items:center;gap:4px;margin-top:6px;display:flex}.comment-composer-toolbar>button:last-child{flex-shrink:0}.comment-composer-actions{align-items:center;gap:4px;display:flex}.attachment-preview{margin-top:8px;display:inline-block;position:relative}.attachment-preview__img{border:1px solid var(--color-border);border-radius:4px;max-width:120px;max-height:80px}button.attachment-remove{background:var(--color-danger,#c44);color:#fff;cursor:pointer;width:18px;height:18px;box-shadow:none;border:none;border-radius:50%;padding:0;font-size:11px;line-height:18px;position:absolute;top:-6px;right:-6px}button.attachment-remove:hover:not(:disabled){box-shadow:none;opacity:.85}.comment-composer-icon-btn{border-radius:var(--radius-button);color:#fff;cursor:pointer;justify-content:center;align-items:center;width:32px;height:32px;padding:0;transition:all .15s;display:flex}.comment-composer-icon-btn svg{stroke:currentColor;width:16px;height:16px}.comment-composer-hint{font-size:var(--text-micro);color:var(--color-text-dim);white-space:nowrap;-webkit-user-select:none;user-select:none;text-overflow:ellipsis;flex-shrink:1;min-width:0;margin-left:auto;overflow:hidden}.comment-composer-icon-btn--active{background:var(--color-accent,#2b62ff);color:#fff}.emoji-picker{background:var(--color-bg-glass);-webkit-backdrop-filter:blur(24px)saturate(1.6);border:1px solid var(--color-border-hover);border-radius:var(--radius-card);width:300px;max-width:calc(100vw - 32px);max-height:380px;box-shadow:var(--shadow-elevated);flex-direction:column;animation:.15s ease-out emoji-picker-in;display:flex;overflow:hidden}.emoji-picker--compact{width:auto;max-width:200px;max-height:none;padding:8px}.emoji-picker-inline-wrap{z-index:100;margin-bottom:6px;position:absolute;bottom:100%;right:0}@keyframes emoji-picker-in{0%{opacity:0;transform:translateY(6px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.emoji-picker-search-wrap{flex-shrink:0;padding:8px 8px 4px}.emoji-picker-search{width:100%;font-size:var(--text-caption);background:var(--color-bg-input);border:1px solid var(--color-border);border-radius:var(--radius-input);color:var(--color-text-primary);transition:border-color var(--transition-fast);outline:none;padding:6px 10px}.emoji-picker-search:focus{border-color:var(--color-accent)}.emoji-picker-search:focus-visible{border-color:var(--color-accent);box-shadow:0 0 0 2px var(--color-accent-subtle);outline:none}.emoji-picker-search::placeholder{color:var(--color-text-dim)}.emoji-picker-body{flex:1;padding:4px 8px 8px;overflow-y:auto}.emoji-picker-category{font-size:var(--text-micro);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;margin-top:4px;padding:6px 2px 2px;font-weight:600}.emoji-picker-grid{grid-template-columns:repeat(8,1fr);gap:2px;display:grid}.emoji-picker--compact .emoji-picker-grid{grid-template-columns:repeat(7,1fr)}.emoji-picker-item{border-radius:var(--radius-inner);cursor:pointer;width:34px;height:34px;transition:transform var(--transition-fast), background var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:0;font-size:1.25rem;line-height:1;display:flex}.emoji-picker-item:hover{background:var(--color-bg-hover);transform:scale(1.15)}.emoji-picker-item:active{transform:scale(.95)}.emoji-picker-no-results{text-align:center;color:#888;padding:24px 16px;font-size:13px}.reaction-row{flex-wrap:wrap;align-items:center;gap:4px;min-height:0;margin-top:6px;display:flex}.reaction-pill{font-size:var(--text-caption);cursor:pointer;transition:background var(--transition-fast), border-color var(--transition-fast);align-items:center;gap:4px;line-height:1.4;display:inline-flex;border:1px solid var(--color-border)!important;border-radius:var(--radius-pill)!important;box-shadow:none!important;color:var(--color-text-secondary)!important;background:#ffffff0a!important;padding:2px 8px!important}.reaction-pill:hover{transform:none;border-color:var(--color-border-hover)!important;background:#ffffff14!important}.reaction-pill--active{color:var(--color-accent-text)!important;background:#8083ff1f!important;border-color:#8083ff4d!important}.reaction-pill--active:hover{transform:none;background:#8083ff2e!important}.reaction-pill-emoji{font-size:.875rem;line-height:1}.reaction-pill-count{font-size:var(--text-micro);font-variant-numeric:tabular-nums;font-weight:600}.reaction-add-btn{cursor:pointer;width:24px;height:24px;transition:color var(--transition-fast), border-color var(--transition-fast), background var(--transition-fast);justify-content:center;align-items:center;display:inline-flex;border:1px dashed var(--color-border)!important;border-radius:var(--radius-pill)!important;color:var(--color-text-dim)!important;box-shadow:none!important;background:0 0!important;padding:0!important}.reaction-add-btn:hover{transform:none;color:var(--color-text-secondary)!important;border-color:var(--color-border-hover)!important;background:#ffffff0f!important}.reaction-add-btn svg{width:14px;height:14px}.composer-draw-tools{border-radius:var(--radius-inner,6px);background:#8083ff0f;margin-top:6px;padding:8px;animation:.2s ease-out composer-draw-expand;overflow:hidden}@keyframes composer-draw-expand{0%{opacity:0;max-height:0;padding-top:0;padding-bottom:0}to{opacity:1;max-height:80px;padding-top:8px;padding-bottom:8px}}.composer-draw-tools-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.comment-search-wrap{flex:1;min-width:120px;position:relative}.comment-search-input{box-sizing:border-box;width:100%;padding-right:68px}.comment-search-nav{gap:1px;display:flex;position:absolute;top:50%;right:26px;transform:translateY(-50%)}.comment-search-nav-btn{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;border-radius:3px;align-items:center;min-width:0;padding:1px 2px;line-height:1;transition:color .12s,background .12s;display:flex}.comment-search-nav-btn:hover:not(:disabled){color:var(--color-text-primary);background:var(--color-bg-hover)}.comment-search-nav-btn:disabled{opacity:.3;cursor:default}.comment-search-clear{color:#fff;background:var(--color-accent);cursor:pointer;border-radius:4px;align-items:center;min-width:0;padding:2px 4px;line-height:1;display:flex;position:absolute;top:50%;right:4px;transform:translateY(-50%)}.comment-search-clear:hover{background:var(--color-accent-hover)}.comment-thread-row{align-items:stretch;gap:0;min-width:0;display:flex;overflow:hidden}.thread-collapse-bar{cursor:pointer;width:12px;min-width:0;transition:border-color var(--transition-fast);border-radius:0;flex-shrink:0;margin-left:4px;margin-right:4px;padding:0;border:none!important;border-left:2px solid var(--color-border-hover)!important;box-shadow:none!important;background:0 0!important}.thread-collapse-bar:hover{border-left-color:var(--color-accent)}.search-highlight{color:inherit;background:#6366f140;border-radius:2px;padding:0 2px}.comment-author{font-size:var(--text-body);color:var(--color-text-muted);flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:4px;display:flex}.reply-context-badge{font-size:var(--text-caption);color:var(--color-accent-text);opacity:.7;white-space:nowrap}.thread-toggle-btn{text-align:center;min-width:28px;font-family:var(--font-mono);font-size:var(--text-caption)!important;padding:2px 8px!important}.reply-btn{font-size:var(--text-label)!important;padding:2px 8px!important}.copy-link-btn{font-size:var(--text-caption);padding:2px 8px}.admin-layout{gap:12px;display:flex}.admin-sidebar{flex-shrink:0;width:280px}.admin-main{flex:1;min-width:0}.dialog-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#080b13bf;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.dialog-box{background:var(--color-bg-elevated);border-radius:var(--radius-modal);padding:var(--space-6);width:90%;max-width:420px;box-shadow:0 0 0 1px var(--color-border), var(--shadow-elevated);border:none}.dialog-actions{gap:var(--space-2);margin-top:var(--space-4);justify-content:flex-end;display:flex}.dialog-actions .danger{background:var(--color-danger)}button.danger{background:var(--color-danger,#c44)!important;box-shadow:0 2px 8px #cc44444d!important}button.danger:hover:not(:disabled){background:var(--color-danger,#c44)!important;box-shadow:0 4px 16px #cc444473!important}button.secondary.danger{color:var(--color-danger,#c44)!important;box-shadow:none!important;background:#cc444426!important;border-color:#cc44444d!important}button.secondary.danger:hover:not(:disabled){box-shadow:none!important;background:#cc444440!important;border-color:#c446!important}.progress-bar{background:var(--color-border);border-radius:3px;width:100%;height:6px;overflow:hidden}.progress-fill{background:var(--color-accent);height:100%;box-shadow:var(--shadow-progress-glow);border-radius:3px;transition:width .3s}.upload-stats{font-size:.8rem;line-height:1.4}.upload-stats .upload-speed,.upload-stats .upload-eta{opacity:.85}.upload-slow-warning{color:#f59e0b;font-size:.75rem;font-weight:500;animation:2s ease-in-out infinite upload-slow-pulse}@keyframes upload-slow-pulse{0%,to{opacity:.7}50%{opacity:1}}.card-thumb-clip{border-radius:var(--radius-card) var(--radius-card) 0 0;position:relative;overflow:hidden}.card-thumb-clip:after{content:"";box-shadow:var(--shadow-inset-vignette);border-radius:var(--radius-card) var(--radius-card) 0 0;pointer-events:none;position:absolute;inset:0}a:hover>.card,.card:hover{box-shadow:0 0 0 1px var(--color-border-hover), var(--shadow-card-hover)}.review-comments-panel.card:hover{box-shadow:0 0 0 1px var(--color-border), var(--shadow-card)}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}.loading-pulse{animation:1.5s ease-in-out infinite pulse}.compare-label-row{justify-content:space-between;align-items:center;gap:6px;min-height:32px;margin-bottom:6px;display:flex}.container.compare-active{max-width:1600px}.compare-videos{flex-direction:row;align-items:stretch;gap:12px;display:flex}.compare-videos>div{flex:1;min-width:0}.transport-bar{margin-top:var(--space-2);box-shadow:none;box-sizing:border-box;background:0 0;border:none;border-radius:0;flex-shrink:0;max-width:100%}.transport-timeline-row{padding:var(--space-3) var(--space-4) 0;position:relative}.transport-hover-tooltip{pointer-events:none;z-index:20;flex-direction:column;align-items:center;margin-bottom:8px;display:flex;position:absolute;bottom:100%;transform:translate(-50%)}.transport-hover-thumb{border:2px solid var(--color-border);background-color:var(--color-bg-body);background-repeat:no-repeat;border-radius:4px;box-shadow:0 4px 12px #0009}.transport-hover-time{font-family:var(--font-mono);font-size:var(--text-micro);font-variant-numeric:tabular-nums;color:#fff;white-space:nowrap;background:#000000bf;border-radius:3px;margin-top:4px;padding:2px 6px}.transport-controls{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);flex-wrap:wrap;justify-content:center;display:flex}.transport-play-btn{color:#fff;font-size:var(--text-title);cursor:pointer;border-radius:var(--radius-button);text-align:center;min-width:32px;padding:4px 8px;line-height:1}.transport-scrubber{appearance:none;cursor:pointer;border:none;border-radius:3px;outline:none;width:100%;height:6px;margin:0;padding:0;display:block}.transport-scrubber::-webkit-slider-thumb{appearance:none;background:var(--color-text-primary);cursor:pointer;width:14px;height:14px;box-shadow:var(--shadow-scrubber);border:none;border-radius:50%}.transport-scrubber::-moz-range-thumb{background:var(--color-text-primary);cursor:pointer;width:14px;height:14px;box-shadow:var(--shadow-scrubber);border:none;border-radius:50%}.transport-scrubber::-moz-range-track{background:0 0;border-radius:3px;height:6px}.transport-scrubber:focus-visible::-webkit-slider-thumb{outline:2px solid var(--color-accent);outline-offset:2px}.transport-scrubber:focus-visible::-moz-range-thumb{outline:2px solid var(--color-accent);outline-offset:2px}.transport-timecode{font-family:var(--font-mono);font-size:var(--text-body);font-variant-numeric:tabular-nums;color:var(--color-text-secondary);white-space:nowrap;letter-spacing:var(--tracking-mono);background:#c0c1ff1a;border-radius:4px;padding:2px 6px}.transport-timecode--edit{border:1px solid var(--color-accent);text-align:center;color:var(--color-text-primary);background:var(--color-bg-input);outline:none}.tc-start-input{background:var(--color-bg-input);border:1px solid var(--color-border);color:var(--color-text-primary);font-family:var(--font-mono);border-radius:3px}.tc-start-input:focus{border-color:var(--color-accent);outline:none}.transport-range-overlay{pointer-events:none;z-index:1;background:#fbbf2466;border-radius:3px;height:6px;position:absolute;top:50%;transform:translateY(-50%)}.transport-range-mark{pointer-events:none;z-index:1;background:#fbbf24b3;border-radius:1px;width:2px;height:14px;position:absolute;top:50%;transform:translate(-50%,-50%)}.range-indicator{color:var(--color-text-muted);border-radius:4px;padding:2px 6px}@keyframes range-flash{0%{color:var(--color-text-primary);background:#fbbf2440}to{color:var(--color-text-muted);background:0 0}}.range-indicator--flash{animation:1.2s ease-out range-flash}.transport-speed-indicator{font-family:var(--font-mono);font-size:var(--text-caption);font-variant-numeric:tabular-nums;color:var(--color-approval-yellow);white-space:nowrap;font-weight:var(--weight-semibold);background:#fbbf241f;border-radius:4px;padding:2px 8px}.transport-speed-wrap{position:relative}.transport-speed-btn{color:#fff;font-family:var(--font-mono);font-size:var(--text-label);font-weight:var(--weight-semibold);cursor:pointer;border-radius:var(--radius-button);padding:2px 8px;line-height:1}.transport-speed-btn.active{color:var(--color-approval-yellow);background:#fbbf241f}.transport-speed-menu{background:var(--color-bg-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--color-border);z-index:10;border-radius:8px;min-width:80px;margin-bottom:6px;padding:4px;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.transport-speed-menu button{text-align:center;width:100%;color:var(--color-text-secondary);font-family:var(--font-mono);font-size:var(--text-body);cursor:pointer;border-radius:6px;padding:6px 12px;box-shadow:none!important;background:0 0!important;border:none!important}.transport-speed-menu button:hover{transform:none;background:#ffffff0f!important}.transport-speed-menu button.active{color:var(--color-approval-yellow);background:#fbbf241f!important}.transport-icon-btn{color:#fff;font-size:var(--text-body);cursor:pointer;border-radius:var(--radius-button);padding:4px 6px;line-height:1}.transport-icon-btn.active{color:#fff;background:var(--color-transport-active-bg);border-radius:var(--radius-button)}.transport-cc-btn{font-weight:var(--weight-bold);font-size:var(--text-label)}.transport-action-btn{white-space:nowrap;font-size:var(--text-label)!important;padding:4px 10px!important}.transport-help-btn{font-family:var(--font-mono);font-weight:var(--weight-bold);justify-content:center;align-items:center;width:28px;height:28px;padding:0;font-size:14px;display:inline-flex}.waveform-container{opacity:0;background:0 0;border-top:none;height:0;transition:height .25s,opacity .25s;position:relative;overflow:hidden}.waveform-container.visible{opacity:1;height:48px}.waveform-canvas{width:calc(100% - var(--space-4) * 2);cursor:pointer;height:100%;margin-left:var(--space-4);margin-right:var(--space-4);display:block}.waveform-loading{font-size:var(--text-caption);color:var(--color-text-muted);z-index:1;justify-content:center;align-items:center;gap:8px;display:flex;position:absolute;inset:0}.waveform-loading .spin{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.transport-scrubbing{color:var(--color-accent);background:var(--color-bg-surface)}.transport-volume-group{align-items:center;display:flex}.transport-volume-slider-wrap{opacity:0;pointer-events:none;width:80px;transition:opacity .15s}.transport-volume-group:hover .transport-volume-slider-wrap{opacity:1;pointer-events:auto}.transport-volume-slider{appearance:none;background:var(--color-bg-hover);cursor:pointer;border:none;border-radius:2px;outline:none;width:80px;height:4px;margin-left:6px;padding:0}.transport-volume-slider::-webkit-slider-thumb{appearance:none;background:var(--color-text-secondary);cursor:pointer;border-radius:50%;width:12px;height:12px}.transport-volume-slider::-moz-range-thumb{background:var(--color-text-secondary);cursor:pointer;border:none;border-radius:50%;width:12px;height:12px}.transport-volume-slider::-moz-range-track{background:0 0;border-radius:2px;height:4px}.transport-volume-slider:focus-visible::-webkit-slider-thumb{outline:2px solid var(--color-accent);outline-offset:2px}.transport-volume-slider:focus-visible::-moz-range-thumb{outline:2px solid var(--color-accent);outline-offset:2px}.review-video-panel:fullscreen{background:var(--color-bg-body);flex-direction:column;padding:16px;display:flex}.review-video-panel:fullscreen{background:var(--color-bg-body);flex-direction:column;padding:16px;display:flex}.review-video-panel:fullscreen video{object-fit:contain;flex:1}.review-video-panel:fullscreen video{object-fit:contain;flex:1}.shortcut-help-box{background:var(--color-bg-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--color-border);width:90%;max-width:480px;max-height:80vh;color:var(--color-text-secondary);border-radius:12px;padding:24px;overflow-y:auto}.shortcut-help-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.shortcut-help-grid{grid-template-columns:auto 1fr;align-items:center;gap:8px 16px;display:grid}.shortcut-help-grid kbd{font-family:var(--font-mono);font-size:var(--text-label);background:var(--color-bg-body);border:1px solid var(--color-border);white-space:nowrap;color:var(--color-approval-yellow);border-radius:4px;padding:2px 8px}.shortcut-help-grid span{font-size:var(--text-body)}.frame-menu{background:var(--color-bg-hover);border:1px solid var(--color-border);z-index:10;border-radius:8px;min-width:220px;margin-top:4px;padding:4px;position:absolute;top:100%;right:0}.frame-menu button{text-align:left;width:100%;color:var(--color-text-secondary);cursor:pointer;font-size:var(--text-body);border-radius:6px;padding:8px 12px;box-shadow:none!important;background:0 0!important;border:none!important}.frame-menu button:hover{transform:none;background:#ffffff0f!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{width:100%;min-width:0;max-height:50vh}.compare-active .review-layout--three-col{flex-direction:row}.compare-videos-stacked{flex-direction:column}.compare-videos>div{border:2px solid #0000;border-radius:8px;padding:2px}.compare-videos>.compare-video-active{border-color:var(--color-accent)}.compare-context-switcher{background:var(--color-bg-body);border-radius:6px;gap:2px;margin-bottom:8px;padding:2px;display:flex}.compare-exit-btn{border-radius:var(--radius-button);color:var(--color-approval-yellow)!important;background:#fbbf2426!important;border:1px solid #fbbf2466!important;box-shadow:0 0 8px #fbbf2426!important}.compare-exit-btn:hover{color:#fbbf24!important;background:#fbbf2440!important;border-color:#fbbf2499!important;box-shadow:0 0 12px #fbbf2440!important}.compare-context-tab{font-size:var(--text-label);color:#fff;cursor:pointer;text-align:center;white-space:nowrap;border-radius:6px;flex:1;padding:4px 8px}.compare-context-tab.active{color:#fff}.source-meta-panel{overflow:hidden}.source-meta-toggle{color:#fff;width:100%;font-size:var(--text-body);font-weight:var(--weight-semibold);cursor:pointer;border-radius:var(--radius-button);justify-content:space-between;align-items:center;padding:10px 14px;transition:color .15s,background .15s,box-shadow .15s;display:flex}.source-meta-chevron{font-size:var(--text-label);transition:transform .2s}.source-meta-grid{font-size:var(--text-label);grid-template-columns:auto 1fr;gap:4px 12px;padding:0 14px 12px;display:grid}.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:var(--text-label)}.inline-rename-input{font-size:inherit;font-weight:var(--weight-bold);background:var(--color-bg-input);color:var(--color-text-primary);border:1px solid var(--color-accent);border-radius:4px;outline:none;min-width:80px;max-width:100%;padding:1px 6px;font-family:inherit}.inline-rename-input:focus{box-shadow:0 0 0 2px #2b62ff4d}.breadcrumbs{font-size:var(--text-body);flex-wrap:nowrap;align-items:center;gap:0;min-width:0;padding:6px 0;display:flex}.breadcrumb-item{white-space:nowrap;min-width:0;padding:2px 0}.breadcrumb-item:last-child{min-width:0}.breadcrumb-item:last-child .breadcrumb-link{text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom;max-width:100%;overflow:hidden}.breadcrumb-link{color:var(--color-text-dim);cursor:pointer;border-radius:3px;transition:color .15s;display:inline-block}.breadcrumb-link:hover{color:var(--color-text-secondary);text-decoration:underline}.breadcrumb-link:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px;text-decoration:none}.breadcrumb-current{color:var(--color-text-secondary);font-weight:var(--weight-semibold)}.breadcrumb-sep{color:var(--color-text-dimmer);-webkit-user-select:none;user-select:none;margin:0 8px}.activity-badge{background:var(--color-danger);color:#fff;font-size:var(--text-micro);font-weight:var(--weight-bold);pointer-events:none;border-radius:8px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;display:flex;position:absolute;top:-4px;right:-4px}.folder-card{cursor:pointer;background:var(--color-bg-nav);border:none;border-left:3px solid var(--color-accent);transition:border-color var(--transition-fast), background var(--transition-fast)}.folder-card:hover{border-color:var(--color-border-hover);border-left-color:var(--color-accent-hover);background:var(--color-bg-card-hover)}.folder-picker-item{cursor:pointer;font-size:var(--text-body);border-radius:4px;padding:6px 8px;transition:background .1s}.folder-picker-item:hover{background:var(--color-border)}.drop-target-active{box-shadow:0 0 0 2px var(--color-accent-ring);transition:box-shadow .15s,border-color .15s,background .15s;border-color:var(--color-accent)!important;background:var(--color-bg-hover)!important}.breadcrumb-link.drop-target-active,.drop-target-active .breadcrumb-link{background:var(--color-accent-subtle);color:var(--color-text-secondary);border-radius:4px;padding:2px 6px}.drag-overlay-card{background:var(--color-bg-card);border:1px solid var(--color-accent);border-radius:var(--radius-card);opacity:.9;pointer-events:none;max-width:260px;color:var(--color-text-primary);font-size:var(--text-body);align-items:center;padding:10px 14px;display:inline-flex;box-shadow:0 8px 24px #0006}.move-action-btn{font-size:var(--text-body);border-radius:var(--radius-button);color:#fff;cursor:pointer;flex-shrink:0;padding:2px 8px;line-height:1}.move-action-btn:hover{color:#fff}.transcode-bar-track{background:var(--color-bg-nav);border-radius:4px;width:240px;height:8px;margin:12px auto;overflow:hidden}.transcode-bar-fill{background:linear-gradient(90deg,#6366f1 0%,#818cf8 50%,#6366f1 100%) 0 0/200% 100%;border-radius:4px;height:100%;transition:width 1s;animation:2s ease-in-out infinite transcode-shimmer}@keyframes transcode-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.drawer-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:900;opacity:0;pointer-events:none;transition:opacity var(--transition-slow);background:#080b1399;position:fixed;inset:0}.drawer-overlay.drawer-open{opacity:1;pointer-events:auto}.drawer-panel{background:var(--color-bg-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-left:1px solid var(--color-border);z-index:901;width:440px;max-width:90vw;transition:transform var(--transition-slow);box-shadow:var(--shadow-elevated);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;right:0;transform:translate(100%)}.drawer-panel.drawer-open{transform:translate(0)}.drawer-header{padding:var(--space-4);border-bottom:1px solid var(--color-border);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.drawer-tabs{gap:4px;display:flex}.drawer-tab{color:#fff;padding:var(--space-2) var(--space-3);border-radius:var(--radius-button);font-size:var(--text-body);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast);font-weight:var(--weight-medium)}.drawer-tab.active{color:#fff}.drawer-close-btn{color:#fff;font-size:var(--text-heading);cursor:pointer;border-radius:var(--radius-button);padding:4px 8px;line-height:1}.drawer-body{flex:1;padding:16px;overflow-y:auto}@media (width<=767px){.drawer-panel{width:100%;max-width:100%}}.view-toggle{background:#ffffff0a;border:1px solid #ffffff14;border-radius:6px;gap:2px;padding:2px;display:inline-flex}.view-toggle button{color:var(--color-text-dim);font-size:var(--text-body);cursor:pointer;text-align:center;border-radius:6px;min-width:28px;padding:3px 8px;line-height:1;box-shadow:none!important;background:0 0!important;border:none!important}.view-toggle button:hover{color:var(--color-text-primary);background:#ffffff0f!important}.view-toggle button.active{color:#fff;background:linear-gradient(135deg, var(--color-accent), var(--color-accent-hover))!important;box-shadow:0 2px 8px #6366f14d!important}.list-view{flex-direction:column;display:flex;overflow-x:auto}.list-header{border-bottom:1px solid var(--color-border);font-size:var(--text-label);color:var(--color-text-dim);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:var(--tracking-uppercase);-webkit-user-select:none;user-select:none;align-items:center;min-width:0;padding:8px 12px;display:grid}.list-header-cell{text-overflow:ellipsis;white-space:nowrap;position:relative;overflow:hidden}.col-resize-handle{cursor:col-resize;z-index:2;background:var(--color-border);border-radius:1px;width:5px;transition:background .15s;position:absolute;top:2px;bottom:2px;right:0}.col-resize-handle:hover,.col-resize-handle.active{background:var(--color-accent)}body.col-resizing{cursor:col-resize!important;-webkit-user-select:none!important;user-select:none!important}body.col-resizing *{cursor:col-resize!important}.list-row{border-bottom:1px solid var(--color-border);cursor:default;align-items:center;min-width:0;padding:10px 12px;transition:background .1s;display:grid;position:relative}.list-row>span,.list-row>div{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.list-row:hover{background:#ffffff05}.list-row.folder-row{border-left:3px dashed var(--color-accent);cursor:pointer;background:var(--color-bg-nav)}.list-row.folder-row:hover{background:var(--color-bg-card-hover);border-left-color:var(--color-accent-hover)}.list-thumb{object-fit:cover;background:var(--color-bg-body);border-radius:4px;flex-shrink:0;width:48px;height:28px;display:block}.list-thumb-placeholder{background:var(--color-bg-body);width:48px;height:28px;font-size:var(--text-caption);opacity:.4;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.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 130px;gap:8px}.list-row .list-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.list-row .list-meta{font-size:var(--text-body);color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.list-row .list-actions{justify-content:flex-end;align-items:center;gap:4px;display:flex;overflow:visible}@media (width<=600px){.list-col-created,.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{z-index:20;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:8px;min-width:200px;margin-top:4px;padding:8px;position:absolute;top:100%;right:0;box-shadow:0 4px 16px #0000004d}.bulk-drop-overlay{background:var(--color-accent-glow);border:3px dashed var(--color-accent);z-index:999;pointer-events:none;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.bulk-drop-content{text-align:center;color:var(--color-text-secondary);border:1px solid var(--color-accent);border-radius:var(--radius-modal);pointer-events:none;background:#131a27f2;padding:40px 60px}.card.version-drop-active,.list-row.version-drop-active,.drop-target-active .card,.drop-target-active .list-row{outline:2px dashed var(--color-accent);outline-offset:-2px;background:var(--color-accent-glow)!important}.bulk-upload-panel{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-button);z-index:800;flex-direction:column;width:340px;max-height:260px;display:flex;position:fixed;bottom:16px;right:16px;overflow:hidden;box-shadow:0 8px 32px #00000080}.bulk-upload-header{border-bottom:1px solid var(--color-border);font-size:var(--text-label);font-weight:var(--weight-semibold);color:var(--color-text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;flex-shrink:0;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.bulk-upload-header:hover{background:var(--color-bg-hover)}.bulk-upload-progress-bar{background:var(--color-border);flex-shrink:0;height:3px}.bulk-upload-progress-fill{background:var(--color-accent);height:100%;transition:width .3s}.bulk-upload-list{flex:1;padding:4px 0;overflow-y:auto}.bulk-upload-item{font-size:var(--text-label);align-items:center;gap:6px;padding:4px 12px;display:flex}.bulk-upload-item-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.bulk-upload-item-status{flex-shrink:0;align-items:center;gap:6px;min-width:70px;display:flex}.bulk-upload-item-actions{flex-shrink:0;gap:4px;display:flex}@media (width<=600px){.bulk-upload-panel{width:auto;bottom:8px;left:8px;right:8px}}#root{flex-direction:column;height:100dvh;display:flex;overflow:hidden}.app-layout{flex:1;height:100dvh;min-height:0;display:flex;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{color:#fff;cursor:pointer;border-radius:var(--radius-button);justify-content:center;align-items:center;padding:4px;transition:color .15s,background .15s,border-color .15s,box-shadow .15s;display:flex}.nav-panel{background:var(--color-bg-surface);border-right:1px solid var(--color-border);width:260px;transition:width var(--transition-base);flex-shrink:0;position:relative;overflow:hidden auto}.nav-panel.resizing{transition:none}.nav-panel.collapsed{border-right:none;width:0!important}.nav-resize-handle{cursor:col-resize;z-index:20;background:0 0;width:4px;height:100%;transition:background .15s;position:absolute;top:0;right:-2px}.nav-resize-handle:before{content:"";position:absolute;inset:0 -4px}.nav-resize-handle:hover,.nav-resize-handle:active{background:var(--color-accent)}.nav-edge-toggle{z-index:100;background:var(--color-bg-card);border:1px solid var(--color-border);width:20px;height:44px;color:var(--color-text-secondary);cursor:pointer;border-radius:0 6px 6px 0;justify-content:center;align-items:center;padding:0;transition:color .15s,background .15s,border-color .15s;display:flex;position:fixed;top:50%;transform:translateY(-50%);box-shadow:2px 0 8px #00000026}.nav-edge-toggle:hover{color:var(--color-text-primary);background:var(--color-bg-card-hover);border-color:var(--color-border-hover)}.nav-edge-toggle--collapsed{left:0}.nav-panel-header{padding:var(--space-2);border-bottom:1px solid var(--color-border);position:relative}.ws-selector-btn{border-radius:var(--radius-button);width:100%;color:var(--color-text);cursor:pointer;font-size:var(--text-body);font-weight:var(--weight-semibold);text-align:left;box-shadow:none;background:0 0;border:1px solid #0000;align-items:center;gap:6px;padding:6px 8px;display:flex}.ws-selector-btn:hover{border-color:var(--color-border);background:#ffffff14;transform:none}.ws-selector-name{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.ws-selector-chevron{color:var(--color-text-muted);flex-shrink:0;transition:transform .15s;transform:rotate(90deg)}.ws-selector-chevron.open{transform:rotate(270deg)}.ws-dropdown{z-index:100;background:var(--color-bg-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--color-border);border-radius:var(--radius-card);box-shadow:var(--shadow-elevated);max-height:240px;padding:4px;position:absolute;top:100%;left:8px;right:8px;overflow-y:auto}.ws-dropdown-item{width:100%;color:var(--color-text);font-size:var(--text-body);text-align:left;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;box-shadow:none;background:0 0;border:none;border-radius:6px;padding:8px 10px;display:block;overflow:hidden}.ws-dropdown-item:hover{background:#ffffff0f;transform:none}.ws-dropdown-item.active{background:var(--color-accent);color:#fff}.nav-panel-tree{padding:6px 0}.nav-node{cursor:pointer;font-size:var(--text-body);color:var(--color-text-muted);white-space:nowrap;border-radius:4px;align-items:center;gap:4px;margin:1px 4px;padding:5px 8px;transition:background .1s;display:flex;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{text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.nav-chevron{width:16px;font-size:var(--text-micro);color:var(--color-text-dim);cursor:pointer;-webkit-user-select:none;user-select:none;flex-shrink:0;justify-content:center;align-items:center;transition:transform .15s;display:inline-flex}.nav-chevron.expanded{transform:rotate(90deg)}.nav-color-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.nav-node-meta{font-size:var(--text-micro);color:var(--color-text-dimmer);flex-shrink:0;margin-left:auto;padding-left:4px}.nav-loading{font-size:var(--text-label);color:var(--color-text-dimmer);padding:4px 12px}.nav-empty{font-size:var(--text-label);color:var(--color-text-dimmer);padding:8px 12px}.nav-context-menu{background:var(--color-bg-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--color-border-hover);z-index:1000;border-radius:6px;min-width:160px;padding:4px 0;position:fixed;box-shadow:0 4px 16px #0006}.nav-context-item{width:100%;color:var(--color-text-secondary);font-size:var(--text-label);text-align:left;cursor:pointer;box-shadow:none;background:0 0;border:none;border-radius:0;padding:7px 12px;transition:background .1s;display:block}.nav-context-item:hover{background:var(--color-bg-input);color:var(--color-text-primary);transform:none}.nav-overlay{z-index:898;background:#00000080;position:fixed;inset:0}.nav-panel.mobile{z-index:899;width:280px;position:fixed;top:53px;bottom:0;left:0}.nav-panel.mobile.collapsed{width:0}@media (width<=768px){.nav-panel:not(.mobile){display:none}}.search-overlay{z-index:1100;background:#0009;justify-content:center;align-items:flex-start;padding-top:min(20vh,140px);display:flex;position:fixed;inset:0}.search-modal{background:var(--color-bg-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-modal);width:580px;max-width:92vw;max-height:480px;box-shadow:0 0 0 1px var(--color-border), var(--shadow-elevated);border:none;flex-direction:column;display:flex;overflow:hidden}.search-input-row{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);display:flex}.search-input-icon{color:var(--color-text-dim);flex-shrink:0}.search-input{color:var(--color-text-primary);font-size:var(--text-title);background:0 0;border:none;outline:none;flex:1;padding:0}.search-input::placeholder{color:var(--color-text-dimmer)}.search-kbd{font-size:var(--text-micro);background:var(--color-bg-hover);border:1px solid var(--color-border-hover);color:var(--color-text-dim);border-radius:4px;flex-shrink:0;padding:2px 6px;font-family:inherit}.search-results{flex:1;min-height:0;padding:6px 0;overflow-y:auto}.search-empty{text-align:center;color:var(--color-text-dim);font-size:var(--text-body);padding:24px 16px}.search-group{padding:4px 0}.search-group-label{font-size:var(--text-micro);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:var(--tracking-uppercase);color:var(--color-text-dimmer);padding:6px 16px 4px}.search-result-item{align-items:center;gap:var(--space-3);width:100%;padding:var(--space-2) var(--space-4);color:var(--color-text-primary);font-size:var(--text-body);cursor:pointer;text-align:left;box-shadow:none;background:0 0;border:none;border-radius:0;transition:background .1s;display:flex}.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;font-size:var(--text-micro);font-weight:var(--weight-bold);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.search-type-project{color:#818cf8;background:#6366f126}.search-type-folder{color:#34d399;background:#34d3991f}.search-type-asset{color:#c084fc;background:#a855f71f}.search-result-thumb{object-fit:cover;border-radius:4px;flex-shrink:0;width:24px;height:24px}.search-result-info{flex-direction:column;min-width:0;display:flex}.search-result-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.search-result-path{font-size:var(--text-caption);color:var(--color-text-dim);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.search-trigger-btn{gap:6px}.search-shortcut-hint{font-size:var(--text-micro);background:var(--color-bg-hover);border:1px solid var(--color-border-hover);color:var(--color-text-dim);border-radius:3px;padding:1px 5px}@media (width<=768px){.search-shortcut-hint,.hide-mobile{display:none}}.card-checkbox{z-index:5;cursor:pointer;opacity:0;width:18px;height:18px;accent-color:var(--color-accent);transition:opacity .15s;position:absolute;top:8px;left:8px}.card-checkbox:before{content:"";position:absolute;inset:-8px}.card:hover .card-checkbox,.card.selected .card-checkbox{opacity:1}.list-checkbox-cell{cursor:pointer;justify-content:center;align-items:center;width:100%;height:100%;min-height:32px;display:flex}.list-checkbox-cell input[type=checkbox]{cursor:pointer;accent-color:var(--color-accent)}.card.selected{outline:2px solid var(--color-accent);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 130px;gap:8px}@media (width<=600px){.list-col-duration,.list-col-size,.list-col-uploaded,.list-col-uploader{display:none}}.selection-bar{z-index:200;background:var(--color-bg-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:10px 24px;animation:.2s ease-out slideUpBar;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 20px #0006}@keyframes slideUpBar{0%{transform:translateY(100%)}to{transform:translateY(0)}}.selection-bar-stats{font-size:var(--text-body);color:var(--color-text-primary);align-items:center;gap:8px;display:flex}.selection-bar-count{font-weight:var(--weight-semibold)}.selection-bar-sep{color:var(--color-text-dim)}.selection-bar-actions{align-items:center;gap:8px;display:flex}.selection-bar-btn{border-radius:var(--radius-button);font-size:var(--text-body);border:1px solid var(--color-border);color:var(--color-text-primary);cursor:pointer;box-shadow:none;background:#ffffff0a;padding:6px 14px;transition:background .15s}.selection-bar-btn:hover:not(:disabled){background:#ffffff14;transform:none}.selection-bar-btn:disabled{opacity:.5;cursor:not-allowed}.selection-bar-trash{color:var(--color-approval-red);border-color:#f8717133}.selection-bar-trash:hover:not(:disabled){background:#f8717114}.selection-bar-clear{color:var(--color-text-dim);font-size:var(--text-title);box-shadow:none;background:0 0;border:none;padding:6px 8px}.selection-bar-clear:hover:not(:disabled){color:var(--color-text-primary)}.selection-bar-spacer{height:64px}.bulk-move-dialog{background:var(--color-bg-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--color-border);border-radius:12px;flex-direction:column;width:380px;max-height:400px;display:flex;box-shadow:0 12px 40px #00000080}.bulk-move-header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.bulk-move-header h3{font-size:var(--text-title);color:var(--color-text-primary);margin:0}.bulk-move-close{color:var(--color-text-dim);cursor:pointer;font-size:var(--text-heading);box-shadow:none;background:0 0;border:none;padding:4px}.bulk-move-close:hover{color:var(--color-text-primary);transform:none}.bulk-move-list{flex:1;padding:8px 0;overflow-y:auto}.bulk-move-item{width:100%;color:var(--color-text-primary);font-size:var(--text-body);cursor:pointer;text-align:left;box-shadow:none;background:0 0;border:none;border-radius:0;align-items:center;gap:10px;padding:8px 16px;transition:background .1s;display:flex}.bulk-move-item:hover,.bulk-move-item.hovered{background:var(--color-bg-hover);transform:none}.bulk-move-item:disabled{opacity:.5;cursor:not-allowed}.bulk-move-icon{font-size:var(--text-title);flex-shrink:0}.bulk-move-hint{font-size:var(--text-caption);color:var(--color-text-dim);margin-left:auto}.bulk-move-empty{text-align:center;color:var(--color-text-dim);font-size:var(--text-body);padding:24px 16px}.drag-overlay-badge{background:var(--color-accent);color:#fff;font-size:var(--text-micro);font-weight:var(--weight-bold);border-radius:10px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 5px;display:flex;position:absolute;top:-6px;right:-6px}.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;font-size:var(--text-body);text-decoration:none}.settings-back:hover{color:var(--color-text-primary)}.settings-header h1{font-size:var(--text-display);font-weight:var(--weight-semibold);color:var(--color-text-primary);margin:8px 0 0}.settings-section{margin-bottom:32px}.settings-section h2{font-size:var(--text-title);font-weight:var(--weight-semibold);color:var(--color-text-primary);margin:0 0 12px}.settings-section--disabled{opacity:.4;pointer-events:none}.settings-hint{color:#888;font-size:var(--text-label);margin:8px 0 0;line-height:1.4}.settings-toggle{cursor:pointer;align-items:center;gap:12px;padding:6px 0;display:flex}.settings-toggle--disabled{opacity:.5;cursor:default}.toggle-track{background:var(--color-border);cursor:pointer;border-radius:11px;flex-shrink:0;width:40px;height:22px;transition:background .2s;position:relative}.toggle-track--on{background:var(--color-accent)}.toggle-thumb{background:var(--color-text-primary);border-radius:50%;width:18px;height:18px;transition:transform .2s;position:absolute;top:2px;left:2px}.toggle-track--on .toggle-thumb{transform:translate(18px)}.toggle-label{color:var(--color-text-primary);font-size:var(--text-body)}.settings-project-list{border:1px solid var(--color-border);border-radius:var(--radius-input);margin-top:12px;overflow:hidden}.settings-project-item{border-bottom:1px solid var(--color-border)}.settings-project-item:last-child{border-bottom:none}.settings-project-header{color:#fff;width:100%;font-size:var(--text-body);cursor:pointer;text-align:left;border-radius:var(--radius-button);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.settings-project-header:disabled{cursor:default}.settings-project-name{font-weight:var(--weight-medium)}.settings-chevron{color:#888;font-size:var(--text-caption);transition:transform .2s}.settings-chevron--open{transform:rotate(90deg)}.settings-project-prefs{flex-direction:column;gap:4px;padding:8px 16px 16px 32px;display:flex}.settings-workspace-group{margin-bottom:24px}.settings-workspace-group:last-child{margin-bottom:0}.settings-workspace-name{font-size:var(--text-label);font-weight:var(--weight-semibold);color:#888;text-transform:uppercase;letter-spacing:var(--tracking-uppercase);margin:0 0 8px}.transcript-panel{border-top:1px solid var(--color-border);margin-top:0}.transcript-content{word-break:break-word;padding:12px 16px;overflow-x:hidden}.transcript-export-bar{align-items:center;gap:6px;margin-bottom:8px;display:flex}.transcript-export-bar .btn-xs{font-size:var(--text-micro);border-radius:4px;padding:2px 8px}.export-dropdown{display:inline-block;position:relative}.export-dropdown-menu{z-index:20;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-input);min-width:90px;box-shadow:var(--shadow-card);padding:4px 0;position:absolute;top:calc(100% + 4px);left:0}.export-dropdown-menu button{text-align:left;width:100%;font-size:var(--text-caption);color:var(--color-text-primary);cursor:pointer;box-shadow:none;background:0 0;border:none;border-radius:0;padding:6px 12px;display:block}.export-dropdown-menu button:hover{background:var(--color-bg-hover);box-shadow:none}.export-dropdown-menu--right{left:auto;right:0}.export-dropdown-divider{background:var(--color-border);height:1px;margin:4px 0}.export-dropdown-checkbox{font-size:var(--text-caption);color:var(--color-text-secondary);cursor:pointer;white-space:nowrap;align-items:center;gap:8px;padding:6px 12px;display:flex}.export-dropdown-checkbox:hover{background:var(--color-bg-hover)}.export-dropdown-checkbox input[type=checkbox]{accent-color:var(--color-accent);width:14px;height:14px;margin:0}.transcript-typo-wrap{position:relative}.transcript-typo-popover{z-index:120;background:var(--color-bg-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--color-border-divider);width:260px;box-shadow:var(--shadow-elevated);border-radius:12px;flex-direction:column;gap:12px;padding:12px;display:flex;position:absolute;top:calc(100% + 6px);right:0}.typo-section{flex-direction:column;gap:6px;display:flex}.typo-section-label{font-size:var(--text-micro);font-weight:var(--weight-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:var(--tracking-uppercase)}.typo-font-grid{grid-template-columns:repeat(3,1fr);gap:4px;display:grid}.typo-font-btn{border-radius:var(--radius-button);color:var(--color-text-secondary);cursor:pointer;box-shadow:none;background:#ffffff08;border:1px solid #0000;flex-direction:column;align-items:center;gap:2px;padding:8px 4px 6px;transition:all .15s;display:flex}.typo-font-btn:hover{border-color:var(--color-border);background:#ffffff0f}.typo-font-btn.active{border-color:var(--color-accent);color:var(--color-accent-text);background:#c0c1ff1a}.typo-font-preview{font-size:18px;line-height:1.2}.typo-font-name{font-size:9px;font-family:var(--font-sans);letter-spacing:.02em;opacity:.7;white-space:nowrap;text-overflow:ellipsis;max-width:100%;overflow:hidden}.typo-stepper{border:1px solid var(--color-border);background:#ffffff08;border-radius:8px;align-items:center;gap:0;display:flex;overflow:hidden}.typo-stepper-btn{color:#fff;cursor:pointer;border-radius:var(--radius-button);justify-content:center;align-items:center;width:32px;height:28px;padding:0;transition:background .15s,box-shadow .15s;display:flex}.typo-stepper-btn:disabled{opacity:.3;cursor:default}.typo-stepper-value{text-align:center;font-size:var(--text-caption);font-variant-numeric:tabular-nums;color:var(--color-text-primary);font-weight:var(--weight-medium);flex:1}.typo-reset-btn{font-size:var(--text-micro);color:#fff;cursor:pointer;text-align:center;border-radius:var(--radius-button);padding:4px 8px;transition:color .15s,background .15s,box-shadow .15s}.transcript-overflow-btn{justify-content:center;align-items:center;display:flex;padding:2px 4px!important}.transcript-cost{font-size:var(--text-micro);color:var(--color-text-muted);margin-left:auto}.transcript-scroll{max-height:200px;line-height:1.8;font-size:var(--text-label);padding:4px;overflow:hidden auto}.transcript-scroll::-webkit-scrollbar{width:6px}.transcript-scroll::-webkit-scrollbar-track{background:0 0}.transcript-scroll::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}.transcript-word{cursor:pointer;border-radius:2px;padding:1px 2px;transition:background .2s,opacity .2s,border-color .2s,box-shadow .2s;display:inline}.transcript-word:hover{background:#2b62ff26}.transcript-word--active{color:#fff;background:#2b62ff59}.transcript-word--editable{cursor:pointer}.transcript-word--search-match{background:#fbbf2440;border-radius:2px}.transcript-word--search-current{color:#000;background:#fbbf2499;border-radius:2px}.transcript-word--split-after{background:#8083ff1f;border-radius:3px;padding:1px 2px;box-shadow:inset 0 0 0 1px #8083ff33}.transcript-word--split-before{border-right:2px solid var(--color-accent);margin-right:6px;padding-right:6px;box-shadow:2px 0 8px #8083ff4d}.transcript-word--split-stays{opacity:.45;filter:saturate(.6)}.transcript-context-menu-split{color:var(--color-accent-text)!important;font-weight:600!important}.transcript-context-menu-split:hover{background:#8083ff26!important}.split-menu-header{font-size:var(--text-caption);color:var(--color-text-muted);border-bottom:1px solid var(--color-border);margin-bottom:4px;padding:6px 10px}.split-menu-header strong{color:var(--color-accent-text)}.transcript-toolbar-btn{border-radius:var(--radius-button);cursor:pointer;justify-content:center;align-items:center;width:28px;height:28px;transition:background .15s,color .15s,opacity .15s,border-color .15s;display:inline-flex;color:var(--color-accent-text)!important;box-shadow:none!important;background:#8083ff1a!important;border:1px solid #8083ff4d!important;padding:0!important}.transcript-toolbar-btn:hover:not(:disabled){color:#fff!important;background:#8083ff33!important;border-color:#8083ff80!important}.transcript-toolbar-btn:disabled{opacity:.25;cursor:default;color:var(--color-text-dim)!important;background:0 0!important;border-color:#0000!important}.transcript-search-bar{margin-bottom:8px}.transcript-search-toggle{align-items:center;gap:4px;display:inline-flex}.transcript-search-input-wrap{background:var(--color-bg-input);border:1px solid var(--color-border);border-radius:var(--radius-input);min-width:0;transition:border-color var(--transition-fast), box-shadow var(--transition-fast);flex:1;align-items:center;gap:4px;padding:4px 8px;display:flex}.transcript-search-input-wrap:focus-within{border-color:var(--color-accent);box-shadow:0 0 0 2px var(--color-accent-subtle)}.transcript-search-icon{color:var(--color-text-dim);flex-shrink:0}.transcript-search-input{min-width:0;color:var(--color-text-primary);font-size:var(--text-label);background:0 0;border:none;outline:none;flex:1;font-family:inherit}.transcript-search-input::placeholder{color:var(--color-text-dimmer)}.transcript-search-count{font-size:var(--text-micro);color:var(--color-text-dim);white-space:nowrap;flex-shrink:0}.transcript-search-nav-btn{color:#fff;cursor:pointer;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;padding:2px;display:flex}.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{font-size:inherit;font-family:inherit;line-height:inherit;border:1.5px solid var(--color-accent);background:var(--color-bg-sunken);color:var(--color-text-primary);border-radius:3px;outline:none;min-width:30px;max-width:200px;padding:1px 4px;display:inline-block}.transcript-word-input:focus{box-shadow:0 0 0 2px var(--color-accent-subtle)}.transcript-word-input--insert{border-color:var(--color-approval-green);margin:0 2px}.transcript-context-menu{background:var(--color-bg-surface);border:1px solid var(--color-bg-hover);border-radius:6px;min-width:160px;padding:4px 0;box-shadow:0 4px 12px #0006}.transcript-context-menu button{width:100%;color:var(--color-text-primary);font-size:var(--text-label);text-align:left;cursor:pointer;box-shadow:none;background:0 0;border:none;border-radius:0;padding:6px 12px;display:block}.transcript-context-menu button:hover{background:#2b62ff33}.transcript-context-menu-divider{background:var(--color-bg-hover);height:1px;margin:4px 0}.transcript-context-menu-danger{color:var(--color-danger)!important}.transcript-context-menu-danger:hover{background:#ef444426!important}.transcript-speaker-break{height:8px;display:block}.transcript-speaker-label{font-size:var(--text-micro);font-weight:var(--weight-semibold);color:#fff;vertical-align:baseline;border-radius:3px;margin-right:4px;padding:1px 6px;transition:background-color .3s,opacity .2s;display:inline-block}.transcript-speaker-label.editable{cursor:pointer}.transcript-speaker-label.editable:hover{filter:brightness(1.2)}.transcript-speaker-edit{margin-right:4px;display:inline-block}.transcript-speaker-input{font-size:var(--text-micro);border:1.5px solid var(--color-accent);background:var(--color-bg-sunken);color:var(--color-text-primary);border-radius:3px;outline:none;width:120px;padding:1px 4px}.transcript-speaker-input:focus{box-shadow:0 0 0 2px var(--color-accent-subtle)}.speaker-label-editable{cursor:pointer}.speaker-label-editable:hover{filter:brightness(1.15)}.speaker-merge-prompt{z-index:200;-webkit-backdrop-filter:blur(16px);min-width:240px;font-size:var(--text-label);color:var(--color-text-primary);background:#12141cf5;border:1px solid #ffffff24;border-radius:8px;padding:10px 12px;line-height:1.4;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 8px 24px #00000059}[data-theme=light] .speaker-merge-prompt{background:#fffffff5;border-color:#00000024;box-shadow:0 8px 24px #0000002e}.speaker-merge-prompt p{margin:0 0 8px}.speaker-merge-prompt-actions{justify-content:flex-end;gap:6px;display:flex}.transcript-paragraph{text-wrap:pretty;margin-bottom:12px}.transcript-paragraph:last-child{margin-bottom:0}.transcript-paragraph-speaker{font-weight:700;font-size:inherit;cursor:default;margin-bottom:2px;display:block}.transcript-paragraph-speaker.editable{cursor:pointer}.transcript-paragraph-speaker.editable:hover{text-underline-offset:2px;text-decoration:underline}.transcript-speaker-edit--inline{margin-bottom:2px;display:block}.transcript-toolbar-btn.active{background:#8083ff40!important;border-color:#8083ff80!important}.transport-timecode--clickable{cursor:pointer;border-radius:4px;margin:-2px -4px;padding:2px 4px;transition:background .15s}.transport-timecode--clickable:hover{background:var(--color-bg-hover)}.segment-context-menu{background:var(--color-bg-surface);-webkit-backdrop-filter:blur(16px);border:1px solid var(--color-border);min-width:180px;font-size:var(--text-label);border-radius:8px;padding:4px 0;box-shadow:0 8px 24px #00000059}.segment-context-menu-header{font-size:var(--text-micro);font-weight:var(--weight-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;padding:6px 12px 4px}.segment-context-menu button{width:100%;font-size:var(--text-label);cursor:pointer;text-align:left;border-radius:4px;align-items:center;gap:8px;padding:6px 12px;display:flex;color:var(--color-text-primary)!important;box-shadow:none!important;background:0 0!important;border:none!important}.segment-context-menu button:hover{background:var(--color-bg-hover)!important}.segment-context-menu-color{border-radius:50%;flex-shrink:0;width:8px;height:8px;display:inline-block}.segment-context-menu-new-input{padding:4px 8px 6px}.segment-context-menu-new-input .transcript-speaker-input{width:100%}.transcript-speaker-label.selected{outline-offset:1px;filter:brightness(1.3);outline:2px solid #fffc}.transcript-speaker-label:focus-visible,.transcript-speaker-label.selected:focus-visible{outline:2px solid var(--color-accent);outline-offset:1px}.transcript-paragraph-speaker.selected{background:#8083ff26;border-radius:3px;margin-left:-4px;padding:0 4px}.transcript-word--block-selected{background:#8083ff14;border-radius:2px}.transcript-selection-bar{z-index:100;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-pill);align-items:center;gap:4px;padding:4px 6px;display:flex;box-shadow:0 2px 12px #0000004d}.transcript-selection-action{background:var(--color-accent);color:#fff;border-radius:var(--radius-pill);font-size:var(--text-caption);cursor:pointer;border:none;padding:4px 8px;line-height:1;transition:background .12s}.transcript-selection-action:hover{background:var(--color-accent-hover)}.transcript-selection-color{cursor:pointer;background:0 0;border:2px solid #ffffff4d;border-radius:50%;width:20px;height:20px;padding:0;transition:border-color .12s,transform .12s}.transcript-selection-color:hover{border-color:#fff;transform:scale(1.2)}.transcript-selection-color,.transcript-selection-color:hover,.transcript-selection-color:focus{background-image:none!important}.transcript-selection-dismiss{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;margin-left:2px;padding:0 2px;font-size:16px;line-height:1}.transcript-selection-dismiss:hover{color:var(--color-text-primary)}.block-select-action-bar{z-index:50;background:var(--color-bg-surface);border-top:1px solid var(--color-border);font-size:var(--text-label);color:var(--color-text-primary);align-items:center;gap:10px;padding:8px 12px;display:flex;position:sticky;bottom:0;left:0;right:0;box-shadow:0 -4px 16px #00000026}.block-select-action-bar-count{white-space:nowrap;opacity:.8;font-weight:600}.block-select-action-bar-hint{font-weight:400;font-size:var(--text-caption);opacity:.6;display:block}.block-select-action-bar-speakers{flex-wrap:wrap;flex:1;gap:4px;min-width:0;display:flex}.block-select-action-bar-btn{font-size:var(--text-caption);border-radius:var(--radius-pill);background:var(--color-bg-card);border:1px solid var(--color-border);color:var(--color-text-primary);cursor:pointer;white-space:nowrap;transition:background var(--transition-fast), border-color var(--transition-fast);align-items:center;gap:5px;padding:3px 10px;display:inline-flex}.block-select-action-bar-btn:hover{background:var(--color-bg-card-hover);border-color:var(--color-border-hover)}.block-select-action-bar-clear{font-size:var(--text-caption);border-radius:var(--radius-pill);border:1px solid var(--color-border);color:var(--color-text-muted);cursor:pointer;white-space:nowrap;background:0 0;padding:3px 10px}.block-select-action-bar-clear:hover{color:var(--color-text-primary);border-color:var(--color-border-hover)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.transcript-badge{font-size:var(--text-micro);font-weight:var(--weight-semibold);border-radius:8px;padding:1px 6px}.transcript-badge--ready{color:var(--color-approval-green);background:#34d3991f}.transcript-badge--progress{color:var(--color-approval-yellow);background:#fbbf241a}.transcript-badge--error{color:var(--color-approval-red);background:#f871711a}.transcript-loading,.transcript-empty,.transcript-error{text-align:center;color:var(--color-text-muted);font-size:var(--text-label);padding:16px 0}.transcript-error{color:var(--color-approval-red)}.transcript-progress{padding:12px 0}.transcript-progress .progress-bar{background:var(--color-border);border-radius:3px;height:6px;overflow:hidden}.transcript-progress .progress-fill{background:var(--color-accent);border-radius:3px;height:100%;transition:width .5s}.status-stack{flex-direction:column;gap:2px;display:flex}.status-line{align-items:center;gap:4px;height:14px;transition:opacity .3s,background-color .3s,box-shadow .3s;display:flex}.status-line--active{opacity:1;animation:2s ease-in-out infinite status-pulse}.status-line--waiting{opacity:.8}.status-line--error{opacity:1;box-shadow:0 0 0 1px var(--color-approval-red), 0 2px 8px #ffb4ab26;border-radius:4px;padding:0 4px}.status-label{font-size:var(--text-micro);color:var(--color-text-secondary);white-space:nowrap;line-height:1}.status-line--error .status-label{color:var(--color-approval-red)}.status-progress{font-size:var(--text-micro);color:var(--color-text-muted);font-variant-numeric:tabular-nums;white-space:nowrap;line-height:1}.status-stack--compact .status-line{height:14px}.status-stack--inline{flex-direction:row;align-items:center;gap:6px}.status-stack--inline .status-line--active,.status-stack--inline .status-line--error{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-pill);padding:2px 8px}.status-stack--inline .status-line--error{border-color:var(--color-approval-red)}@keyframes status-pulse{0%,to{opacity:.7}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.status-line--active{opacity:1;animation:none}}.transcription-mode-group{gap:8px;margin:8px 0;display:flex}.transcription-mode-btn{border-radius:var(--radius-input);border:1px solid var(--color-border);background:var(--color-bg-input);color:var(--color-text-primary);box-shadow:none;font-size:var(--text-label);cursor:pointer;text-align:center;flex:1;padding:10px 12px;transition:border-color .15s,background .15s,box-shadow .15s,color .15s}.transcription-mode-btn:hover:not(:disabled):not(.transcription-mode-btn--active){border-color:var(--color-border-hover);background:var(--color-bg-hover)}.transcription-mode-btn--active{border-color:var(--color-accent);background:var(--color-accent-ring);box-shadow:0 0 0 1px var(--color-accent)}.transcription-mode-btn .muted{color:var(--color-text-secondary)}.transcription-mode-btn small{color:var(--color-text-secondary);font-size:var(--text-micro);margin-top:4px;display:block}.transcription-confirm-input{border:1px solid var(--color-approval-yellow);font-size:var(--text-caption);color:var(--color-approval-yellow);background:#fbbf240f;border-radius:6px;align-items:center;gap:8px;margin-top:8px;padding:8px 12px;display:flex}.transcription-confirm-input input{background:var(--color-bg-body);border:1px solid var(--color-border);color:var(--color-text-primary);font-size:var(--text-caption);border-radius:4px;width:80px;padding:4px 8px}.collapsible-section{margin-top:8px}.collapsible-header{border-radius:var(--radius-input);color:#fff;width:100%;font-size:var(--text-body);font-weight:var(--weight-semibold);cursor:pointer;align-items:center;gap:8px;padding:10px 14px;display:flex}.collapsible-title{text-align:left;flex:1}.collapsible-badge{flex-shrink:0}.collapsible-chevron{color:var(--color-text-dim);flex-shrink:0;transition:transform .2s}.collapsible-chevron--open{transform:rotate(180deg)}.collapsible-content{margin-top:8px}.review-container-wide{max-width:none;padding:4px 16px}.review-layout--three-col{flex:1;align-items:stretch;gap:4px;min-height:0;display:flex}.review-transcript-panel{box-shadow:none;will-change:width;background:0 0;border:none;border-right:1px solid #ffffff0a;border-radius:0;flex-direction:column;padding:10px 12px;transition:width .2s ease-out,flex .2s ease-out,opacity .2s ease-out;display:flex;overflow:hidden}.review-transcript-panel .transcript-panel,.review-transcript-panel .transcript-content{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.review-layout--three-col .review-video-panel{flex:1;min-width:0;transition:flex .2s ease-out}.review-layout--three-col .review-comments-panel,.review-layout--three-col .review-transcript-panel{will-change:width;flex:none;min-width:200px;min-height:0;max-height:100%;transition:width .2s ease-out,flex .2s ease-out,opacity .2s ease-out}.review-layout.resizing .review-transcript-panel,.review-layout.resizing .review-comments-panel,.review-layout.resizing .review-video-panel{will-change:auto!important;transition:none!important}.review-transcript-panel .transcript-scroll{flex:1;min-height:0;max-height:none;overflow:hidden auto}.transcript-panel--side{background:0 0;border: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{border-bottom:1px solid var(--color-border);font-size:var(--text-body);color:var(--color-text-primary);margin-bottom:10px;padding:0 0 10px}.toolbar-promoted{display:contents}.toolbar-more-wrap{flex-shrink:0;position:relative}.toolbar-more-btn{line-height:1;min-width:0!important;padding:6px 8px!important}.toolbar-more-menu{z-index:40;background:var(--color-bg-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--color-border);border-radius:var(--radius-button);flex-direction:column;gap:2px;min-width:180px;margin-top:4px;padding:4px;display:flex;position:absolute;top:100%;right:0;box-shadow:0 8px 24px #0006}.toolbar-more-menu button{width:100%;font-size:var(--text-body);color:var(--color-text-primary);cursor:pointer;text-align:left;white-space:nowrap;box-shadow:none;background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;padding:8px 12px;display:flex}.toolbar-more-menu button:hover{background:var(--color-bg-hover);transform:none}.toolbar-more-menu button.active{color:var(--color-accent)}.toolbar-more-menu button.toolbar-more-danger{color:var(--color-approval-red)}.toolbar-more-menu button.toolbar-more-danger:hover{background:#f871711a}.source-info-popover{z-index:40;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-button);min-width:260px;max-width:360px;max-height:60vh;margin-top:4px;padding:12px 14px;position:absolute;top:100%;right:0;overflow-y:auto;box-shadow:0 8px 24px #0006}.source-info-popover h4{font-size:var(--text-body);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:var(--tracking-uppercase)}.source-info-popover .source-meta-grid{font-size:var(--text-label);grid-template-columns:auto 1fr;gap:4px 12px;display:grid}.toolbar-separator{background:#ffffff26;flex-shrink:0;align-self:center;width:1px;height:24px;margin:0 6px}.panel-toggle-btn{min-width:0;color:var(--color-text-muted);border-radius:var(--radius-button);cursor:pointer;background:0 0;border:1px solid #0000;flex-shrink:0;align-items:center;gap:0;padding:6px 10px;font-size:0;line-height:1;transition:all .15s;display:inline-flex}.panel-toggle-btn:hover{color:var(--color-text-primary);background:var(--color-accent-subtle)}.panel-toggle-btn.active{color:var(--color-accent-text);background:#8083ff40;border-color:#8083ff80;box-shadow:0 0 6px #8083ff59}button.secondary.active,.secondary.active{color:#fff;background:#8083ff40;border-color:#8083ff80;box-shadow:0 0 6px #8083ff59}.resize-handle{cursor:col-resize;width:8px;color:var(--color-text-dim);-webkit-user-select:none;user-select:none;z-index:5;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex;position:relative}.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:var(--text-body);gap:4px}.review-layout--three-col .review-toolbar-actions button{font-size:var(--text-label);padding:5px 8px}@media (width<=1400px){.review-container-wide{max-width:1100px;padding:16px}}@media (width<=1023px){.topbar .container{padding:8px var(--content-padding)}.topbar-brand-text{font-size:var(--text-body)}.topbar-links{gap:6px}.topbar-links .muted{font-size:var(--text-label)}}@media (width<=767px){.topbar .container{padding:6px var(--content-padding)}.topbar-brand-text{font-size:var(--text-label)}.topbar-links .topbar-link-text{display:none}.topbar-links .topbar-link-icon,.topbar-overflow-menu{display:inline-flex}.topbar .secondary{font-size:var(--text-caption);padding:4px 10px}}@media (width>=1024px) and (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 (width<=767px){.nav-panel.mobile{width:300px}.nav-node{font-size:var(--text-body);min-height:var(--touch-target-min);padding:10px 12px}}@media (width>=1024px) and (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:200px;max-width:380px}.resize-handle{display:none}}@media (width>=768px) and (width<=1023px){.review-container-wide{max-width:100%;padding:var(--content-padding)}.review-layout,.review-layout--three-col{flex-direction:row}.review-video-panel{flex:2;min-width:0}.review-comments-panel{flex:1;min-width:200px;max-width:380px}.resize-handle{display:none}}@media (width<=767px){.app-main:has(>.review-container-wide){-webkit-overflow-scrolling:touch;overflow:auto}.review-page-root{height:auto;display:block;overflow:visible}.review-container-wide{max-width:100%;padding:0}.review-layout,.review-layout--three-col{flex-direction:column;gap:0}.review-video-panel{z-index:10;flex:none;position:sticky;top:0;overflow:hidden}.review-video-panel .video-flex-wrapper video{max-height:50dvh;height:auto!important}.review-comments-panel{min-height:50dvh;padding-bottom:env(safe-area-inset-bottom,20px);flex:none}.review-transcript-panel{flex:none;width:auto!important}.resize-handle{display:none}.review-toolbar{padding:6px var(--content-padding);flex-wrap:nowrap;gap:4px;overflow:visible}.review-toolbar>div:first-child{flex:100%;min-width:0}.review-toolbar>div:first-child>strong{font-size:var(--text-body)}.review-toolbar .muted,.review-toolbar-meta{display:none!important}.review-toolbar-actions{flex-wrap:nowrap;flex:100%;gap:4px}.review-toolbar-actions button{font-size:var(--text-caption);padding:5px 8px}.toolbar-promoted,.compare-label-row{display:none}.review-comments-panel .comment-card{padding:12px}.review-comments-panel select{appearance:menulist;background-image:none;padding-right:10px}}@media (pointer:coarse){.transport-timeline{min-height:var(--touch-target-min);cursor:pointer;padding:12px 0}.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 (width<=767px){.transport-bar{padding:0 var(--content-padding);gap:0;margin-top:4px}.transport-timeline{padding:8px 0 4px}.transport-controls{flex-wrap:nowrap;gap:8px;padding:4px 0 6px}.transport-volume-group,.transport-volume{display:none!important}.transport-timecode{font-size:var(--text-label)}.transport-icon-btn{padding:6px}}@media (width<=1199px){.compare-videos{flex-direction:column}.compare-videos>*{flex:none;width:100%}}@media (width>=768px) and (width<=1023px){.grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.container{padding:var(--content-padding)}}@media (width<=767px){.grid{gap:var(--grid-gap);grid-template-columns:1fr}.grid>*{min-width:0;max-width:100%}.container{padding:var(--content-padding);box-sizing:border-box;max-width:100vw;overflow-x:hidden}.drop-zone-text{display:none}.drop-zone-btn{width:100%}.admin-layout{flex-direction:column}.admin-sidebar{border-bottom:1px solid var(--color-border);border-right:none;flex-direction:row;gap:0;padding:0;overflow-x:auto}.admin-sidebar a,.admin-sidebar button{white-space:nowrap;font-size:var(--text-body);padding:10px 16px}.admin-content{padding:var(--content-padding)}.modal-overlay{align-items:flex-end;padding:0}.modal-content,.drawer-panel{width:100%;max-width:100%;max-height:90dvh;padding-bottom:env(safe-area-inset-bottom,0px);border-radius:16px 16px 0 0}.modal-actions{flex-direction:column;gap:8px}.modal-actions button{width:100%}}.hide-tablet{display:none}@media (width>=1024px){.hide-tablet{display:initial}}.show-mobile-only{display:none}@media (width<=767px){.show-mobile-only{display:initial}.hide-on-mobile{display:none}}.fab-comment{display:none}@media (width<=767px){.fab-comment{bottom:calc(16px + env(safe-area-inset-bottom,0px));background:var(--color-accent);color:#fff;z-index:100;cursor:pointer;width:56px;height:56px;font-size:var(--text-display);border:none;border-radius:50%;justify-content:center;align-items:center;line-height:1;display:flex;position:fixed;right:16px;box-shadow:0 4px 12px #0006}}.mobile-composer-sheet{background:var(--color-bg-card);border-top:1px solid var(--color-border);padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px));z-index:200;flex-direction:column;gap:8px;animation:.2s ease-out sheet-slide-up;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 20px #00000080}.mobile-composer-header{align-items:center;gap:8px;display:flex}.mobile-composer-sheet textarea{resize:none;min-height:60px;font-size:var(--text-title)}@keyframes sheet-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.compare-ab-toggle{display:none}@media (width<=1023px){.compare-ab-toggle{border:1px solid var(--color-border);margin:0 var(--content-padding) 4px;border-radius:8px;gap:0;display:flex;overflow:hidden}.compare-ab-toggle button{font-size:var(--text-body);font-weight:var(--weight-semibold);background:var(--color-bg-sunken);color:var(--color-text-muted);cursor:pointer;border:none;border-radius:0;flex:1;padding:8px 12px;transition:background .15s,color .15s}.compare-ab-toggle button.active{background:var(--color-accent);color:#fff}.compare-videos--ab-single>:first-child{display:block}.compare-videos--ab-single>:nth-child(2),.compare-videos--ab-single.show-b>:first-child{display:none}.compare-videos--ab-single.show-b>:nth-child(2){display:block}}.download-option:hover{background:var(--color-bg-hover)}.download-btn-prominent{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);background:var(--color-accent-gradient);border-radius:var(--radius-button);color:#1000a9;font-weight:var(--weight-bold);font-size:var(--text-body);cursor:pointer;box-shadow:var(--shadow-button-glow);transition:box-shadow var(--transition-fast);border:none;display:inline-flex}.download-btn-prominent:hover{box-shadow:var(--shadow-button-glow-hover)}.mention{color:var(--color-accent-text);font-weight:var(--weight-medium);cursor:default}.mention-textarea-wrapper{position:relative}.mention-dropdown{background:var(--color-bg-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-card);box-shadow:0 0 0 1px var(--color-border), var(--shadow-card);z-index:100;max-height:200px;margin-bottom:4px;position:absolute;bottom:100%;left:0;right:0;overflow-y:auto}.mention-dropdown-item{cursor:pointer;align-items:center;gap:8px;padding:8px 12px;transition:background .1s;display:flex}.mention-dropdown-item:hover,.mention-dropdown-item--active{background:#8083ff1f}.mention-dropdown-avatar{background:var(--color-accent);color:#fff;width:24px;height:24px;font-size:var(--text-micro);font-weight:var(--weight-semibold);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.mention-dropdown-name{font-weight:var(--weight-medium);color:var(--color-text-primary);font-size:var(--text-body)}.mention-dropdown-handle{color:var(--color-text-muted);font-size:var(--text-caption)}.mention-dropdown-email{color:var(--color-text-dim);font-size:var(--text-caption);margin-left:auto}.profile-section{margin-bottom:var(--space-6)}.profile-field{margin-bottom:var(--space-4)}.profile-field label{font-size:var(--text-label);color:var(--color-text-muted);margin-bottom:var(--space-1);display:block}.handle-input-wrapper{align-items:center;gap:4px;display:flex}.handle-prefix{color:var(--color-text-dim);font-size:var(--text-body)}.toast-container{bottom:calc(20px + var(--selection-bar-offset,0px));z-index:9999;flex-direction:column;gap:10px;max-width:300px;transition:bottom .2s ease-out;display:flex;position:fixed;right:20px}.upload-status-bar{bottom:calc(16px + var(--selection-bar-offset,0px));z-index:9000;font-size:var(--text-label);transition:bottom .2s ease-out;position:fixed;right:16px}.upload-status-pill{background:var(--color-bg-surface);border:1px solid var(--color-border);cursor:pointer;color:var(--color-text-primary);font-size:var(--text-label);font-weight:var(--weight-medium);border-radius:20px;align-items:center;gap:6px;padding:8px 14px;transition:background .15s;display:flex;box-shadow:0 4px 16px #00000040}.upload-status-pill:hover{background:var(--color-bg-hover)}.upload-status-pill-speed{color:var(--color-text-dim);font-size:var(--text-micro)}.upload-status-spinning{animation:1s linear infinite spin}.upload-status-panel{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:12px;flex-direction:column;width:380px;max-height:400px;display:flex;position:absolute;bottom:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 8px 32px #00000059}.upload-status-panel-header{border-bottom:1px solid var(--color-border);font-size:var(--text-micro);color:var(--color-text-muted);justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.upload-status-panel-actions{align-items:center;gap:6px;display:flex}.upload-status-action{color:var(--color-text-dim);cursor:pointer;font-size:var(--text-micro);background:0 0;border:none;border-radius:4px;padding:2px 6px}.upload-status-action:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.upload-status-action--danger{color:var(--color-danger,#ef4444)}.upload-status-list{max-height:340px;padding:4px 0;overflow-y:auto}.upload-status-item{align-items:center;gap:8px;padding:8px 14px;display:flex}.upload-status-item:hover{background:var(--color-bg-hover)}.upload-status-item-info{flex:1;min-width:0}.upload-status-item-title{font-size:var(--text-label);font-weight:var(--weight-medium);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.upload-status-item-meta{font-size:var(--text-micro);color:var(--color-text-dim);gap:8px;display:flex}.upload-status-item-status--done{color:var(--color-success,#22c55e)}.upload-status-item-status--failed{color:var(--color-danger,#ef4444)}.upload-status-item-progress{background:var(--color-bg-hover);border-radius:2px;height:3px;margin-top:4px;overflow:hidden}.upload-status-item-progress-bar{background:var(--color-accent);border-radius:2px;height:100%;transition:width .3s}.upload-status-item-actions{gap:4px;display:flex}.upload-status-item-btn{color:var(--color-text-dim);cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;padding:4px;display:flex}.upload-status-item-btn:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.upload-status-icon{flex-shrink:0}.upload-status-queued{background:var(--color-text-dim);opacity:.3;border-radius:50%;width:14px;height:14px}.upload-status-done{color:var(--color-success,#22c55e)}.upload-status-failed{color:var(--color-danger,#ef4444)}