pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#abb2bf;background:#282c34}.hljs-comment,.hljs-quote{color:#5c6370;font-style:italic}.hljs-doctag,.hljs-formula,.hljs-keyword{color:#c678dd}.hljs-deletion,.hljs-name,.hljs-section,.hljs-selector-tag,.hljs-subst{color:#e06c75}.hljs-literal{color:#56b6c2}.hljs-addition,.hljs-attribute,.hljs-meta .hljs-string,.hljs-regexp,.hljs-string{color:#98c379}.hljs-attr,.hljs-number,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-pseudo,.hljs-template-variable,.hljs-type,.hljs-variable{color:#d19a66}.hljs-bullet,.hljs-link,.hljs-meta,.hljs-selector-id,.hljs-symbol,.hljs-title{color:#61aeee}.hljs-built_in,.hljs-class .hljs-title,.hljs-title.class_{color:#e6c07b}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}.hljs-link{text-decoration:underline}: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: rgba(192, 193, 255, .2);--color-accent-ring: rgba(192, 193, 255, .35);--color-accent-subtle: rgba(192, 193, 255, .1);--color-accent-gradient: linear-gradient(135deg, #C0C1FF, #8083FF);--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: rgba(28, 31, 41, .7);--color-bg-glass-dark: rgba(16, 19, 28, .7);--color-border: rgba(255, 255, 255, .04);--color-border-subtle: rgba(70, 69, 84, .05);--color-border-hover: rgba(70, 69, 84, .2);--color-border-divider: rgba(70, 69, 84, .1);--color-text-primary: #E0E2EF;--color-text-secondary: #C7C4D7;--color-text-muted: #908FA0;--color-text-dim: #6B6A7A;--color-text-dimmer: #464554;--color-approval-green-bg: rgba(16, 185, 129, .1);--color-approval-green: #10B981;--color-approval-green-glow: 0 0 8px rgba(16, 185, 129, .5);--color-approval-yellow-bg: rgba(255, 183, 131, .1);--color-approval-yellow: #FFB783;--color-approval-yellow-glow: 0 0 8px rgba(255, 183, 131, .5);--color-approval-red-bg: rgba(255, 180, 171, .1);--color-approval-red: #FFB4AB;--color-approval-pending-bg: rgba(100, 116, 139, .12);--color-approval-pending: #64748B;--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 rgba(0, 0, 0, .3);--shadow-card-hover: 0 20px 40px rgba(0, 0, 0, .4);--shadow-button-glow: 0 0 15px rgba(192, 193, 255, .2);--shadow-button-glow-hover: 0 0 20px rgba(192, 193, 255, .3);--shadow-elevated: 0 24px 48px rgba(0, 0, 0, .4);--shadow-inset-vignette: inset 0 0 40px rgba(0, 0, 0, .6);--shadow-inset-video: inset 0 0 100px rgba(0, 0, 0, .6);--shadow-scrubber: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-status-green: 0 0 8px rgba(16, 185, 129, .5);--shadow-status-yellow: 0 0 8px rgba(255, 183, 131, .5);--shadow-progress-glow: 0 0 12px rgba(192, 193, 255, .6);--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);--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}@media(max-width:1023px){:root{--content-padding: 24px;--grid-gap: 24px}}@media(max-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:rgba(255,255,255,.1) transparent}*::-webkit-scrollbar{width:6px;height:6px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}*::-webkit-scrollbar-thumb:hover{background:#fff3}h1,h2,h3,h4,h5,h6{text-wrap:balance}p,li,dd,figcaption{text-wrap:pretty}img{outline:1px solid rgba(255,255,255,.08);outline-offset:-1px}:focus-visible{outline:2px solid var(--color-accent);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{margin:0;background:var(--color-bg-body);color:var(--color-text-primary);font-size:var(--text-body);overflow-x:hidden;font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit}.container{max-width:1100px;margin:0 auto;padding:var(--space-4)}.card{background:var(--color-bg-card);border:none;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)}.row{display:flex;gap:var(--space-3);align-items:center}.space{height:var(--space-3)}input,button,textarea,select{font:inherit}input,textarea,select{width:100%;background:var(--color-bg-input);border:1px solid var(--color-border);border-radius:var(--radius-input);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;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23a6b1c4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding-right:28px}button{background:linear-gradient(135deg,var(--color-accent),var(--color-accent-hover));border:none;padding:8px 16px;border-radius:var(--radius-button);color:#fff;cursor:pointer;white-space:nowrap;box-shadow:0 2px 8px #6366f14d;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)}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){box-shadow:0 1px 4px #6366f133;transition-duration:50ms}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{background:#8083ff1f;border:1px solid rgba(128,131,255,.2);color:var(--color-accent-text);box-shadow:none}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);flex-shrink:0;position:relative;z-index:900}.topbar .container{display:flex;align-items:center;justify-content:space-between;height:var(--topbar-height);padding:0 var(--space-4);max-width:none}.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{position:absolute;top:100%;right:0;margin-top:6px;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);min-width:180px;z-index:1200;box-shadow:var(--shadow-elevated);padding:var(--space-1) 0;display:flex;flex-direction:column}.topbar-mobile-item{display:flex;padding:var(--space-3) var(--space-4);color:var(--color-text-secondary);text-decoration:none;font-size:var(--text-body);border:none;background:none;text-align:left;cursor:pointer;min-height:var(--touch-target-min);align-items:center;box-shadow:none;border-radius:0}.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{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--grid-gap)}.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{display:inline-flex;gap:1px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:5px;padding:2px}.size-toggle button{background:transparent!important;border:none!important;box-shadow:none!important;color:var(--color-text-dim);padding:2px 7px;border-radius:4px;font-size:10px;font-weight:600;cursor:pointer;line-height:1.2;letter-spacing:.04em}.size-toggle button:hover{color:var(--color-text-primary);background:#ffffff0f!important}.size-toggle button.active{background:#ffffff1f!important;color:var(--color-text-primary)}.muted{color:var(--color-text-muted);font-size:var(--text-body)}.pill{display:inline-block;padding:3px 10px;border-radius:var(--radius-pill);background:var(--color-bg-surface);border:1px solid var(--color-border);font-size:var(--text-caption)}.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{position:relative;display:inline-flex}.approval-pill-btn{display:inline-flex;align-items:center;gap:4px;cursor:pointer;font:inherit;transition:filter .15s ease,box-shadow .15s ease}.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{flex-shrink:0;opacity:.7}.approval-dropdown{position:absolute;top:calc(100% + 4px);left:0;z-index:200;min-width:180px;padding:4px;border-radius:8px;border:1px solid rgba(255,255,255,.08);background:#1e2026d9;backdrop-filter:blur(16px) saturate(1.4);-webkit-backdrop-filter:blur(16px) saturate(1.4);box-shadow:0 8px 24px #00000073,0 0 0 1px #ffffff0a}.approval-dropdown-item{display:flex;align-items:center;gap:8px;width:100%;padding:6px 10px;border:none;border-radius:5px;background:transparent;color:var(--color-text-secondary);font:inherit;font-size:var(--text-label);cursor:pointer;transition:background .12s ease}.approval-dropdown-item:hover{background:#ffffff14;color:var(--color-text-primary)}.approval-dropdown-item--selected{color:var(--color-text-primary);font-weight:var(--weight-semibold)}.approval-dropdown-item svg{margin-left:auto;flex-shrink:0;opacity:.7}.approval-dropdown-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.approval-dropdown-label{flex:1;text-align:left}.approval-note-bar{padding:8px 16px;font-size:var(--text-body);line-height:1.4;border-radius:6px;margin-bottom:8px;display:flex;gap:6px;align-items:baseline}.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{padding:10px 12px;background:var(--color-bg-surface);border-radius:var(--radius-inner);border:1px solid var(--color-border)}.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]{padding:8px;cursor:pointer}input[type=file]::file-selector-button{font:inherit;background:var(--color-bg-input);color:var(--color-text-primary);border:1px solid var(--color-border);border-radius:6px;padding:6px 12px;cursor:pointer;margin-right:10px}input[type=file]::file-selector-button:hover{background:var(--color-accent)}.review-page-root{height:100%;display:flex;flex-direction:column;overflow:hidden;max-width:none;padding:4px 16px}.review-layout{display:flex;gap:var(--space-3);align-items:stretch;flex:1;min-height:0}.review-video-panel{flex:2;min-width:0;min-height:0;overflow:visible;display:flex;flex-direction:column;background:transparent;box-shadow:none;border-radius:0;position:relative}.video-area-wrapper,.compare-videos{flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column}.video-area-wrapper>div,.compare-videos>div{flex:1;min-height:0;display:flex;flex-direction:column}.video-flex-wrapper{flex:1;min-height:0}.review-video-below{flex-shrink:0;overflow-y:auto}.review-comments-panel{flex:1;min-width:200px;overflow:hidden;display:flex;flex-direction:column;border-left:1px solid rgba(255,255,255,.04);background:transparent}.review-toolbar{display:flex;justify-content:space-between;align-items:flex-start;gap:4px 8px;flex-wrap:wrap;min-width:0;max-width:100%;width:100%;box-sizing:border-box;flex-shrink:0}.review-toolbar>div:first-child{min-width:0;flex:1 1 200px;overflow:hidden}.review-toolbar>div:first-child>strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.review-toolbar-actions{display:flex;gap:4px;flex-wrap:wrap;margin-left:auto;align-items:center;justify-content:flex-end;min-width:0}.review-toolbar-meta{display:flex;flex-wrap:nowrap;align-items:center;font-size:var(--text-caption);opacity:.7;gap:6px}.draw-color-swatch{width:22px;height:22px;border-radius:50%;border:2px solid transparent!important;cursor:pointer;padding:0;flex-shrink:0;transition:border-color .15s,transform .15s;box-shadow:none!important;background-image:none!important}.draw-color-swatch:hover{transform:scale(1.15)!important;box-shadow:none!important}.draw-color-swatch--active{border-color:var(--color-text-primary);box-shadow:0 0 0 2px var(--color-bg-card)}.draw-width-divider{width:1px;height:16px;background:var(--color-border);flex-shrink:0;margin:0 2px}.draw-width-swatch{width:22px;height:22px;border-radius:50%;border:2px solid transparent!important;cursor:pointer;padding:0;flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:border-color .15s,transform .15s;box-shadow:none!important;background:transparent!important;background-image:none!important}.draw-width-swatch:hover{transform:scale(1.15)!important;box-shadow:none!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{display:block;border-radius:50%;background:var(--color-text-primary);flex-shrink:0}.timeline-bar{position:relative;height:16px;background:var(--color-bg-sunken);border-radius:8px;margin-left:var(--space-4);margin-right:var(--space-4);margin-top:4px}.timeline-bar-inner{position:absolute;inset:0}.timeline-marker{position:absolute;top:2px;width:10px;height:10px;border-radius:999px;cursor:pointer;transform:translate(-50%)}.comment-card{padding:var(--space-3);cursor:pointer;transition:box-shadow var(--transition-fast),background var(--transition-fast);min-width:0;border-radius:var(--radius-inner)}.comment-card:hover{background:var(--color-bg-card-hover)}.card.comment-card.comment-card--selected{box-shadow:inset 0 0 0 2px var(--color-accent),0 0 16px #6366f159,var(--shadow-card)!important;outline:none}.comment-card--internal{border-left:3px solid #d97706}.pill--internal{background:#d9770626;color:#d97706;display:inline-flex;align-items:center;gap:3px}.comment-visibility-toggle{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;font-size:.75rem;font-weight:500;border-radius:var(--radius-button);border:1px solid var(--color-border);background:transparent;color:var(--color-text-muted);cursor:pointer;white-space:nowrap;transition:all .15s ease;flex-shrink:0}.comment-visibility-toggle:hover{border-color:var(--color-text-muted)}.comment-visibility-toggle--team{background:#d977061f;border-color:#d97706;color:#d97706}.comment-visibility-toggle--team:hover{background:#d9770633;border-color:#d97706}.comment-composer--internal{background:#d977060f;border-radius:var(--radius-inner);padding-left:var(--space-3);padding-right:var(--space-3)}.comment-composer{padding:var(--space-3) 0;border-bottom:1px solid var(--color-border);margin-bottom:8px;flex-shrink:0}.comment-list-scroll{flex:1;overflow-y:auto;min-height:0}.comment-composer textarea{resize:vertical;min-height:48px}.comment-composer--highlight{animation:composer-pulse 1.5s ease-out}.comment-composer--highlight textarea{border-color:var(--color-accent);box-shadow:0 0 0 2px #2b62ff4d}@keyframes composer-pulse{0%{background:#2b62ff26}to{background:transparent}}.comment-composer-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:4px;margin-top:6px}.comment-composer-toolbar>button:last-child{flex-shrink:0}.comment-composer-actions{display:flex;align-items:center;gap:4px}button.attachment-remove{position:absolute;top:-6px;right:-6px;background:var(--color-danger, #c44);color:#fff;border:none;border-radius:50%;width:18px;height:18px;font-size:11px;cursor:pointer;line-height:18px;padding:0;box-shadow:none}button.attachment-remove:hover:not(:disabled){box-shadow:none;opacity:.85}.comment-composer-icon-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-button);color:#fff;cursor:pointer;transition:all .15s ease;padding:0}.comment-composer-icon-btn svg{width:16px;height:16px;stroke:currentColor}.comment-composer-hint{margin-left:auto;font-size:var(--text-micro);color:var(--color-text-dim);white-space:nowrap;-webkit-user-select:none;user-select:none;overflow:hidden;text-overflow:ellipsis;min-width:0;flex-shrink:1}.comment-composer-icon-btn--active{background:var(--color-accent, #2b62ff);color:#fff}.emoji-picker{width:300px;max-width:calc(100vw - 32px);max-height:380px;background:var(--color-bg-glass);backdrop-filter:blur(24px) saturate(1.6);-webkit-backdrop-filter:blur(24px) saturate(1.6);border:1px solid var(--color-border-hover);border-radius:var(--radius-card);box-shadow:var(--shadow-elevated);display:flex;flex-direction:column;overflow:hidden;animation:emoji-picker-in .15s ease-out}.emoji-picker--compact{width:auto;max-width:200px;max-height:none;padding:8px}.emoji-picker-inline-wrap{position:absolute;bottom:100%;right:0;margin-bottom:6px;z-index:100}@keyframes emoji-picker-in{0%{opacity:0;transform:translateY(6px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.emoji-picker-search-wrap{padding:8px 8px 4px;flex-shrink:0}.emoji-picker-search{width:100%;padding:6px 10px;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);outline:none;transition:border-color var(--transition-fast)}.emoji-picker-search:focus{border-color:var(--color-accent)}.emoji-picker-search::placeholder{color:var(--color-text-dim)}.emoji-picker-body{flex:1;overflow-y:auto;padding:4px 8px 8px}.emoji-picker-category{font-size:var(--text-micro);font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;padding:6px 2px 2px;margin-top:4px}.emoji-picker-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:2px}.emoji-picker--compact .emoji-picker-grid{grid-template-columns:repeat(7,1fr)}.emoji-picker-item{display:flex;align-items:center;justify-content:center;width:34px;height:34px;font-size:1.25rem;border:none;background:transparent;border-radius:var(--radius-inner);cursor:pointer;transition:transform var(--transition-fast),background var(--transition-fast);padding:0;line-height:1}.emoji-picker-item:hover{background:var(--color-bg-hover);transform:scale(1.15)}.emoji-picker-item:active{transform:scale(.95)}.emoji-picker-no-results{padding:24px 16px;text-align:center;color:#888;font-size:13px}.reaction-row{display:flex;align-items:center;gap:4px;flex-wrap:wrap;margin-top:6px;min-height:0}.reaction-pill{display:inline-flex;align-items:center;gap:4px;padding:2px 8px!important;font-size:var(--text-caption);background:#ffffff0a!important;border:1px solid var(--color-border)!important;border-radius:var(--radius-pill)!important;box-shadow:none!important;cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast);line-height:1.4;color:var(--color-text-secondary)!important}.reaction-pill:hover{background:#ffffff14!important;border-color:var(--color-border-hover)!important;transform:none}.reaction-pill--active{background:#8083ff1f!important;border-color:#8083ff4d!important;color:var(--color-accent-text)!important}.reaction-pill--active:hover{background:#8083ff2e!important;transform:none}.reaction-pill-emoji{font-size:.875rem;line-height:1}.reaction-pill-count{font-size:var(--text-micro);font-weight:600;font-variant-numeric:tabular-nums}.reaction-add-btn{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0!important;border:1px dashed var(--color-border)!important;border-radius:var(--radius-pill)!important;background:transparent!important;color:var(--color-text-dim)!important;box-shadow:none!important;cursor:pointer;transition:color var(--transition-fast),border-color var(--transition-fast),background var(--transition-fast)}.reaction-add-btn:hover{color:var(--color-text-secondary)!important;border-color:var(--color-border-hover)!important;background:#ffffff0f!important;transform:none}.reaction-add-btn svg{width:14px;height:14px}.composer-draw-tools{margin-top:6px;padding:8px;background:#8083ff0f;border-radius:var(--radius-inner, 6px);overflow:hidden;animation:composer-draw-expand .2s ease-out}@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{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.comment-search-wrap{position:relative;flex:1;min-width:120px}.comment-search-input{width:100%;padding-right:30px;box-sizing:border-box}.comment-search-clear{position:absolute;right:4px;top:50%;transform:translateY(-50%);color:#fff;cursor:pointer;padding:2px 4px;min-width:0;line-height:1;border-radius:4px;display:flex;align-items:center}.comment-thread-row{display:flex;gap:0;align-items:stretch;min-width:0;overflow:hidden}.thread-collapse-bar{width:12px;flex-shrink:0;background:none!important;border:none!important;border-left:2px solid var(--color-border-hover)!important;margin-left:4px;margin-right:4px;cursor:pointer;padding:0;min-width:0;transition:border-color var(--transition-fast);box-shadow:none!important;border-radius:0}.thread-collapse-bar:hover{border-left-color:var(--color-accent)}.search-highlight{background:#6366f140;color:inherit;border-radius:2px;padding:0 2px}.comment-author{font-size:var(--text-body);color:var(--color-text-muted);margin-bottom:4px;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.reply-context-badge{font-size:var(--text-caption);color:var(--color-accent-text);opacity:.7;white-space:nowrap}.thread-toggle-btn{padding:2px 8px!important;font-size:var(--text-caption)!important;min-width:28px;text-align:center;font-family:var(--font-mono)}.reply-btn{padding:2px 8px!important;font-size:var(--text-label)!important}.copy-link-btn{padding:2px 8px;font-size:var(--text-caption)}.admin-layout{display:flex;gap:12px}.admin-sidebar{width:280px;flex-shrink:0}.admin-main{flex:1;min-width:0}.dialog-overlay{position:fixed;inset:0;background:#080b13bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000}.dialog-box{background:var(--color-bg-elevated);border:none;border-radius:var(--radius-modal);padding:var(--space-6);max-width:420px;width:90%;box-shadow:0 0 0 1px var(--color-border),var(--shadow-elevated)}.dialog-actions{display:flex;gap:var(--space-2);justify-content:flex-end;margin-top:var(--space-4)}.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{background:#cc444426!important;border-color:#cc44444d!important;color:var(--color-danger, #c44)!important;box-shadow:none!important}button.secondary.danger:hover:not(:disabled){background:#cc444440!important;border-color:#c446!important;box-shadow:none!important}.progress-bar{width:100%;height:6px;background:var(--color-border);border-radius:3px;overflow:hidden}.progress-fill{height:100%;background:var(--color-accent);border-radius:3px;transition:width .3s ease;box-shadow:var(--shadow-progress-glow)}.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:upload-slow-pulse 2s ease-in-out infinite}@keyframes upload-slow-pulse{0%,to{opacity:.7}50%{opacity:1}}.card-thumb-clip{position:relative;overflow:hidden;border-radius:var(--radius-card) var(--radius-card) 0 0}.card-thumb-clip:after{content:"";position:absolute;inset:0;box-shadow:var(--shadow-inset-vignette);border-radius:var(--radius-card) var(--radius-card) 0 0;pointer-events:none}a:hover>.card,.card:hover{box-shadow:0 0 0 1px var(--color-border-hover),var(--shadow-card-hover)}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}.loading-pulse{animation:pulse 1.5s ease-in-out infinite}.compare-label-row{display:flex;align-items:center;justify-content:space-between;min-height:32px;margin-bottom:6px;gap:6px}.container.compare-active{max-width:1600px}.compare-videos{display:flex;flex-direction:row;gap:12px;align-items:stretch}.compare-videos>div{flex:1;min-width:0}.transport-bar{margin-top:var(--space-2);background:transparent;border-radius:0;border:none;box-shadow:none;max-width:100%;box-sizing:border-box;flex-shrink:0}.transport-timeline-row{position:relative;padding:var(--space-3) var(--space-4) 0}.transport-hover-tooltip{position:absolute;bottom:100%;transform:translate(-50%);margin-bottom:8px;pointer-events:none;z-index:20;display:flex;flex-direction:column;align-items:center}.transport-hover-thumb{width:160px;height:90px;border-radius:4px;border:2px solid var(--color-border);box-shadow:0 4px 12px #0009;background-color:var(--color-bg-body);background-repeat:no-repeat}.transport-hover-time{font-family:var(--font-mono);font-size:var(--text-micro);font-variant-numeric:tabular-nums;color:var(--color-text-secondary);background:#0b0f17d9;padding:2px 6px;border-radius:3px;margin-top:4px;white-space:nowrap}.transport-controls{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);flex-wrap:wrap;justify-content:center}.transport-play-btn{color:#fff;font-size:var(--text-title);cursor:pointer;padding:4px 8px;border-radius:var(--radius-button);line-height:1;min-width:32px;text-align:center}.transport-scrubber{width:100%;height:6px;-webkit-appearance:none;appearance:none;border-radius:3px;outline:none;cursor:pointer;border:none;padding:0;margin:0;display:block}.transport-scrubber::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:#fff;cursor:pointer;border:none;box-shadow:var(--shadow-scrubber)}.transport-scrubber::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#fff;border:none;cursor:pointer;box-shadow:var(--shadow-scrubber)}.transport-scrubber::-moz-range-track{height:6px;border-radius:3px;background:transparent}.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;padding:2px 6px;border-radius:4px}.transport-speed-indicator{font-family:var(--font-mono);font-size:var(--text-caption);font-variant-numeric:tabular-nums;color:var(--color-approval-yellow);background:#fbbf241f;padding:2px 8px;border-radius:4px;white-space:nowrap;font-weight:var(--weight-semibold)}.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;padding:2px 8px;border-radius:var(--radius-button);line-height:1}.transport-speed-btn.active{color:var(--color-approval-yellow);background:#fbbf241f}.transport-speed-menu{position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:6px;background:var(--color-bg-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--color-border);border-radius:8px;padding:4px;z-index:10;min-width:80px}.transport-speed-menu button{width:100%;text-align:center;background:none!important;border:none!important;color:var(--color-text-secondary);font-family:var(--font-mono);font-size:var(--text-body);padding:6px 12px;border-radius:6px;cursor:pointer;box-shadow:none!important}.transport-speed-menu button:hover{background:#ffffff0f!important;transform:none}.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;padding:4px 6px;border-radius:var(--radius-button);line-height:1}.transport-icon-btn.active{color:var(--color-accent)}.transport-cc-btn{font-weight:var(--weight-bold);font-size:var(--text-label)}.transport-action-btn{font-size:var(--text-label)!important;padding:4px 10px!important;white-space:nowrap}.transport-help-btn{font-family:var(--font-mono);font-weight:var(--weight-bold);font-size:18px!important;min-width:32px;min-height:32px}.waveform-container{position:relative;overflow:hidden;height:0;opacity:0;background:transparent;border-top:none;transition:height .25s ease,opacity .25s ease}.waveform-container.visible{height:48px;opacity:1}.waveform-canvas{display:block;width:calc(100% - var(--space-4) * 2);height:100%;cursor:pointer;margin-left:var(--space-4);margin-right:var(--space-4)}.waveform-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:8px;font-size:var(--text-caption);color:var(--color-text-muted);z-index:1}.waveform-loading .spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.transport-scrubbing{color:var(--color-accent);background:var(--color-bg-surface)}.transport-volume-group{display:flex;align-items:center}.transport-volume-slider-wrap{width:80px;opacity:0;pointer-events:none;transition:opacity .15s ease}.transport-volume-group:hover .transport-volume-slider-wrap{opacity:1;pointer-events:auto}.transport-volume-slider{width:80px;height:4px;-webkit-appearance:none;appearance:none;background:var(--color-bg-hover);border-radius:2px;outline:none;cursor:pointer;border:none;padding:0;margin-left:6px}.transport-volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;border-radius:50%;background:var(--color-text-secondary);cursor:pointer}.transport-volume-slider::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:var(--color-text-secondary);border:none;cursor:pointer}.transport-volume-slider::-moz-range-track{height:4px;border-radius:2px;background:transparent}.review-video-panel:fullscreen{background:var(--color-bg-body);display:flex;flex-direction:column;padding:16px}.review-video-panel:-webkit-full-screen{background:var(--color-bg-body);display:flex;flex-direction:column;padding:16px}.review-video-panel:fullscreen video{flex:1;object-fit:contain}.review-video-panel:-webkit-full-screen video{flex:1;object-fit:contain}.shortcut-help-box{background:var(--color-bg-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--color-border);border-radius:12px;padding:24px;max-width:480px;width:90%;max-height:80vh;overflow-y:auto;color:var(--color-text-secondary)}.shortcut-help-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.shortcut-help-grid{display:grid;grid-template-columns:auto 1fr;gap:8px 16px;align-items:center}.shortcut-help-grid kbd{font-family:var(--font-mono);font-size:var(--text-label);background:var(--color-bg-body);border:1px solid var(--color-border);border-radius:4px;padding:2px 8px;white-space:nowrap;color:var(--color-approval-yellow)}.shortcut-help-grid span{font-size:var(--text-body)}.frame-menu{position:absolute;top:100%;right:0;margin-top:4px;background:var(--color-bg-hover);border:1px solid var(--color-border);border-radius:8px;padding:4px;z-index:10;min-width:220px}.frame-menu button{width:100%;text-align:left;background:none!important;border:none!important;color:var(--color-text-secondary);padding:8px 12px;border-radius:6px;cursor:pointer;font-size:var(--text-body);box-shadow:none!important}.frame-menu button:hover{background:#ffffff0f!important;transform:none}.frame-menu button:disabled{opacity:.5;cursor:not-allowed}.compare-active .review-layout:not(.review-layout--three-col){flex-direction:column}.compare-active .review-layout:not(.review-layout--three-col) .review-comments-panel{min-width:0;width:100%;max-height:50vh}.compare-active .review-layout--three-col{flex-direction:row}.compare-videos-stacked{flex-direction:column}.compare-videos>div{border-radius:8px;border:2px solid transparent;padding:2px}.compare-videos>.compare-video-active{border-color:var(--color-accent)}.compare-context-switcher{display:flex;gap:2px;background:var(--color-bg-body);border-radius:6px;padding:2px;margin-bottom:8px}.compare-exit-btn{background:#fbbf2426!important;border:1px solid rgba(251,191,36,.4)!important;color:var(--color-approval-yellow)!important;box-shadow:0 0 8px #fbbf2426!important;border-radius:var(--radius-button)}.compare-exit-btn:hover{background:#fbbf2440!important;border-color:#fbbf2499!important;color:#fbbf24!important;box-shadow:0 0 12px #fbbf2440!important}.compare-context-tab{flex:1;padding:4px 8px;font-size:var(--text-label);border-radius:6px;color:#fff;cursor:pointer;text-align:center;white-space:nowrap}.compare-context-tab.active{color:#fff}.source-meta-panel{overflow:hidden}.source-meta-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;padding:10px 14px;color:#fff;font-size:var(--text-body);font-weight:var(--weight-semibold);cursor:pointer;border-radius:var(--radius-button);transition:color .15s,background .15s,box-shadow .15s}.source-meta-chevron{transition:transform .2s ease;font-size:var(--text-label)}.source-meta-grid{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;padding:0 14px 12px;font-size:var(--text-label)}.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);font-family:inherit;background:var(--color-bg-input);color:var(--color-text-primary);border:1px solid var(--color-accent);border-radius:4px;padding:1px 6px;outline:none;min-width:80px;max-width:100%}.inline-rename-input:focus{box-shadow:0 0 0 2px #2b62ff4d}.breadcrumbs{display:flex;align-items:center;gap:0;flex-wrap:wrap;padding:2px 0;font-size:var(--text-body)}.breadcrumb-item{padding:2px 0}.breadcrumb-link{color:var(--color-text-dim);cursor:pointer;transition:color .15s}.breadcrumb-link:hover{color:var(--color-text-secondary);text-decoration:underline}.breadcrumb-current{color:var(--color-text-secondary);font-weight:var(--weight-semibold)}.breadcrumb-sep{color:var(--color-text-dimmer);margin:0 8px;-webkit-user-select:none;user-select:none}.activity-badge{position:absolute;top:-4px;right:-4px;background:var(--color-danger);color:#fff;font-size:var(--text-micro);font-weight:var(--weight-bold);min-width:16px;height:16px;border-radius:8px;display:flex;align-items:center;justify-content:center;padding:0 4px;pointer-events:none}.folder-card{cursor:pointer;background:var(--color-bg-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{padding:6px 8px;border-radius:4px;cursor:pointer;font-size:var(--text-body);transition:background .1s}.folder-picker-item:hover{background:var(--color-border)}.drop-target-active{box-shadow:0 0 0 2px var(--color-accent-ring);border-color:var(--color-accent)!important;background:var(--color-bg-hover)!important;transition:box-shadow .15s,border-color .15s,background .15s}.breadcrumb-link.drop-target-active,.drop-target-active .breadcrumb-link{background:var(--color-accent-subtle);border-radius:4px;padding:2px 6px;color:var(--color-text-secondary)}.drag-overlay-card{display:inline-flex;align-items:center;background:var(--color-bg-card);border:1px solid var(--color-accent);border-radius:var(--radius-card);padding:10px 14px;max-width:260px;opacity:.9;pointer-events:none;box-shadow:0 8px 24px #0006;color:var(--color-text-primary);font-size:var(--text-body)}.move-action-btn{padding:2px 8px;font-size:var(--text-body);line-height:1;border-radius:var(--radius-button);color:#fff;cursor:pointer;flex-shrink:0}.move-action-btn:hover{color:#fff}.transcode-bar-track{width:240px;height:8px;border-radius:4px;background:var(--color-bg-nav);margin:12px auto;overflow:hidden}.transcode-bar-fill{height:100%;border-radius:4px;background:linear-gradient(90deg,#6366f1,#818cf8,#6366f1);background-size:200% 100%;transition:width 1s ease;animation:transcode-shimmer 2s ease-in-out infinite}@keyframes transcode-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.drawer-overlay{position:fixed;inset:0;background:#080b1399;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:900;opacity:0;pointer-events:none;transition:opacity var(--transition-slow)}.drawer-overlay.drawer-open{opacity:1;pointer-events:auto}.drawer-panel{position:fixed;top:0;right:0;bottom:0;width:440px;max-width:90vw;background:var(--color-bg-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-left:1px solid var(--color-border);z-index:901;display:flex;flex-direction:column;transform:translate(100%);transition:transform var(--transition-slow);box-shadow:var(--shadow-elevated)}.drawer-panel.drawer-open{transform:translate(0)}.drawer-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);border-bottom:1px solid var(--color-border);flex-shrink:0}.drawer-tabs{display:flex;gap:4px}.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;padding:4px 8px;border-radius:var(--radius-button);line-height:1}.drawer-body{flex:1;overflow-y:auto;padding:16px}@media(max-width:767px){.drawer-panel{width:100%;max-width:100%}}.view-toggle{display:inline-flex;gap:2px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:6px;padding:2px}.view-toggle button{background:transparent!important;border:none!important;box-shadow:none!important;color:var(--color-text-dim);padding:3px 8px;border-radius:6px;font-size:var(--text-body);cursor:pointer;line-height:1;min-width:28px;text-align:center}.view-toggle button:hover{color:var(--color-text-primary);background:#ffffff0f!important}.view-toggle button.active{background:linear-gradient(135deg,var(--color-accent),var(--color-accent-hover))!important;color:#fff;box-shadow:0 2px 8px #6366f14d!important}.list-view{display:flex;flex-direction:column;overflow-x:auto}.list-header{display:grid;align-items:center;padding:8px 12px;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;min-width:max-content}.list-header-cell{position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.col-resize-handle{position:absolute;right:0;top:2px;bottom:2px;width:5px;cursor:col-resize;z-index:2;transition:background .15s;background:#ffffff14;border-radius:1px}.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{display:grid;align-items:center;padding:10px 12px;border-bottom:1px solid var(--color-border);transition:background .1s;cursor:default;position:relative;min-width:max-content}.list-row:hover{background:#ffffff05}.list-row.folder-row{border-left:3px dashed var(--color-accent);cursor:pointer;background:#11182780}.list-row.folder-row:hover{background:#141e30b3;border-left-color:var(--color-accent-hover)}.list-thumb{width:48px;height:28px;border-radius:4px;object-fit:cover;background:var(--color-bg-body);display:block;flex-shrink:0}.list-thumb-placeholder{width:48px;height:28px;border-radius:4px;background:var(--color-bg-body);display:flex;align-items:center;justify-content:center;font-size:var(--text-caption);opacity:.4;flex-shrink:0}.list-header.projects-cols,.list-row.projects-cols{grid-template-columns:1fr 100px 120px 120px 100px 80px;gap:8px}.list-header.detail-cols,.list-row.detail-cols{grid-template-columns:56px 1fr 50px 80px 90px 70px 110px 120px 100px;gap:8px}.list-row .list-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list-row .list-meta{font-size:var(--text-body);color:var(--color-text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.list-row .list-actions{display:flex;gap:4px;justify-content:flex-end;align-items:center}@media(max-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{position:absolute;right:0;top:100%;z-index:20;min-width:200px;padding:8px;margin-top:4px;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:8px;box-shadow:0 4px 16px #0000004d}.bulk-drop-overlay{position:fixed;inset:0;background:var(--color-accent-glow);border:3px dashed var(--color-accent);z-index:999;display:flex;align-items:center;justify-content:center;pointer-events:none}.bulk-drop-content{text-align:center;color:var(--color-text-secondary);background:#131a27f2;border:1px solid var(--color-accent);border-radius:var(--radius-modal);padding:40px 60px;pointer-events:none}.bulk-upload-panel{position:fixed;bottom:16px;right:16px;width:340px;max-height:260px;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-button);box-shadow:0 8px 32px #00000080;z-index:800;display:flex;flex-direction:column;overflow:hidden}.bulk-upload-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-bottom:1px solid var(--color-border);font-size:var(--text-label);font-weight:var(--weight-semibold);color:var(--color-text-secondary);flex-shrink:0;cursor:pointer;-webkit-user-select:none;user-select:none}.bulk-upload-header:hover{background:var(--color-bg-hover)}.bulk-upload-progress-bar{height:3px;background:var(--color-border);flex-shrink:0}.bulk-upload-progress-fill{height:100%;background:var(--color-accent);transition:width .3s ease}.bulk-upload-list{overflow-y:auto;flex:1;padding:4px 0}.bulk-upload-item{display:flex;align-items:center;gap:6px;padding:4px 12px;font-size:var(--text-label)}.bulk-upload-item-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.bulk-upload-item-status{display:flex;align-items:center;gap:6px;flex-shrink:0;min-width:70px}.bulk-upload-item-actions{display:flex;gap:4px;flex-shrink:0}@media(max-width:600px){.bulk-upload-panel{left:8px;right:8px;bottom:8px;width:auto}}#root{display:flex;flex-direction:column;height:100vh;height:100dvh;overflow:hidden}.app-layout{display:flex;flex:1;min-height:0;height:100vh;height:100dvh;overflow:hidden}.app-main{flex:1;min-width:0;height:100%;min-height:0;overflow:auto}.app-main:has(>.review-container-wide){overflow:hidden}.nav-toggle-btn{color:#fff;cursor:pointer;padding:4px;border-radius:var(--radius-button);display:flex;align-items:center;justify-content:center;transition:color .15s,background .15s,border-color .15s,box-shadow .15s}.nav-panel{width:260px;flex-shrink:0;position:relative;background:var(--color-bg-surface);border-right:1px solid var(--color-border);overflow-y:auto;overflow-x:hidden;transition:width var(--transition-base)}.nav-panel.resizing{transition:none}.nav-panel.collapsed{width:0!important;border-right:none}.nav-resize-handle{position:absolute;top:0;right:-2px;width:4px;height:100%;cursor:col-resize;z-index:20;background:transparent;transition:background .15s ease}.nav-resize-handle:before{content:"";position:absolute;inset:0 -4px}.nav-resize-handle:hover,.nav-resize-handle:active{background:var(--color-accent)}.nav-panel-header{padding:var(--space-2);border-bottom:1px solid var(--color-border);position:relative}.ws-selector-btn{display:flex;align-items:center;gap:6px;width:100%;padding:6px 8px;background:transparent;border:1px solid transparent;border-radius:var(--radius-button);color:var(--color-text);cursor:pointer;font-size:var(--text-body);font-weight:var(--weight-semibold);text-align:left;box-shadow:none}.ws-selector-btn:hover{background:#ffffff14;border-color:var(--color-border);transform:none}.ws-selector-name{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ws-selector-chevron{flex-shrink:0;transition:transform .15s ease;transform:rotate(90deg);color:var(--color-text-muted)}.ws-selector-chevron.open{transform:rotate(270deg)}.ws-dropdown{position:absolute;top:100%;left:8px;right:8px;z-index:100;background:var(--color-bg-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--color-border);border-radius:var(--radius-card);padding:4px;box-shadow:var(--shadow-elevated);max-height:240px;overflow-y:auto}.ws-dropdown-item{display:block;width:100%;padding:8px 10px;background:transparent;border:none;border-radius:6px;color:var(--color-text);font-size:var(--text-body);text-align:left;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-shadow:none}.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{display:flex;align-items:center;padding:5px 8px;cursor:pointer;border-radius:4px;margin:1px 4px;transition:background .1s;font-size:var(--text-body);color:var(--color-text-muted);gap:4px;white-space:nowrap;overflow:hidden}.nav-node:hover{background:var(--color-bg-hover);color:var(--color-text-secondary)}.nav-node-active{background:var(--color-accent-subtle);color:var(--color-text-secondary);border-left:2px solid var(--color-accent)}.nav-node-label{overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.nav-chevron{width:16px;flex-shrink:0;font-size:var(--text-micro);color:var(--color-text-dim);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:transform .15s;-webkit-user-select:none;user-select:none}.nav-chevron.expanded{transform:rotate(90deg)}.nav-color-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.nav-node-meta{font-size: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{position:fixed;background:var(--color-bg-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--color-border-hover);border-radius:6px;padding:4px 0;min-width:160px;z-index:1000;box-shadow:0 4px 16px #0006}.nav-context-item{display:block;width:100%;padding:7px 12px;background:none;border:none;color:var(--color-text-secondary);font-size:var(--text-label);text-align:left;cursor:pointer;transition:background .1s;box-shadow:none;border-radius:0}.nav-context-item:hover{background:var(--color-bg-input);color:var(--color-text-primary);transform:none}.nav-overlay{position:fixed;inset:0;background:#00000080;z-index:898}.nav-panel.mobile{position:fixed;top:53px;left:0;bottom:0;z-index:899;width:280px}.nav-panel.mobile.collapsed{width:0}@media(max-width:768px){.nav-panel:not(.mobile){display:none}}.search-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:flex-start;justify-content:center;padding-top:min(20vh,140px);z-index:1100}.search-modal{background:var(--color-bg-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:none;border-radius:var(--radius-modal);width:580px;max-width:92vw;max-height:480px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 0 0 1px var(--color-border),var(--shadow-elevated)}.search-input-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border)}.search-input-icon{color:var(--color-text-dim);flex-shrink:0}.search-input{flex:1;background:transparent;border:none;outline:none;color:var(--color-text-primary);font-size:var(--text-title);padding:0}.search-input::placeholder{color:var(--color-text-dimmer)}.search-kbd{font-size:var(--text-micro);padding:2px 6px;border-radius:4px;background:var(--color-bg-hover);border:1px solid var(--color-border-hover);color:var(--color-text-dim);font-family:inherit;flex-shrink:0}.search-results{overflow-y:auto;padding:6px 0;flex:1;min-height:0}.search-empty{padding:24px 16px;text-align:center;color:var(--color-text-dim);font-size:var(--text-body)}.search-group{padding:4px 0}.search-group-label{padding:6px 16px 4px;font-size:var(--text-micro);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:var(--tracking-uppercase);color:var(--color-text-dimmer)}.search-result-item{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-2) var(--space-4);border:none;background:transparent;color:var(--color-text-primary);font-size:var(--text-body);cursor:pointer;text-align:left;transition:background .1s;box-shadow:none;border-radius:0}.search-result-item:hover,.search-result-selected{background:var(--color-bg-hover)}.search-result-selected{background:var(--color-accent-subtle)}.search-result-type{width:24px;height:24px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:var(--text-micro);font-weight:var(--weight-bold);flex-shrink:0}.search-type-project{background:#6366f126;color:#818cf8}.search-type-folder{background:#34d3991f;color:#34d399}.search-type-asset{background:#a855f71f;color:#c084fc}.search-result-thumb{width:24px;height:24px;border-radius:4px;object-fit:cover;flex-shrink:0}.search-result-info{display:flex;flex-direction:column;min-width:0}.search-result-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-result-path{font-size:var(--text-caption);color:var(--color-text-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-trigger-btn{gap:6px}.search-shortcut-hint{font-size:var(--text-micro);padding:1px 5px;border-radius:3px;background:var(--color-bg-hover);border:1px solid var(--color-border-hover);color:var(--color-text-dim)}@media(max-width:768px){.search-shortcut-hint,.hide-mobile{display:none}}.card-checkbox{position:absolute;top:8px;left:8px;z-index:5;width:18px;height:18px;cursor:pointer;opacity:0;transition:opacity .15s;accent-color:var(--color-accent)}.card:hover .card-checkbox,.card.selected .card-checkbox{opacity:1}.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 100px;gap:8px}@media(max-width:600px){.list-col-duration,.list-col-size,.list-col-uploaded,.list-col-uploader{display:none}}.selection-bar{position:fixed;bottom:0;left:0;right:0;z-index:200;display:flex;align-items:center;justify-content:space-between;padding:10px 24px;background:var(--color-bg-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid var(--color-border);box-shadow:0 -4px 20px #0006;animation:slideUpBar .2s ease-out}@keyframes slideUpBar{0%{transform:translateY(100%)}to{transform:translateY(0)}}.selection-bar-stats{display:flex;align-items:center;gap:8px;font-size:var(--text-body);color:var(--color-text-primary)}.selection-bar-count{font-weight:var(--weight-semibold)}.selection-bar-sep{color:var(--color-text-dim)}.selection-bar-actions{display:flex;gap:8px;align-items:center}.selection-bar-btn{padding:6px 14px;border-radius:var(--radius-button);font-size:var(--text-body);border:1px solid var(--color-border);background:#ffffff0a;color:var(--color-text-primary);cursor:pointer;transition:background .15s;box-shadow:none}.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{border:none;background:none;color:var(--color-text-dim);font-size:var(--text-title);padding:6px 8px;box-shadow:none}.selection-bar-clear:hover:not(:disabled){color:var(--color-text-primary)}.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;width:380px;max-height:400px;display:flex;flex-direction:column;box-shadow:0 12px 40px #00000080}.bulk-move-header{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid var(--color-border)}.bulk-move-header h3{margin:0;font-size:var(--text-title);color:var(--color-text-primary)}.bulk-move-close{background:none;border:none;color:var(--color-text-dim);cursor:pointer;font-size:var(--text-heading);padding:4px;box-shadow:none}.bulk-move-close:hover{color:var(--color-text-primary);transform:none}.bulk-move-list{flex:1;overflow-y:auto;padding:8px 0}.bulk-move-item{display:flex;align-items:center;gap:10px;width:100%;padding:8px 16px;background:none;border:none;color:var(--color-text-primary);font-size:var(--text-body);cursor:pointer;text-align:left;transition:background .1s;box-shadow:none;border-radius:0}.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{margin-left:auto;font-size:var(--text-caption);color:var(--color-text-dim)}.bulk-move-empty{padding:24px 16px;text-align:center;color:var(--color-text-dim);font-size:var(--text-body)}.drag-overlay-badge{position:absolute;top:-6px;right:-6px;background:var(--color-accent);color:#fff;font-size:var(--text-micro);font-weight:var(--weight-bold);min-width:20px;height:20px;border-radius:10px;display:flex;align-items:center;justify-content:center;padding:0 5px}.drag-overlay-card{position:relative}.settings-page{max-width:640px;margin:0 auto;padding:40px 24px}.settings-header{margin-bottom:32px}.settings-back{color:#888;text-decoration:none;font-size:var(--text-body)}.settings-back:hover{color:var(--color-text-primary)}.settings-header h1{margin:8px 0 0;font-size:var(--text-display);font-weight:var(--weight-semibold);color:var(--color-text-primary)}.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{display:flex;align-items:center;gap:12px;cursor:pointer;padding:6px 0}.settings-toggle--disabled{opacity:.5;cursor:default}.toggle-track{width:40px;height:22px;border-radius:11px;background:var(--color-border);position:relative;cursor:pointer;transition:background .2s;flex-shrink:0}.toggle-track--on{background:var(--color-accent)}.toggle-thumb{width:18px;height:18px;border-radius:50%;background:var(--color-text-primary);position:absolute;top:2px;left:2px;transition:transform .2s}.toggle-track--on .toggle-thumb{transform:translate(18px)}.toggle-label{color:var(--color-text-primary);font-size:var(--text-body)}.settings-project-list{margin-top:12px;border:1px solid var(--color-border);border-radius:var(--radius-input);overflow:hidden}.settings-project-item{border-bottom:1px solid var(--color-border)}.settings-project-item:last-child{border-bottom:none}.settings-project-header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:12px 16px;color:#fff;font-size:var(--text-body);cursor:pointer;text-align:left;border-radius:var(--radius-button)}.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{padding:8px 16px 16px 32px;display:flex;flex-direction:column;gap:4px}.settings-workspace-group{margin-bottom:24px}.settings-workspace-group:last-child{margin-bottom:0}.settings-workspace-name{font-size:var(--text-label);font-weight:var(--weight-semibold);color:#888;text-transform:uppercase;letter-spacing:var(--tracking-uppercase);margin:0 0 8px}.transcript-panel{margin-top:0;border-top:1px solid var(--color-border)}.transcript-content{padding:12px 16px;overflow-x:hidden;word-break:break-word}.transcript-export-bar{display:flex;align-items:center;gap:6px;margin-bottom:8px}.transcript-export-bar .btn-xs{padding:2px 8px;font-size:var(--text-micro);border-radius:4px}.export-dropdown{position:relative;display:inline-block}.export-dropdown-menu{position:absolute;top:calc(100% + 4px);left:0;z-index:20;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-input);padding:4px 0;min-width:90px;box-shadow:var(--shadow-card)}.export-dropdown-menu button{display:block;width:100%;text-align:left;background:none;border:none;padding:6px 12px;font-size:var(--text-caption);color:var(--color-text-primary);cursor:pointer;box-shadow:none;border-radius:0}.export-dropdown-menu button:hover{background:var(--color-bg-hover);box-shadow:none}.export-dropdown-menu--right{left:auto;right:0}.export-dropdown-divider{height:1px;background:var(--color-border);margin:4px 0}.export-dropdown-checkbox{display:flex;align-items:center;gap:8px;padding:6px 12px;font-size:var(--text-caption);color:var(--color-text-secondary);cursor:pointer;white-space:nowrap}.export-dropdown-checkbox:hover{background:var(--color-bg-hover)}.export-dropdown-checkbox input[type=checkbox]{accent-color:var(--color-accent);margin:0;width:14px;height:14px}.transcript-typo-wrap{position:relative}.transcript-typo-popover{position:absolute;top:calc(100% + 6px);right:0;z-index:120;width:260px;background:var(--color-bg-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--color-border-divider);border-radius:12px;padding:12px;box-shadow:var(--shadow-elevated);display:flex;flex-direction:column;gap:12px}.typo-section{display:flex;flex-direction:column;gap:6px}.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{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.typo-font-btn{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 4px 6px;border-radius:var(--radius-button);border:1px solid transparent;background:#ffffff08;color:var(--color-text-secondary);cursor:pointer;transition:all .15s ease;box-shadow:none}.typo-font-btn:hover{background:#ffffff0f;border-color:var(--color-border)}.typo-font-btn.active{background:#c0c1ff1a;border-color:var(--color-accent);color:var(--color-accent-text)}.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;overflow:hidden;text-overflow:ellipsis;max-width:100%}.typo-stepper{display:flex;align-items:center;gap:0;background:#ffffff08;border:1px solid var(--color-border);border-radius:8px;overflow:hidden}.typo-stepper-btn{display:flex;align-items:center;justify-content:center;width:32px;height:28px;color:#fff;cursor:pointer;transition:background .15s,box-shadow .15s;border-radius:var(--radius-button);padding:0}.typo-stepper-btn:disabled{opacity:.3;cursor:default}.typo-stepper-value{flex:1;text-align:center;font-size:var(--text-caption);font-variant-numeric:tabular-nums;color:var(--color-text-primary);font-weight:var(--weight-medium)}.typo-reset-btn{font-size:var(--text-micro);color:#fff;cursor:pointer;padding:4px 8px;text-align:center;transition:color .15s,background .15s,box-shadow .15s;border-radius:var(--radius-button)}.transcript-overflow-btn{display:flex;align-items:center;justify-content:center;padding:2px 4px!important}.transcript-cost{font-size:var(--text-micro);color:var(--color-text-muted);margin-left:auto}.transcript-scroll{max-height:200px;overflow-y:auto;overflow-x:hidden;line-height:1.8;font-size:var(--text-label);padding:4px 0}.transcript-scroll::-webkit-scrollbar{width:6px}.transcript-scroll::-webkit-scrollbar-track{background:transparent}.transcript-scroll::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}.transcript-word{display:inline;padding:1px 2px;border-radius:2px;cursor:pointer;transition:background .2s ease,opacity .2s ease,border-color .2s ease,box-shadow .2s ease}.transcript-word:hover{background:#2b62ff26}.transcript-word--active{background:#2b62ff59;color:#fff}.transcript-word--editable{cursor:pointer}.transcript-word--search-match{background:#fbbf2440;border-radius:2px}.transcript-word--search-current{background:#fbbf2499;color:#000;border-radius:2px}.transcript-word--split-after{background:#8083ff1f;box-shadow:inset 0 0 0 1px #8083ff33;border-radius:3px;padding:1px 2px}.transcript-word--split-before{border-right:2px solid var(--color-accent);padding-right:6px;margin-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{padding:6px 10px;font-size:var(--text-caption);color:var(--color-text-muted);border-bottom:1px solid var(--color-border);margin-bottom:4px}.split-menu-header strong{color:var(--color-accent-text)}.transcript-toolbar-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0!important;border:1px solid rgba(128,131,255,.3)!important;background:#8083ff1a!important;color:var(--color-accent-text)!important;box-shadow:none!important;border-radius:var(--radius-button);cursor:pointer;transition:background .15s ease,color .15s ease,opacity .15s ease,border-color .15s ease}.transcript-toolbar-btn:hover:not(:disabled){background:#8083ff33!important;border-color:#8083ff80!important;color:#fff!important}.transcript-toolbar-btn:disabled{opacity:.25;cursor:default;border-color:transparent!important;background:transparent!important;color:var(--color-text-dim)!important}.transcript-search-bar{margin-bottom:8px}.transcript-search-toggle{display:inline-flex;align-items:center;gap:4px}.transcript-search-input-wrap{display:flex;align-items:center;gap:4px;background:var(--color-bg-input);border:1px solid var(--color-border);border-radius:var(--radius-input);padding:4px 8px;flex:1;min-width:0}.transcript-search-icon{flex-shrink:0;color:var(--color-text-dim)}.transcript-search-input{flex:1;min-width:0;background:transparent;border:none;outline:none;color:var(--color-text-primary);font-size:var(--text-label);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{display:flex;align-items:center;justify-content:center;color:#fff;padding:2px;border-radius:4px;cursor:pointer;flex-shrink:0}.transcript-search-nav-btn:hover:not(:disabled){background:var(--color-bg-hover);color:var(--color-text-primary)}.transcript-search-nav-btn:disabled{opacity:.3;cursor:default}.transcript-word-input{display:inline-block;font-size:inherit;font-family:inherit;line-height:inherit;padding:1px 4px;border:1.5px solid var(--color-accent);border-radius:3px;background:var(--color-bg-sunken);color:var(--color-text-primary);outline:none;min-width:30px;max-width:200px}.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;box-shadow:0 4px 12px #0006;padding:4px 0;min-width:160px}.transcript-context-menu button{display:block;width:100%;padding:6px 12px;background:none;border:none;color:var(--color-text-primary);font-size:var(--text-label);text-align:left;cursor:pointer;box-shadow:none;border-radius:0}.transcript-context-menu button:hover{background:#2b62ff33}.transcript-context-menu-divider{height:1px;background:var(--color-bg-hover);margin:4px 0}.transcript-context-menu-danger{color:var(--color-danger)!important}.transcript-context-menu-danger:hover{background:#ef444426!important}.transcript-speaker-break{display:block;height:8px}.transcript-speaker-label{display:inline-block;font-size:var(--text-micro);font-weight:var(--weight-semibold);color:#fff;padding:1px 6px;border-radius:3px;margin-right:4px;vertical-align:baseline;transition:background-color .3s ease,opacity .2s ease}.transcript-speaker-label.editable{cursor:pointer}.transcript-speaker-label.editable:hover{filter:brightness(1.2)}.transcript-speaker-edit{display:inline-block;margin-right:4px}.transcript-speaker-input{font-size:var(--text-micro);padding:1px 4px;border:1.5px solid var(--color-accent);border-radius:3px;background:var(--color-bg-sunken);color:var(--color-text-primary);outline:none;width:120px}.speaker-label-editable{cursor:pointer}.speaker-label-editable:hover{filter:brightness(1.15)}.speaker-merge-prompt{position:absolute;top:calc(100% + 6px);left:0;z-index:100;min-width:240px;padding:10px 12px;background:#1e1e28d9;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.08);border-radius:8px;box-shadow:0 8px 24px #00000059;font-size:var(--text-label);color:var(--color-text-primary);line-height:1.4}.speaker-merge-prompt p{margin:0 0 8px}.speaker-merge-prompt-actions{display:flex;gap:6px;justify-content:flex-end}.transcript-paragraph{margin-bottom:12px;text-wrap:pretty}.transcript-paragraph:last-child{margin-bottom:0}.transcript-paragraph-speaker{display:block;font-weight:700;font-size:inherit;cursor:default;margin-bottom:2px}.transcript-paragraph-speaker.editable{cursor:pointer}.transcript-paragraph-speaker.editable:hover{text-decoration:underline;text-underline-offset:2px}.transcript-speaker-edit--inline{display:block;margin-bottom:2px}.transcript-toolbar-btn.active{background:#8083ff40!important;border-color:#8083ff80!important}.transport-timecode--clickable{cursor:pointer;border-radius:4px;padding:2px 4px;margin:-2px -4px;transition:background .15s ease}.transport-timecode--clickable:hover{background:var(--color-bg-hover)}.segment-context-menu{background:#1e1e28e0;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.08);border-radius:8px;box-shadow:0 8px 24px #00000059;padding:4px 0;min-width:180px;font-size:var(--text-label)}.segment-context-menu-header{padding:6px 12px 4px;font-size:var(--text-micro);font-weight:var(--weight-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em}.segment-context-menu button{display:flex;align-items:center;gap:8px;width:100%;padding:6px 12px;border:none!important;background:transparent!important;color:var(--color-text-primary)!important;font-size:var(--text-label);cursor:pointer;text-align:left;box-shadow:none!important;border-radius:4px}.segment-context-menu button:hover{background:#ffffff14!important}.segment-context-menu-color{display:inline-block;width:8px;height:8px;border-radius:50%;flex-shrink:0}.segment-context-menu-new-input{padding:4px 8px 6px}.segment-context-menu-new-input .transcript-speaker-input{width:100%}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.transcript-badge{font-size:var(--text-micro);padding:1px 6px;border-radius:8px;font-weight:var(--weight-semibold)}.transcript-badge--ready{background:#34d3991f;color:var(--color-approval-green)}.transcript-badge--progress{background:#fbbf241a;color:var(--color-approval-yellow)}.transcript-badge--error{background:#f871711a;color:var(--color-approval-red)}.transcript-loading,.transcript-empty,.transcript-error{padding:16px 0;text-align:center;color:var(--color-text-muted);font-size:var(--text-label)}.transcript-error{color:var(--color-approval-red)}.transcript-progress{padding:12px 0}.transcript-progress .progress-bar{height:6px;background:var(--color-border);border-radius:3px;overflow:hidden}.transcript-progress .progress-fill{height:100%;background:var(--color-accent);border-radius:3px;transition:width .5s ease}.status-stack{display:flex;flex-direction:column;gap:2px}.status-line{display:flex;align-items:center;gap:4px;height:14px;transition:opacity .3s ease,background-color .3s ease,box-shadow .3s ease}.status-line--resolved{opacity:.4}.status-line--active{opacity:1;animation:status-pulse 2s ease-in-out infinite}.status-line--error{opacity:1;border-radius:4px;padding:0 4px;box-shadow:0 0 0 1px var(--color-approval-red),0 2px 8px #ffb4ab26}.status-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0;font-size:0;overflow:hidden;display:flex;align-items:center;justify-content:center}.status-line--resolved .status-dot{width:14px;height:14px;font-size:9px;color:#fff;font-weight:700}.status-dot--green{background:var(--color-approval-green)}.status-dot--amber{background:var(--color-approval-yellow)}.status-dot--red{background:var(--color-approval-red)}.status-dot--gray{background:var(--color-approval-pending)}.status-dot--indigo{background:var(--color-accent)}.status-label{font-size:var(--text-micro);color:var(--color-text-muted);white-space:nowrap;line-height:1}.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;gap:6px;align-items:center}.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{animation:none;opacity:1}}.transcription-mode-group{display:flex;gap:8px;margin:8px 0}.transcription-mode-btn{flex:1;padding:10px 12px;border-radius:var(--radius-input);color:#fff;font-size:var(--text-label);cursor:pointer;text-align:center;transition:border-color .15s,background .15s,box-shadow .15s}.transcription-mode-btn--active{border-color:var(--color-accent);background:#6366f114}.transcription-mode-btn small{display:block;color:var(--color-text-muted);font-size:var(--text-micro);margin-top:4px}.transcription-confirm-input{display:flex;align-items:center;gap:8px;margin-top:8px;padding:8px 12px;background:#fbbf240f;border:1px solid var(--color-approval-yellow);border-radius:6px;font-size:var(--text-caption);color:var(--color-approval-yellow)}.transcription-confirm-input input{background:var(--color-bg-body);border:1px solid var(--color-border);border-radius:4px;padding:4px 8px;color:var(--color-text-primary);font-size:var(--text-caption);width:80px}.collapsible-section{margin-top:8px}.collapsible-header{display:flex;align-items:center;gap:8px;width:100%;padding:10px 14px;border-radius:var(--radius-input);color:#fff;font-size:var(--text-body);font-weight:var(--weight-semibold);cursor:pointer}.collapsible-title{flex:1;text-align:left}.collapsible-badge{flex-shrink:0}.collapsible-chevron{flex-shrink:0;transition:transform .2s ease;color:var(--color-text-dim)}.collapsible-chevron--open{transform:rotate(180deg)}.collapsible-content{margin-top:8px}.review-container-wide{max-width:none;padding:4px 16px}.review-layout--three-col{display:flex;gap:4px;align-items:stretch;flex:1;min-height:0}.review-transcript-panel{overflow:hidden;display:flex;flex-direction:column;background:transparent;border:none;border-radius:0;padding:10px 12px;box-shadow:none;border-right:1px solid rgba(255,255,255,.04);transition:width .2s ease-out,flex .2s ease-out,opacity .2s ease-out;will-change:width}.review-transcript-panel .transcript-panel,.review-transcript-panel .transcript-content{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.review-layout--three-col .review-video-panel{flex:1;min-width:0;transition:flex .2s ease-out}.review-layout--three-col .review-comments-panel,.review-layout--three-col .review-transcript-panel{flex:none;min-width:200px;min-height:0;max-height:100%;transition:width .2s ease-out,flex .2s ease-out,opacity .2s ease-out;will-change:width}.review-layout.resizing .review-transcript-panel,.review-layout.resizing .review-comments-panel,.review-layout.resizing .review-video-panel{transition:none!important;will-change:auto!important}.review-transcript-panel .transcript-scroll{max-height:none;flex:1;min-height:0;overflow-y:auto;overflow-x:hidden}.transcript-panel--side{border:none;background:none;padding:0}.transcript-panel--side .transcript-content{margin-top:0}.source-meta-collapsible{margin-top:10px}.source-meta-collapsible .collapsible-content{margin-top:0}.transcript-side-header{padding:0 0 10px;border-bottom:1px solid var(--color-border);margin-bottom:10px;font-size:var(--text-body);color:var(--color-text-primary)}.toolbar-promoted{display:contents}.toolbar-more-wrap{position:relative;flex-shrink:0}.toolbar-more-btn{padding:6px 8px!important;min-width:0!important;line-height:1}.toolbar-more-menu{position:absolute;top:100%;right:0;z-index:40;margin-top:4px;background:var(--color-bg-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--color-border);border-radius:var(--radius-button);box-shadow:0 8px 24px #0006;min-width:180px;padding:4px;display:flex;flex-direction:column;gap:2px}.toolbar-more-menu button{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;font-size:var(--text-body);color:var(--color-text-primary);background:transparent;border:none;border-radius:6px;cursor:pointer;text-align:left;white-space:nowrap;box-shadow:none}.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{position:absolute;top:100%;right:0;z-index:40;margin-top:4px;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-button);box-shadow:0 8px 24px #0006;min-width:260px;max-width:360px;max-height:60vh;overflow-y:auto;padding:12px 14px}.source-info-popover h4{font-size:var(--text-body);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:var(--tracking-uppercase)}.source-info-popover .source-meta-grid{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;font-size:var(--text-label)}.toolbar-separator{width:1px;height:24px;background:#ffffff26;align-self:center;flex-shrink:0;margin:0 6px}.panel-toggle-btn{padding:6px 10px;min-width:0;line-height:1;display:inline-flex;align-items:center;gap:0;font-size:0;color:#ffffff8c;background:transparent;border:1px solid transparent;border-radius:var(--radius-button);cursor:pointer;transition:all .15s;flex-shrink:0}.panel-toggle-btn:hover{color:#ffffffd9;background:#8083ff1a}.panel-toggle-btn.active{color:#fff;background:#8083ff40;border-color:#8083ff80;box-shadow:0 0 6px #8083ff59}button.secondary.active,.secondary.active{background:#8083ff40;border-color:#8083ff80;box-shadow:0 0 6px #8083ff59;color:#fff}.resize-handle{width:8px;flex-shrink:0;cursor:col-resize;display:flex;align-items:center;justify-content:center;color:var(--color-text-dim);border-radius:4px;transition:background .15s,color .15s;-webkit-user-select:none;user-select:none;position:relative;z-index:5}.resize-handle:hover,.resize-handle:active{background:var(--color-accent-glow);color:var(--color-accent)}.review-layout--three-col .review-toolbar{gap:6px}.review-layout--three-col .review-toolbar-actions{font-size:var(--text-body);gap:4px}.review-layout--three-col .review-toolbar-actions button{padding:5px 8px;font-size:var(--text-label)}@media(max-width:1400px){.review-container-wide{max-width:1100px;padding:16px}}@media(max-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(max-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(min-width:1024px)and (max-width:1199px){.nav-panel:not(.collapsed):not(.mobile){width:64px;overflow:visible}.nav-panel:not(.collapsed):not(.mobile) .nav-panel-header,.nav-panel:not(.collapsed):not(.mobile) .nav-node-label,.nav-panel:not(.collapsed):not(.mobile) .nav-node-meta,.nav-panel:not(.collapsed):not(.mobile) .nav-panel-title{display:none}.nav-panel:not(.collapsed):not(.mobile) .nav-node{justify-content:center;padding:10px 8px}.nav-panel:not(.collapsed):not(.mobile) .nav-color-dot{width:12px;height:12px}.nav-panel:not(.collapsed):not(.mobile) .nav-chevron{display:none}}@media(max-width:767px){.nav-panel.mobile{width:300px}.nav-node{padding:10px 12px;font-size:var(--text-body);min-height:var(--touch-target-min)}}@media(min-width:1024px)and (max-width:1199px){.review-container-wide{max-width:100%;padding:var(--content-padding)}.review-layout,.review-layout--three-col{flex-direction:row}.review-video-panel{flex:2}.review-comments-panel{flex:1;min-width:200px;max-width:380px}.resize-handle{display:none}}@media(min-width:768px)and (max-width:1023px){.review-container-wide{max-width:100%;padding:var(--content-padding)}.review-layout,.review-layout--three-col{flex-direction: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(max-width:767px){.app-main:has(>.review-container-wide){overflow:auto;-webkit-overflow-scrolling:touch}.review-page-root{display:block;height:auto;overflow:visible}.review-container-wide{max-width:100%;padding:0}.review-layout,.review-layout--three-col{flex-direction:column;gap:0}.review-video-panel{flex:none;overflow:hidden;position:sticky;top:0;z-index:10}.review-video-panel .video-flex-wrapper video{height:auto!important;max-height:50dvh}.review-comments-panel{flex:none;min-height:50dvh;padding-bottom:env(safe-area-inset-bottom,20px)}.resize-handle{display:none}.review-toolbar{flex-wrap:nowrap;gap:4px;padding:6px var(--content-padding);overflow:visible}.review-toolbar>div:first-child{flex:1 1 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{gap:4px;flex-wrap:nowrap;flex:1 1 100%}.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{-webkit-appearance:menulist;appearance:menulist;background-image:none;padding-right:10px}}@media(pointer:coarse){.transport-timeline{min-height:var(--touch-target-min);padding:12px 0;cursor:pointer}.transport-timeline-track{height:6px}.transport-timeline-track:active{height:10px}.transport-btn{min-width:var(--touch-target-min);min-height:var(--touch-target-min);padding:8px}}@media(max-width:767px){.transport-bar{gap:0;padding:0 var(--content-padding);margin-top:4px}.transport-timeline{padding:8px 0 4px}.transport-controls{gap:8px;padding:4px 0 6px;flex-wrap:nowrap}.transport-volume-group,.transport-volume{display:none!important}.transport-timecode{font-size:var(--text-label)}.transport-icon-btn{padding:6px}}@media(max-width:1199px){.compare-videos{flex-direction:column}.compare-videos>*{flex:none;width:100%}}@media(min-width:768px)and (max-width:1023px){.grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.container{padding:var(--content-padding)}}@media(max-width:767px){.grid{grid-template-columns:1fr;gap:var(--grid-gap)}.grid>*{min-width:0;max-width:100%}.container{padding:var(--content-padding);max-width:100vw;overflow-x:hidden;box-sizing:border-box}.drop-zone-text{display:none}.drop-zone-btn{width:100%}}@media(max-width:767px){.admin-layout{flex-direction:column}.admin-sidebar{flex-direction:row;overflow-x:auto;border-bottom:1px solid var(--color-border);border-right:none;padding:0;gap:0}.admin-sidebar a,.admin-sidebar button{white-space:nowrap;padding:10px 16px;font-size:var(--text-body)}.admin-content{padding:var(--content-padding)}}@media(max-width:767px){.modal-overlay{align-items:flex-end;padding:0}.modal-content,.drawer-panel{width:100%;max-width:100%;border-radius:16px 16px 0 0;max-height:90vh;max-height:90dvh;padding-bottom:env(safe-area-inset-bottom,0px)}.modal-actions{flex-direction:column;gap:8px}.modal-actions button{width:100%}}.hide-tablet{display:none}@media(min-width:1024px){.hide-tablet{display:initial}}.show-mobile-only{display:none}@media(max-width:767px){.show-mobile-only{display:initial}.hide-on-mobile{display:none}}.fab-comment{display:none}@media(max-width:767px){.fab-comment{display:flex;align-items:center;justify-content:center;position:fixed;bottom:calc(16px + env(safe-area-inset-bottom,0px));right:16px;width:56px;height:56px;border-radius:50%;background:var(--color-accent);color:#fff;border:none;box-shadow:0 4px 12px #0006;z-index:100;cursor:pointer;font-size:var(--text-display);line-height:1}}.mobile-composer-sheet{position:fixed;bottom:0;left:0;right:0;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;display:flex;flex-direction:column;gap:8px;box-shadow:0 -4px 20px #00000080;animation:sheet-slide-up .2s ease-out}.mobile-composer-header{display:flex;align-items:center;gap:8px}.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(max-width:1023px){.compare-ab-toggle{display:flex;gap:0;border-radius:8px;overflow:hidden;border:1px solid var(--color-border);margin:0 var(--content-padding) 4px}.compare-ab-toggle button{flex:1;padding:8px 12px;font-size:var(--text-body);font-weight:var(--weight-semibold);border:none;border-radius:0;background:var(--color-bg-sunken);color:var(--color-text-muted);cursor:pointer;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){display:none}.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{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);background:var(--color-accent-gradient);border:none;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)}.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{position:absolute;bottom:100%;left:0;right:0;margin-bottom:4px;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);max-height:200px;overflow-y:auto;z-index:100}.mention-dropdown-item{display:flex;align-items:center;gap:8px;padding:8px 12px;cursor:pointer;transition:background .1s}.mention-dropdown-item:hover,.mention-dropdown-item--active{background:#8083ff1f}.mention-dropdown-avatar{width:24px;height:24px;border-radius:50%;background:var(--color-accent);color:#fff;display:flex;align-items:center;justify-content:center;font-size:var(--text-micro);font-weight:var(--weight-semibold);flex-shrink:0}.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{display:block;font-size:var(--text-label);color:var(--color-text-muted);margin-bottom:var(--space-1)}.handle-input-wrapper{display:flex;align-items:center;gap:4px}.handle-prefix{color:var(--color-text-dim);font-size:var(--text-body)}