:root{font-family:Inter,Segoe UI Variable,Segoe UI,system-ui,sans-serif;font-size:14px;color:#e9ebf0;background:#101114;color-scheme:dark;--surface: #191b20;--raised: #22252c;--line: #ffffff0e;--muted: #959aa6;--accent: #a9e7c5}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;color:#e9ebf0;background:#ffffff07;border:1px solid #ffffff0a;border-radius:9px;padding:9px 13px;white-space:nowrap;font-size:12px;font-weight:550;transition:background .16s ease,color .16s ease,border-color .16s ease}button:hover{background:#ffffff0e;border-color:#ffffff19}button:disabled{cursor:default;color:#60656f;background:#ffffff03;border-color:transparent}button.primary{color:#14251c;background:var(--accent);border-color:transparent;font-weight:650}button.primary:hover{background:#bff4d7}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,.video-stage:focus-visible{outline:2px solid var(--accent);outline-offset:3px}svg{display:block;flex-shrink:0;width:18px;height:18px}.app-shell{max-width:1720px;height:100dvh;margin:auto;padding:0 40px 40px;display:flex;flex-direction:column}.app-header{height:96px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:inline-flex;align-items:center;gap:11px;color:#f5f6f8;text-decoration:none;font-size:20px;font-weight:650;letter-spacing:-.7px}.brand-mark,.brand-mark svg{width:33px;height:33px;color:var(--accent)}.profile{position:relative;z-index:10}.header-actions,.auth-actions{display:flex;align-items:center;gap:18px}.auth-actions a,.back-to-player{color:#bcc0ca;text-decoration:none;font-size:12px}.auth-actions a:hover,.back-to-player:hover{color:#fff}.account-shell{max-width:1100px;margin:auto;padding:0 28px 40px}.account-card{width:min(460px,100%);margin:30px auto;padding:28px}.account-card h1{font-size:20px;margin:0 0 20px;font-weight:600}#account-status,#account-email,.account-hint{font-size:12px;color:var(--muted);line-height:1.7}.account-actions{display:flex;gap:12px;margin-top:24px}.account-sign-in{display:inline-flex;color:#14251c;background:var(--accent);padding:10px 20px;border-radius:8px;font-size:13px;font-weight:600;text-decoration:none}.account-hint{margin:20px 0 0}.profile-button{border-radius:50px;gap:9px;padding:8px 11px 8px 8px;background:#191b20}.profile-avatar{display:grid;place-items:center;width:29px;height:29px;border-radius:50%;background:#303730;color:#bcdbc7}.profile-avatar svg{width:17px;height:17px}.profile-button>[data-icon] svg{width:13px;color:var(--muted)}.profile-menu{position:absolute;right:0;top:calc(100% + 10px);width:185px;padding:6px;background:#23262c;border:1px solid #ffffff0e;border-radius:13px;box-shadow:0 16px 45px #0006}.profile-menu button{display:flex;justify-content:flex-start;width:100%;background:transparent;border:0;padding:12px;text-align:left}.profile-menu button svg{color:var(--muted)}.profile-menu button:hover{background:#ffffff09}.workspace{display:grid;flex:1;min-height:0;grid-template-columns:minmax(0,1fr) 332px;grid-template-rows:minmax(0,1fr);align-items:start;gap:24px;transition:grid-template-columns .22s ease,gap .22s ease}.workspace.sidebar-collapsed{grid-template-columns:minmax(0,1fr) 0;grid-template-rows:minmax(0,1fr);gap:0}.workspace.sidebar-collapsed .sidebar{visibility:hidden;opacity:0;transform:translate(12px);overflow:hidden;max-height:0}.sidebar-toggle{padding:8px;color:var(--muted);border-color:transparent;background:transparent;flex-shrink:0}.sidebar-toggle[aria-expanded=false]{color:var(--accent);background:#a9e7c50a}.sidebar-toggle[aria-expanded=false] svg{transform:scaleX(-1)}.player-container{display:flex;flex-direction:column;min-height:0;max-height:100%;overflow:hidden;min-width:0;border:1px solid var(--line);border-radius:18px;background:var(--surface);box-shadow:0 16px 50px #0002}.player-toolbar{display:flex;flex-shrink:0;align-items:center;gap:14px;padding:16px 18px}.file-title{flex:1;min-width:0;padding:0 2px;font-size:12px;font-weight:450;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#bcc0ca}#subtitles-button{background:transparent;border-color:transparent;padding:8px;color:var(--muted)}#subtitles-button:hover{color:#e9ebf0;background:#ffffff07}.video-stage{position:relative;flex:0 1 auto;width:100%;aspect-ratio:16 / 9;min-height:0;overflow:hidden;background:#070809;isolation:isolate;outline:none}#video-canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0}.video-stage.has-file #video-canvas{opacity:1}.video-stage.drop-active{outline:2px dashed var(--accent);outline-offset:-12px}.empty-state{position:absolute;inset:0 0 90px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:23px;background:radial-gradient(ellipse at 50% 50%,#1d252331,transparent 65%)}.empty-mark svg{width:64px;height:64px;color:#4a5750;stroke-width:1}.empty-state button{padding:12px 19px;font-size:13px}.player-message{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;background:#070809b0;color:#e9ebf0;padding:30px;font-size:14px;line-height:1.6;pointer-events:none;white-space:pre-line;z-index:2}.player-controls{position:absolute;inset:auto 0 0;display:flex;align-items:center;gap:12px;height:90px;padding:32px 20px 15px;z-index:5;background:linear-gradient(transparent,#08090bd9 45%,#08090bf5);transition:opacity .18s}.icon-button{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:32px;padding:6px;border:0;background:transparent;flex-shrink:0}.icon-button svg{width:20px;height:20px}.icon-button:hover{background:#ffffff15}.play-button{background:#e9ebf0;color:#121416;border-radius:50%;width:36px;height:36px}.play-button:hover{background:#fff}.play-button:disabled{background:#ffffff12;color:#737782}.play-button svg{width:18px;height:18px}.forward{gap:3px;min-width:54px}.forward svg{width:25px;height:25px}.forward .skip-label{font-size:12px;font-weight:700;line-height:1}input[type=range]{--progress: 0%;accent-color:var(--accent);cursor:pointer;margin:0;height:4px;appearance:none;border:0;border-radius:10px;background:linear-gradient(to right,var(--accent) var(--progress),#ffffff30 var(--progress))}input[type=range]::-webkit-slider-thumb{appearance:none;width:10px;height:10px;border-radius:50%;background:#f4f6f8;border:0}input[type=range]::-moz-range-thumb{width:10px;height:10px;border-radius:50%;background:#f4f6f8;border:0}input[type=range]:disabled{opacity:.35;cursor:default}#timeline{position:absolute;left:22px;right:22px;top:17px;width:calc(100% - 44px);height:3px}#timeline::-webkit-slider-thumb{opacity:0;transition:opacity .15s}#timeline:hover::-webkit-slider-thumb,#timeline:focus-visible::-webkit-slider-thumb{opacity:1}.clock{font-size:11px;font-variant-numeric:tabular-nums;color:#c7cad1;white-space:nowrap;margin:0 4px}.volume-control{margin-left:auto;display:flex;align-items:center;gap:10px}.volume-control svg{width:17px;height:17px;color:#bec2cb}#volume{width:70px;--progress: 70%}#volume-value{min-width:31px;font-size:10px;color:#acb2be;font-variant-numeric:tabular-nums}.status-line{display:flex;flex-shrink:0;justify-content:space-between;align-items:center;gap:20px;min-height:45px;font-size:11px;padding:12px 20px;color:#9197a3}#translation-status{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#playback-state{display:inline-flex;align-items:center;gap:7px;flex-shrink:0}#playback-state:before{content:"";width:5px;height:5px;border-radius:50%;background:#8aa496}.notice{display:flex;flex-shrink:0;max-height:25%;overflow:auto;gap:9px;color:#efbaab;padding:12px 18px;background:#b9512b12;font-size:12px;line-height:1.5}.caption-stack{--subtitle-font-size: clamp(18px, 1.8vw, 30px);position:absolute;left:5%;right:5%;bottom:100px;pointer-events:none;z-index:3;text-align:center;color:#fff;font-size:var(--subtitle-font-size);font-weight:600;text-shadow:0 2px 3px #000,0 0 5px #000;white-space:pre-line;line-height:1.35}.source-caption,.translated-caption{font-size:calc(var(--subtitle-font-size) * var(--subtitle-scale, 1));overflow-wrap:anywhere}.caption-stack{display:flex;flex-direction:column;align-items:stretch}#source-layers{display:contents}.source-caption,.translated-caption:not(:empty){margin-top:8px}.translated-caption{color:#ffe59a}.source-caption img{display:block;margin:auto;max-width:100%;max-height:calc(20vh * var(--subtitle-scale, 1));object-fit:contain;filter:drop-shadow(0 2px 3px #000)}.translation-actions{position:absolute;z-index:6;left:8%;right:8%;bottom:155px;display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.video-stage:fullscreen{flex:none;width:100vw;height:100dvh;min-height:0}.video-stage:fullscreen .player-controls{padding-left:28px;padding-right:28px}.video-stage:fullscreen .caption-stack{--subtitle-font-size: clamp(24px, 2.2vw, 42px);bottom:108px}.video-stage.idle{cursor:none}.video-stage.idle .player-controls{opacity:0;pointer-events:none}.video-stage.idle .caption-stack{bottom:32px}.sidebar{display:grid;gap:18px;min-width:0;min-height:0;max-height:100%;overflow:auto;align-content:start;scrollbar-width:thin;scrollbar-color:#383d47 transparent;transition:opacity .18s ease,transform .22s ease}.sidebar-card{border:1px solid var(--line);border-radius:16px;background:var(--surface);overflow:hidden}.playback-choices{padding:0;overflow:visible;position:relative;z-index:2}.choices-summary{display:flex;align-items:center;gap:10px;padding:23px;cursor:pointer;list-style:none;font-size:13px;font-weight:600;letter-spacing:-.15px;border-radius:16px}.choices-summary::-webkit-details-marker{display:none}.choices-summary::marker{content:""}.choices-summary:hover{background:#ffffff03}.choices-summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.choices-summary svg{width:17px;height:17px;color:#8f98a5}.choices-chevron{margin-left:auto;transition:transform .18s}.playback-choices:not([open]) .choices-chevron{transform:rotate(-90deg)}.choices-content{padding:0 23px 23px}.subtitle-multiselect{position:relative;border-top:1px solid var(--line);padding-top:20px}.choice-label{display:block;font-size:11px;font-weight:500;color:var(--muted);margin-bottom:9px}.multiselect-button{display:flex;justify-content:space-between;width:100%;color:#dce0e7;background:#121418;border:1px solid #ffffff0d;border-radius:8px;padding:11px 12px;font-size:12px;font-weight:400;text-align:left}.multiselect-button:hover,.multiselect-button[aria-expanded=true]{background:#121418;border-color:#ffffff25}#subtitle-selection{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.multiselect-button svg{width:12px;height:12px;color:#8d95a4}.multiselect-button[aria-expanded=true] svg{transform:rotate(180deg)}.player-menu{position:absolute;right:14px;bottom:82px;z-index:7;width:min(380px,calc(100% - 28px));max-height:calc(100% - 96px);overflow:auto;padding:12px 16px;background:#202329f5;border:1px solid #ffffff20;border-radius:12px;box-shadow:0 15px 35px #0008;scrollbar-width:thin}.player-menu-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;font-size:13px}.player-menu .choice-field{margin-bottom:14px;gap:6px}.player-menu .choice-field select{padding-block:8px}.subtitle-menu-columns{display:flex;justify-content:space-between;color:var(--muted);font-size:10px;padding:0 4px 8px}.subtitle-menu-columns span:last-child{width:76px;text-align:center}.subtitle-track-row{display:grid;grid-template-columns:22px minmax(0,1fr) 76px;gap:6px;align-items:center;border-radius:7px;padding-right:4px;cursor:pointer;border-block:2px solid transparent}.subtitle-track-row:hover{background:#ffffff06}.subtitle-track-row.dragging{opacity:.4}.subtitle-track-row.drop-before{border-top-color:var(--accent)}.subtitle-track-row.drop-after{border-bottom-color:var(--accent)}.subtitle-drag-handle{width:22px;padding:4px 1px;border:0;background:transparent;color:var(--muted);cursor:grab}.subtitle-drag-handle:active{cursor:grabbing}.subtitle-drag-handle svg{width:17px;height:17px}.subtitle-track-row .layer-option{min-width:0;padding:10px 4px}.subtitle-track-row .subtitle-size{width:100%;padding:8px 24px 8px 9px;background-position:right 7px center;font-size:11px}#subtitle-menu-button[aria-expanded=true],#audio-menu-button[aria-expanded=true]{color:var(--accent);background:#a9e7c518}.sidebar h2{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:600;margin:0 0 24px;letter-spacing:-.15px}.sidebar h2 svg{color:#8f98a5;width:17px;height:17px}.choice-field{display:grid;gap:9px;font-size:11px;font-weight:500;color:var(--muted);margin-bottom:18px}select,input[type=text]{color:#dce0e7;background:#121418;border:1px solid #ffffff0d;border-radius:8px;min-width:0;padding:11px 12px;font-size:12px;transition:border-color .16s}select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%238d95a4' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:32px;text-overflow:ellipsis}select:hover,input[type=text]:hover{border-color:#ffffff25}select:disabled{opacity:.55}select option{color:#e9ebf0;background:#191b20}.choice-field select{width:100%}.layer-choices{padding:20px 0 0;margin:4px 0 0;border:0;border-top:1px solid var(--line);min-width:0}.layer-choices legend{float:left;width:100%;padding:0;margin:0 0 12px;font-size:11px;font-weight:500;color:var(--muted)}#subtitle-layers{clear:both}.layer-option{display:flex;align-items:center;gap:12px;padding:10px 1px;cursor:pointer;overflow-wrap:anywhere}.layer-option input{appearance:none;width:17px;height:17px;border:1px solid #515660;border-radius:5px;margin:0;flex-shrink:0;background:transparent;cursor:pointer}.layer-option input:checked{border-color:var(--accent);background:var(--accent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%2314251c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 10 3 3 7-7'/%3E%3C/svg%3E") center / 15px no-repeat}.layer-option span{font-size:12px;line-height:1.4;min-width:0}.layer-option small,.playlist-name small{display:block;color:#7f8795;font-size:10px;margin-top:4px;font-weight:400}.translation-layer{color:#b8e7cd}.layer-option small.layer-error{color:#efa893}.sidebar-tabs{display:flex;padding:6px;gap:4px;margin:15px 16px 0;background:#111317;border-radius:10px}.sidebar-tabs button{flex:1;background:transparent;border:0;padding:9px 6px;color:#8d94a2;font-size:12px;border-radius:7px}.sidebar-tabs button svg{width:15px;height:15px}.sidebar-tabs button.active{background:#2b2e36;color:#f0f2f5;box-shadow:0 2px 5px #0002}.panel-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px 20px 10px;color:#8c94a2;font-size:11px}.text-button{background:transparent;border-color:transparent;color:#c2c9d4;font-size:11px;padding:5px 0 5px 8px}.text-button:hover{border-color:transparent;color:#fff;background:transparent}.text-button[aria-pressed=true]{color:var(--accent)}.playlist-list,.transcript-list{max-height:390px;overflow:auto;padding:0 10px 12px;position:relative;scrollbar-width:thin;scrollbar-color:#383d47 transparent}.playlist-item{display:flex;align-items:center;gap:2px;border-radius:9px;margin-bottom:5px}.playlist-item.active{background:#a9e7c50a}.playlist-item.active .playlist-number{color:var(--accent)}.playlist-video{display:flex;align-items:center;justify-content:flex-start;gap:12px;min-width:0;flex:1;text-align:left;background:transparent;border:0;padding:13px 10px;white-space:normal}.playlist-number{display:grid;place-items:center;flex-shrink:0;width:24px;height:30px;border:1px solid #ffffff12;border-radius:5px;color:#727c8c;font-size:10px}.playlist-name{min-width:0;overflow-wrap:anywhere;font-size:12px;line-height:1.5;font-weight:450}.remove-video{flex-shrink:0;background:transparent;border:0;padding:8px;color:#7c8697;font-size:10px}.transcript-cue{display:flex;justify-content:flex-start;align-items:flex-start;gap:12px;width:100%;text-align:left;background:transparent;border:0;padding:12px 10px;white-space:pre-line;line-height:1.7;border-radius:9px}.transcript-cue time{color:#7f8c9e;font-size:10px;font-variant-numeric:tabular-nums}.transcript-cue span{min-width:0;overflow-wrap:anywhere;font-size:12px;font-weight:400}.transcript-cue.active{background:#a9e7c50a;color:#bce6cf}.empty-label{color:#7f8795;text-align:center;margin:32px 0;font-size:12px;font-weight:400}.library-panel .empty-label{padding:25px 0 18px;margin:0}.library-panel .empty-label:before{content:"";display:block;width:27px;height:24px;margin:0 auto 14px;opacity:.5;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237f8795' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='3' width='16' height='18' rx='3'/%3E%3Cpath d='M8 8h8M8 12h8M8 16h4'/%3E%3C/svg%3E") center / contain no-repeat}#subtitle-layers .empty-label{text-align:left;margin:8px 0 2px;font-size:11px}dialog{color:#e9ebf0;background:#1b1e24;border:1px solid #ffffff13;border-radius:18px;padding:0;width:min(590px,calc(100vw - 32px));max-height:85dvh;box-shadow:0 25px 90px #0008}dialog::backdrop{background:#06070bb0;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.dialog-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--line)}.dialog-header h2{font-size:16px;font-weight:600;letter-spacing:-.3px;margin:0}.dialog-header button{width:30px;height:30px;padding:5px;background:transparent;border:0;color:var(--muted)}.tabs{display:flex;gap:5px;padding:16px 24px 0}.tab{border-color:transparent;background:transparent;color:var(--muted)}.tab.active{background:#ffffff0a;color:#edf1f6}.tab-panel{padding:20px 24px;overflow:auto;max-height:55dvh;min-height:150px}.dialog-status{display:flex;gap:14px;justify-content:space-between;padding:14px 24px;font-size:10px;color:var(--muted);border-top:1px solid var(--line)}.settings-fields{display:grid;gap:24px;padding:25px 24px}.settings-fields label{display:grid;gap:10px;font-size:12px;color:#afb7c5}.dialog-actions{display:flex;justify-content:space-between;padding:0 24px 24px}.account-details{padding:20px 24px 26px}.detail-list{margin:0}.detail-row{display:flex;justify-content:space-between;gap:20px;padding:13px 0;border-bottom:1px solid var(--line);font-size:12px}.detail-row:last-child{border:0}.detail-row dt{color:var(--muted)}.detail-row dd{margin:0;text-align:right;overflow-wrap:anywhere}.track-card{padding:15px 0;border-bottom:1px solid var(--line);display:flex;gap:14px}.track-type-icon{font-size:21px;color:var(--muted)}.track-title{font-size:13px;font-weight:500;margin:0 0 5px}.track-meta,.track-tag{font-size:10px;color:var(--muted);margin:0;line-height:1.8}.cue{padding:16px 0;border-bottom:1px solid var(--line)}.cue-time{display:flex;justify-content:space-between;gap:10px;color:var(--muted);font-size:10px;margin-bottom:10px}.cue p{white-space:pre-wrap;margin:0;line-height:1.6;font-size:12px}.cue img{display:block;background:#111317;max-width:100%;max-height:120px;padding:8px;object-fit:contain}.subtitle-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;color:var(--muted);font-size:11px}@media(min-width:1600px){.app-shell{padding-left:56px;padding-right:56px}.workspace{gap:30px}}@media(max-width:1150px){.app-shell{padding:0 24px 28px}.workspace{grid-template-columns:minmax(0,1fr) 295px;gap:18px}.choices-summary{padding:20px}.choices-content{padding:0 20px 20px}.player-toolbar{gap:8px;padding:13px}#subtitles-button span{display:none}.player-controls{gap:9px}}@media(max-width:900px){.app-header{height:78px}.workspace{grid-template-columns:1fr;grid-template-rows:minmax(0,1.2fr) minmax(0,1fr)}.sidebar{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}.caption-stack{--subtitle-font-size: 21px}}@media(max-width:560px){.app-shell{padding:0 12px 20px}.app-header{height:72px}.brand{font-size:19px}.sidebar{grid-template-columns:1fr}.player-container,.sidebar-card{border-radius:13px}.player-toolbar{flex-wrap:wrap}.file-title{order:-1;flex-basis:100%;padding:0 2px 5px}#subtitles-button{margin-left:auto}#subtitles-button span{display:inline}.video-stage{min-height:0}.player-controls{gap:7px;padding-left:12px;padding-right:12px}#timeline{left:15px;right:15px;width:calc(100% - 30px)}.clock{font-size:10px;margin:0}.volume-control{gap:6px}#volume{width:38px}#volume-value{font-size:9px;min-width:25px}.status-line{font-size:10px;gap:8px;padding:12px 14px}.caption-stack{--subtitle-font-size: 18px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}.seek-preview{position:absolute;bottom:82px;width:168px;transform:translate(-50%);background:#151820;border:1px solid #ffffff30;border-radius:8px;box-shadow:0 6px 25px #0008;overflow:hidden;pointer-events:none;text-align:center}.seek-preview img{width:100%;aspect-ratio:16/9;object-fit:contain;display:block}.seek-preview img[hidden]{display:none}.seek-preview time{display:block;padding:6px 8px;font-size:12px;font-variant-numeric:tabular-nums;color:#fff}.library-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:6px;padding:17px 16px 10px}.library-toolbar .text-button{padding:7px 8px}.library-scope-row{display:flex;gap:5px;padding:0 16px 10px}.library-scope-row select{flex:1;width:0}#library-search{margin:0 16px 2px;width:calc(100% - 32px);color:var(--text);background:#121418;border:1px solid var(--line);border-radius:8px;padding:10px 12px;font:inherit;font-size:12px}.library-video{display:flex;align-items:center;gap:8px;padding:8px 7px;border-radius:10px;margin:2px 0}.library-video.active{background:#a9e7c50a}.library-video:hover{background:#ffffff06}.library-video>input{width:14px;height:14px;accent-color:var(--accent);flex-shrink:0}.library-play{display:block;flex:1;min-width:0;text-align:left;background:transparent;border:0;padding:4px 0;border-radius:0;white-space:normal}.library-play:hover,.library-more:hover{background:transparent}.library-title{display:block;font-size:12px;line-height:1.6;overflow-wrap:anywhere}.library-meta,.library-collections{display:block;color:var(--muted);font-size:10px;line-height:1.6;font-weight:400;margin-top:3px}.library-collections{color:#a5c4b5}.watched-mark{color:var(--accent)}.library-more{border:0;background:transparent;color:var(--muted);padding:9px 4px;font-size:12px}.library-progress{display:block;height:2px;border-radius:2px;background:#ffffff0b;margin:8px 0 2px;overflow:hidden}.library-progress>span{display:block;height:100%;background:var(--accent);opacity:.6}.library-help{color:var(--muted);font-size:11px;line-height:1.7;font-weight:400}#library-status{padding:0 18px 14px;margin:8px 0 0}#library-status.error{color:#efbaab}.library-loose{display:block;width:100%;background:transparent;border:0;text-align:left;overflow-wrap:anywhere}.library-loose small{display:block;color:var(--muted);font-size:10px;margin-top:4px}.library-dialog-body{display:grid;gap:15px;padding:20px 24px}.library-dialog-body h3{margin:8px 0 0;font-size:12px;font-weight:600}.library-dialog-body>label:not(.library-check){display:grid;gap:10px;font-size:12px}.library-check,.library-memberships label{display:flex;align-items:center;gap:9px;font-size:12px}.library-memberships{display:grid;gap:13px;max-height:180px;overflow:auto}.library-dialog-body input[type=checkbox]{accent-color:var(--accent)}#library-item-title{overflow-wrap:anywhere;min-width:0;padding-right:10px}.bookmark-row{display:flex;align-items:center;gap:8px}.bookmark-row button{border:0;background:transparent;font-size:11px}.bookmark-row button:first-child{flex:1;min-width:0;text-align:left;color:var(--accent)}.bookmark-row span{color:#dce0e7;margin-left:8px;overflow-wrap:anywhere}.bookmark-compose{display:flex;flex-wrap:wrap;gap:8px}.bookmark-compose input{flex:1;min-width:100px}.bookmark-compose button{font-size:11px}.settings-fields label.library-check{display:flex;align-items:center}[hidden]{display:none!important}.library-error{padding:0 24px 15px;color:#efbaab;font-size:12px}.library-tree-tools{display:flex;gap:6px;padding:0 12px 12px}.library-tree-tools #library-search{margin:0;flex:1;width:0;padding:8px 9px;font-size:11px}.library-tree-tools select{width:101px;flex-shrink:0;padding:8px 24px 8px 9px;font-size:10px;background-position:right 8px center}.library-tree{padding:5px 5px 9px;min-height:110px;border-top:1px solid var(--line);overflow-x:auto}.tree-folder{outline:0}.tree-folder-row{display:flex;align-items:center;min-height:34px;padding-left:calc(5px + var(--depth)*15px);border-radius:5px}.tree-folder-row:hover,.tree-folder:focus>.tree-folder-row{background:#ffffff07}.tree-folder:focus-visible>.tree-folder-row,.tree-video:focus-visible{outline:1px solid #a9e7c570;outline-offset:-1px}.tree-folder-toggle{display:flex;align-items:center;flex:1;gap:6px;padding:7px 4px 7px 0;min-width:0;color:#d6dce5;background:transparent;border:0;border-radius:0;text-align:left}.tree-folder-toggle:hover{background:transparent}.tree-chevron{width:12px;height:12px;flex-shrink:0;color:#7f8997}.tree-chevron svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.5;transition:transform .12s}.tree-folder[aria-expanded=true]>.tree-folder-row .tree-chevron svg{transform:rotate(90deg)}.tree-folder-icon{display:flex;flex-shrink:0;width:16px;height:16px;color:#b3bda5}.tree-folder-icon svg,.tree-file-icon svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.tree-folder-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:500}.tree-folder-count{margin-left:auto;padding-left:5px;color:#6f7987;font-size:10px;font-weight:400}.tree-folder-actions{display:flex;opacity:0;padding-right:3px}.tree-folder-row:hover .tree-folder-actions,.tree-folder:focus-within>.tree-folder-row .tree-folder-actions{opacity:1}.tree-folder-actions button{background:transparent;border:0;padding:4px;color:#8e98a6;font-size:14px}.tree-video{display:flex;align-items:center;gap:5px;min-height:31px;padding:3px 3px 3px calc(7px + var(--depth)*15px);border-radius:4px;outline:0}.tree-video:hover{background:#ffffff06}.tree-video.active{background:#a9e7c50e}.tree-video.selected{background:#a9e7c518}.tree-video[draggable=true]{cursor:grab}.tree-video>input{flex-shrink:0;width:12px;height:12px;margin:0 1px 0 0;accent-color:var(--accent);opacity:0}.tree-video:hover>input,.tree-video.selected>input,.tree-video:focus-within>input{opacity:1}.tree-file-icon{display:flex;color:#7e9aab;flex-shrink:0}.tree-file-icon.unavailable{opacity:.5}.tree-file-name{display:block;flex:1;min-width:0;background:transparent;border:0;border-radius:0;padding:5px 0;font-size:11px;font-weight:400;color:#b6bfcc;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:inherit}.tree-file-name:hover{background:transparent;color:#e7ecf3}.tree-video.active .tree-file-name{color:#bee7d1}.tree-watch-state{display:flex;width:12px;justify-content:center;flex-shrink:0;color:var(--accent);font-size:11px}.tree-started{width:5px;height:5px;border-radius:50%;background:#c6b880}.tree-file-more{background:transparent;border:0;padding:5px 1px;font-size:10px;color:#7f8997;opacity:0}.tree-video:hover .tree-file-more,.tree-video:focus-within .tree-file-more{opacity:1}.tree-empty{padding:7px 8px 10px calc(19px + var(--depth)*15px);color:#697482;font-size:10px}.tree-loose{display:flex;align-items:center;gap:6px;padding-left:calc(18px + var(--depth)*15px)}.tree-loose button{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:transparent;border:0;font-size:11px;color:#8f98a5}.tree-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:8px 16px 0;color:var(--muted);font-size:10px}.tree-footer button{font-size:10px}.tree-folder-row.drop-target{background:#a9e7c526;outline:1px solid #a9e7c570;outline-offset:-1px}.video-stage.library-drop-target{outline:2px solid var(--accent);outline-offset:-3px}.video-stage.library-drop-target:after{content:"Drop to play";position:absolute;inset:0;display:grid;place-items:center;background:#07150cb3;color:#d3f7e1;font-size:20px;pointer-events:none;z-index:8}@media(hover:none){.tree-file-more,.tree-video>input,.tree-folder-actions{opacity:1}}.library-reconnect{padding:10px 14px;background:#a9e7c50b;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.library-reconnect p{font-size:11px;line-height:1.6;color:#bccfc4;margin:0 0 6px;overflow-wrap:anywhere}.library-reconnect>div{display:flex;flex-wrap:wrap;gap:6px}.library-reconnect button{font-size:10px;padding:5px 6px}.library-tree{user-select:none;-webkit-user-select:none;padding-bottom:30px}.tree-video>input{opacity:.65;cursor:crosshair}.tree-video.selected>input,.tree-video:hover>input{opacity:1}.tree-marquee{position:fixed;pointer-events:none;z-index:100;border:1px solid #a9e7c5c0;background:#a9e7c526;border-radius:2px}.library-tree.marquee-active,.library-tree.marquee-active *{cursor:crosshair!important}.library-undo{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 15px;border-block:1px solid var(--line);background:#a9e7c50b;font-size:11px;color:#bdd7c8}.library-undo button{font-size:11px}.danger-text{color:#e6a6a0}.tree-footer{gap:8px}.sidebar{height:100%;grid-template-rows:auto minmax(0,1fr);align-content:stretch;overflow:hidden}.library-panel{display:flex;flex-direction:column;min-height:0;height:100%}.sidebar-tabs{flex-shrink:0}#playlist-panel,#transcript-panel{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}#playlist-panel>*{flex-shrink:0}#playlist-list.library-tree{flex:1;min-height:0;overflow:auto;scrollbar-width:thin;scrollbar-color:#383d47 transparent}#transcript-list{flex:1;min-height:0;max-height:none;overflow:auto}.tree-footer,#library-status,.panel-toolbar{flex-shrink:0}.choices-content{max-height:none;overflow:visible}@media(max-width:900px){.sidebar{grid-template-rows:minmax(0,1fr);align-items:stretch}.playback-choices{max-height:100%;overflow:auto}}@media(max-width:560px){.sidebar{grid-template-rows:auto minmax(0,1fr)}.choices-content{max-height:15dvh}}.batch-dialog{width:min(680px,calc(100vw - 32px));max-height:85dvh;overflow:hidden}.batch-dialog[open]{display:flex;flex-direction:column}.batch-dialog-body{min-height:0;overflow:auto;padding:0 22px 18px}.batch-list{display:grid;gap:12px}.batch-job{padding:14px;border:1px solid var(--border,#303544);border-radius:12px;background:var(--panel,#191d28)}.batch-job-title{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.batch-job-status{font-size:12px;color:var(--muted,#abb2c4);margin:6px 0}.batch-job progress{width:100%;height:4px;accent-color:var(--accent,#8b7cf8)}.batch-job-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.batch-job-actions button{font-size:12px;padding:6px 10px}#batch-message{white-space:pre-wrap}.library-toolbar{flex-wrap:wrap}.local-preparation-status{padding-block:3px!important;margin-block:0!important;color:var(--accent,#a9e7c5);font-size:10px}.library-context-host{position:fixed;inset:0;z-index:1000;pointer-events:none}.library-context-menu{position:fixed;pointer-events:auto;width:max-content;min-width:215px;max-width:min(360px,calc(100vw - 16px));max-height:calc(100dvh - 16px);overflow:auto;padding:6px;border:1px solid #ffffff20;border-radius:11px;background:#20242df8;box-shadow:0 18px 60px #0009;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.library-context-menu>button{display:flex;align-items:center;justify-content:space-between;gap:24px;text-align:left;width:100%;padding:8px 11px;background:transparent;border:0;border-radius:6px;color:#e7eaf1;font-size:12px;white-space:normal}.library-context-menu>button:hover:not(:disabled),.library-context-menu>button:focus-visible{background:#ffffff10;outline:none}.library-context-menu>button:disabled{opacity:.35;cursor:default}.library-context-menu>button.danger-text{color:#efa9a5}.context-separator{height:1px;background:#ffffff13;margin:5px 7px}.app-shell{padding:0 24px 24px;max-width:1920px}.app-header{height:72px}.workspace{gap:16px;grid-template-columns:minmax(0,1fr) var(--sidebar-width,400px);transition:none}.sidebar{position:relative;gap:12px;overflow:visible}.sidebar-resizer{position:absolute;left:-13px;top:0;bottom:0;width:10px;cursor:col-resize;z-index:8;outline:none;touch-action:none}.sidebar-resizer:after{content:"";position:absolute;left:4px;top:18px;bottom:18px;width:2px;border-radius:2px;background:transparent;transition:background .15s}.sidebar-resizer:hover:after,.sidebar-resizer:focus-visible:after,.resizing-sidebar .sidebar-resizer:after{background:var(--accent)}.resizing-sidebar,.resizing-sidebar *{cursor:col-resize!important;-webkit-user-select:none!important;user-select:none!important}.workspace.sidebar-collapsed{grid-template-columns:minmax(0,1fr) 0;gap:0}.sidebar-card,.player-container{border-radius:14px}.player-toolbar{padding:12px 14px;gap:10px}.status-line{padding:10px 16px}.video-stage:not(.has-file) .player-controls{display:none}.empty-state{inset:0;gap:18px}.empty-state p{margin:0;color:var(--muted);font-size:12px}.choices-summary{padding:15px 17px}.choices-content{padding:0 17px 17px;gap:15px}.sidebar-tabs{margin:10px 10px 0;padding:4px}.library-toolbar{padding:12px 12px 10px;gap:7px;flex-wrap:nowrap}.library-toolbar button{height:32px;font-size:12px;padding:7px 10px}.library-toolbar .primary{color:#13271b}.library-toolbar .library-overflow{margin-left:auto;width:30px;padding:4px;font-size:17px}.library-toolbar #batch-jobs{color:var(--muted)}.library-tree-tools{padding:0 12px 10px;gap:8px}.library-search-wrap{position:relative;flex:1;min-width:0}.library-tree-tools .library-search-wrap #library-search{width:100%;font-size:12px;padding:9px 29px 9px 10px}#library-search-clear{position:absolute;right:2px;top:2px;bottom:2px;padding:4px 8px;background:transparent;border:0;color:var(--muted)}.library-tree-tools select{width:108px;font-size:11px}.library-panel{position:relative;overflow:hidden}.library-tree{padding:6px!important;scrollbar-gutter:stable;overflow-x:hidden!important}.tree-folder-row{min-height:36px;padding-left:calc(5px + var(--depth)*14px)}.tree-folder-name{font-size:12px;font-weight:550}.tree-folder-count{font-variant-numeric:tabular-nums;font-size:10px;border-radius:5px;min-width:23px;text-align:center;padding:3px 5px;background:#ffffff05;margin:0 4px 0 auto}.tree-folder-actions{padding:0 3px;width:25px;flex-shrink:0}.tree-folder-actions button{font-size:13px;width:23px;height:27px}.tree-video{min-height:47px;padding-block:5px;gap:7px;padding-left:calc(7px + var(--depth)*14px);border-radius:6px;position:relative}.tree-video>input{width:13px;height:13px;cursor:pointer;opacity:0}.tree-video:hover>input,.tree-video.selected>input,.library-tree.selection-mode .tree-video>input{opacity:1}.tree-file-name{font-size:12px;line-height:1.4;padding:2px 0;font-weight:450;cursor:pointer}.tree-file-label{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tree-file-meta{display:block;color:#7f8997;font-size:10px;font-weight:400;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tree-video.active:before{content:"";position:absolute;left:2px;top:11px;bottom:11px;width:2px;border-radius:2px;background:var(--accent)}.tree-video.active .tree-file-meta{color:#a7c5b4}.tree-video.selected{outline:1px solid #a9e7c521;outline-offset:-1px}.tree-file-more{font-size:12px;padding:6px 3px}.tree-empty{font-size:11px;padding-block:12px}.library-blank{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:180px;padding:25px 18px;text-align:center;gap:12px;color:var(--muted)}.library-blank strong{color:#ccd1da;font-size:13px;font-weight:500}.library-blank p{margin:0;line-height:1.6;font-size:12px}.library-blank button{font-size:12px}.tree-footer{padding:9px 12px;border-top:1px solid var(--line);margin-top:0;min-height:39px;font-size:11px}.tree-footer button{font-size:11px;padding:5px 7px}.tree-footer [aria-pressed=true]{color:var(--accent);background:#a9e7c514}#library-status{margin:0;padding:5px 12px 9px;font-size:11px}#local-preparation-status{padding:5px 12px!important;border-top:1px solid var(--line)}.app-toast{position:fixed;left:50%;bottom:22px;transform:translate(-50%);z-index:1100;display:flex;align-items:center;gap:18px;padding:11px 12px 11px 17px;max-width:min(540px,calc(100vw - 24px));border:1px solid #ffffff20;border-radius:10px;background:#28312ef5;box-shadow:0 8px 35px #0006;font-size:12px;color:#e7eeeb}.app-toast.error{background:#3b2928;border-color:#a96b6455}.app-toast button{border:0;background:transparent;padding:1px 5px;font-size:19px;color:inherit}.library-context-menu{min-width:205px;padding:5px;border-radius:9px}.library-context-menu>button{padding:9px 11px;font-weight:450}.library-drop-hint{padding:8px 14px;color:var(--muted);font-size:11px;text-align:center}@media(min-width:1600px){.app-shell{padding-inline:32px}.workspace{gap:16px}}@media(max-width:1150px)and (min-width:901px){.workspace{grid-template-columns:minmax(0,1fr) var(--sidebar-width,360px)}}@media(max-width:900px){.app-shell{padding:0 16px 16px}.app-header{height:64px}.workspace{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) minmax(0,1.1fr);gap:12px}.sidebar{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);gap:8px;overflow:hidden}.sidebar-resizer{display:none}.playback-choices{max-height:120px;overflow:auto}.choices-content{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.workspace.sidebar-collapsed{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) 0}.workspace.sidebar-collapsed .sidebar{display:none}}@media(max-width:560px){.app-shell{padding:0 10px 10px}.app-header{height:58px}.player-toolbar{padding:9px}.file-title{font-size:11px;padding-bottom:0}.player-controls{height:70px;padding-top:22px}.status-line{padding:8px 12px}.choices-summary{padding:11px 14px}.choices-content{display:flex;max-height:75px;overflow:auto}.library-toolbar{padding:9px 10px 8px}.library-toolbar button{font-size:11px}.tree-video{min-height:43px}.sidebar-tabs{margin-top:7px}}@media(min-width:901px){.choices-content{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}.choice-field{margin-bottom:0;gap:7px}.subtitle-multiselect{grid-column:1/-1;padding-top:12px}.choice-field select,.multiselect-button{padding-block:9px}}.player-container:has(.video-stage:not(.has-file)) .status-line{display:none}.sidebar{grid-template-rows:minmax(0,1fr)}