:root{--ui-text-zoom: 1.2;--editor-text-zoom: 1.3;--bg-color: #0b0f17;--surface-color: #111827;--surface-hover: #1f293d;--background-color-light: #1e293b;--primary-color: #3b82f6;--primary-hover: #2563eb;--secondary-color: #10b981;--text-color: #f1f5f9;--text-muted: #94a3b8;--text-super-muted: #cbd5e1;--border-color: rgba(255, 255, 255, .09);--accent-color: #f59e0b;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-size-xs: calc(clamp(10px, 1.8vw, 11px) * var(--ui-text-zoom, 1));--font-size-sm: calc(clamp(11px, 2vw, 13px) * var(--ui-text-zoom, 1));--font-size-base: calc(clamp(13px, 2.2vw, 14px) * var(--ui-text-zoom, 1));--font-size-md: calc(clamp(14px, 2.5vw, 16px) * var(--ui-text-zoom, 1));--font-size-lg: calc(clamp(16px, 3vw, 18px) * var(--ui-text-zoom, 1));--font-size-xl: calc(clamp(18px, 3.5vw, 20px) * var(--ui-text-zoom, 1));--spacing-xs: clamp(4px, 1vw, 6px);--spacing-sm: clamp(6px, 1.5vw, 8px);--spacing-md: clamp(8px, 2vw, 12px);--spacing-lg: clamp(12px, 2.5vw, 16px);--spacing-xl: clamp(16px, 3vw, 20px)}html{scrollbar-gutter:stable;background-color:var(--bg-color);max-width:100vw;overflow-x:clip}body{margin:0;font-family:var(--font-family);background-color:var(--bg-color);color:var(--text-color);font-size:calc(14px * var(--ui-text-zoom, 1));min-height:100vh;width:100%;max-width:100vw;overflow-x:clip;display:flex;flex-direction:column;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}button{font-family:inherit}.tabular-nums{font-variant-numeric:tabular-nums}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:#283548;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#3b4d68}.video-container{position:relative;width:100%;aspect-ratio:16 / 9;background-color:#000;border-radius:8px;overflow:hidden;box-shadow:0 4px 6px #0000004d}.youtube-player,.youtube-player-iframe,.video-container iframe{position:absolute;top:0;left:0;width:100%!important;height:100%!important;border:0;display:block}.video-error-overlay{position:absolute;inset:0;background:radial-gradient(circle at center,#1e1b2e,#0c0a14);border:1px solid rgba(239,68,68,.4);border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;text-align:center;gap:10px;z-index:25;box-sizing:border-box}.video-error-title{margin:0;font-size:16px;font-weight:700;color:#f87171}.video-error-desc{margin:0;font-size:13px;color:#cbd5e1;max-width:440px;line-height:1.5}.video-error-actions{display:flex;align-items:center;gap:10px;margin-top:8px;flex-wrap:wrap;justify-content:center}.video-error-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;border-radius:6px;cursor:pointer;transition:all .15s ease;text-decoration:none;border:none}.video-error-btn.primary{background:#ef4444;color:#fff;border:1px solid rgba(239,68,68,.6)}.video-error-btn.primary:hover{background:#dc2626;color:#fff}.video-error-btn.secondary{background:#ffffff1a;color:#f1f5f9;border:1px solid rgba(255,255,255,.2)}.video-error-btn.secondary:hover{background:#ffffff2e}.subtitle-overlay-wrapper{position:absolute;left:0;right:0;text-align:center;pointer-events:none;z-index:10}.subtitle-overlay{position:relative;display:inline-block;padding:8px 16px;border-radius:0;font-size:var(--subtitle-font-size, 24px);text-align:center;line-height:1.4;word-wrap:break-word;transition:box-shadow .15s ease,outline-color .15s ease;pointer-events:none}.subtitle-overlay *{pointer-events:none}.subtitle-overlay.touch-interactive,.subtitle-overlay.touch-interactive *{pointer-events:auto;touch-action:manipulation;cursor:pointer}.subtitle-overlay.touch-adjusting,.subtitle-overlay.touch-adjusting *{touch-action:none;cursor:move}.subtitle-overlay.touch-interactive{user-select:none;-webkit-user-select:none}.subtitle-overlay.touch-interactive .subtitle-touch-hud{pointer-events:none}.subtitle-overlay.touch-manipulating,.subtitle-overlay.touch-adjusting{outline:2px dashed rgba(56,189,248,.85);outline-offset:2px;box-shadow:0 0 18px #38bdf859}.subtitle-touch-hud{position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:999px;background:#0f172aeb;border:1px solid rgba(56,189,248,.6);color:#e0f2fe;font-family:monospace;font-size:11px;font-weight:700;white-space:nowrap;pointer-events:none;box-shadow:0 4px 12px #00000080;z-index:20}.subtitle-touch-hud-sep{color:#38bdf8}.clip-sync-guide-pill{position:absolute;top:-26px;left:50%;transform:translate(-50%);display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:999px;font-family:monospace;font-size:10px;font-weight:700;white-space:nowrap;pointer-events:none;z-index:20;box-shadow:0 2px 8px #0006;letter-spacing:.3px;text-transform:uppercase}.clip-sync-guide-pill.pre{background:#f59e0beb;border:1px solid #fcd34d;color:#1e1b4b}.clip-sync-guide-pill.live{background:#10b981f2;border:1px solid #34d399;color:#064e3b}.clip-sync-guide-pill.post{background:#94a3b8e6;border:1px solid #cbd5e1;color:#0f172a}.subtitle-overlay.clip-phase-pre .subtitle-content{opacity:.72;transition:opacity .1s ease}.subtitle-overlay.clip-phase-live{box-shadow:0 0 14px #10b98166}.subtitle-overlay.clip-phase-live .subtitle-content{opacity:1}.subtitle-overlay.clip-phase-post .subtitle-content{opacity:.55;transition:opacity .15s ease}.subtitle-background{position:absolute;inset:0;border-radius:0}.subtitle-content{position:relative;color:#fff;display:flex;flex-direction:column;align-items:center;gap:0}.caption-line{word-break:break-word;white-space:pre-wrap;text-shadow:2px 2px 0 #000,-2px -2px 0 #000,2px -2px 0 #000,-2px 2px 0 #000,0 2px 0 #000,0 -2px 0 #000,2px 0 0 #000,-2px 0 0 #000}.caption-line-primary{color:#fff;font-weight:600;letter-spacing:.01em}.caption-line-secondary{color:#fef3c7;font-weight:500;opacity:.96;font-size:var(--subtitle-taigi-scale, 1.2em)}.subtitle-overlay.mode-separated{padding:0;background:transparent;border-radius:0}.subtitle-overlay.mode-separated .subtitle-background{display:none}.subtitle-overlay.mode-separated .subtitle-content{gap:0}.subtitle-overlay.mode-separated .caption-line{display:inline-block;width:fit-content;max-width:100%;padding:4px 14px;border-radius:0;border:none;margin:0;background-color:rgba(0,0,0,var(--subtitle-bg-alpha, .9));box-sizing:border-box}.subtitle-overlay.mode-unified{padding:8px 16px;border-radius:0}.subtitle-overlay.mode-unified .subtitle-background{border-radius:0}.subtitle-overlay.mode-unified .caption-line{background:transparent;padding:0;border-radius:0}@container video-container (max-width: 400px){.subtitle-overlay{font-size:calc(var(--subtitle-font-size, 24px) * .65);padding:4px 8px}}@container video-container (min-width: 401px) and (max-width: 600px){.subtitle-overlay{font-size:calc(var(--subtitle-font-size, 24px) * .8);padding:6px 12px}}@container video-container (min-width: 601px) and (max-width: 900px){.subtitle-overlay{font-size:calc(var(--subtitle-font-size, 24px) * .9);padding:8px 14px}}@supports not (container-type: inline-size){@media(max-width:480px){.subtitle-overlay{font-size:calc(var(--subtitle-font-size, 24px) * .65);padding:4px 8px}}@media(min-width:481px)and (max-width:768px){.subtitle-overlay{font-size:calc(var(--subtitle-font-size, 24px) * .8);padding:6px 12px}}@media(min-width:769px)and (max-width:1024px){.subtitle-overlay{font-size:calc(var(--subtitle-font-size, 24px) * .9);padding:8px 14px}}}.header-zoom-cluster{display:inline-flex;align-items:center;background-color:#00000059;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:2px 6px;gap:6px;box-shadow:0 1px 3px #00000040;flex-shrink:0}.header-zoom-divider{width:1px;height:18px;background-color:#ffffff1f;margin:0 2px}.zoom-control-item{display:inline-flex;align-items:center;gap:6px;-webkit-user-select:none;user-select:none}.zoom-label-wrap{display:inline-flex;align-items:center;gap:4px;color:var(--text-muted)}.zoom-icon{display:inline-flex;align-items:center;color:#60a5fa}.zoom-label-text{font-size:calc(11px * var(--ui-text-zoom, 1));font-weight:600;letter-spacing:-.2px;white-space:nowrap;color:#cbd5e1}.zoom-button-cluster{display:inline-flex;align-items:center;background-color:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:5px;overflow:hidden}.zoom-btn{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;border:none;background-color:transparent;color:var(--text-color);cursor:pointer;touch-action:manipulation;transition:background-color .12s ease,color .12s ease}.zoom-btn:hover:not(:disabled){background-color:var(--primary-color);color:#fff}.zoom-btn:active:not(:disabled){background-color:var(--primary-hover)}.zoom-btn:disabled{opacity:.35;cursor:not-allowed}.zoom-value-pill{display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:22px;padding:0 4px;border:none;border-left:1px solid rgba(255,255,255,.06);border-right:1px solid rgba(255,255,255,.06);background-color:#00000040;color:var(--text-color);cursor:pointer;font-family:monospace;font-size:calc(11px * var(--ui-text-zoom, 1));font-weight:600;font-variant-numeric:tabular-nums;transition:all .15s ease}.zoom-value-pill:hover{background-color:#3b82f633;color:#93c5fd}.zoom-value-pill.custom-val{color:#facc15}.zoom-control-item.compact{gap:4px}.zoom-control-item.compact .zoom-label-text{font-size:calc(10px * var(--ui-text-zoom, 1))}.zoom-control-item.compact .zoom-btn{width:20px;height:20px}.zoom-control-item.compact .zoom-value-pill{min-width:34px;height:20px;font-size:calc(10.5px * var(--ui-text-zoom, 1))}.toolbar-zoom-wrap{display:inline-flex;align-items:center;background-color:#00000040;border:1px solid rgba(255,255,255,.08);border-radius:6px;padding:2px 4px;gap:4px}.sidebar-zoom-card{background-color:#ffffff05;border:1px solid var(--border-color);border-radius:6px;padding:10px;display:flex;flex-direction:column;gap:8px;margin-bottom:8px}.sidebar-zoom-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.sidebar-zoom-meta{display:flex;flex-direction:column;gap:2px}.sidebar-zoom-title{font-size:calc(11.5px * var(--ui-text-zoom, 1));font-weight:600;color:var(--text-color)}.sidebar-zoom-desc{font-size:calc(10px * var(--ui-text-zoom, 1));color:var(--text-muted)}@media(max-width:900px){.zoom-label-text{display:none}}@media(pointer:coarse){.zoom-btn{width:32px;height:32px}.zoom-value-pill{height:32px;min-width:44px;font-size:calc(12px * var(--ui-text-zoom, 1))}.zoom-control-item.compact .zoom-btn{width:28px;height:28px}.zoom-control-item.compact .zoom-value-pill{height:28px;min-width:38px}}.pure-share-backdrop{position:fixed;inset:0;background-color:#000000bf;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:16px;animation:shareFadeIn .15s ease-out}@keyframes shareFadeIn{0%{opacity:0}to{opacity:1}}.pure-share-dialog{background-color:#0f172a;border:1px solid rgba(56,189,248,.35);border-radius:12px;padding:22px;max-width:480px;width:100%;box-shadow:0 20px 50px #000000d9;display:flex;flex-direction:column;gap:14px;color:#f8fafc;box-sizing:border-box}.pure-share-header h4{margin:0;font-size:15px;font-weight:700;color:#f8fafc;letter-spacing:-.01em}.pure-close-btn{background:none;border:none;color:#94a3b8;cursor:pointer;padding:4px;border-radius:4px;display:inline-flex;align-items:center;justify-content:center;transition:all .15s ease}.pure-close-btn:hover{color:#fff;background-color:#ffffff14}.pure-share-desc{margin:0;font-size:12.5px;color:#94a3b8;line-height:1.5}.pure-share-desc strong{color:#38bdf8;font-weight:600}.pure-share-textarea{width:100%;padding:8px 10px;border-radius:6px;background-color:#0b0f19;border:1px solid #1e293b;color:#93c5fd;font-family:monospace;font-size:12px;line-height:1.4;resize:none;box-sizing:border-box;outline:none}.pure-share-textarea:focus{border-color:#38bdf8}.pure-copy-link-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 14px;border-radius:6px;background:linear-gradient(135deg,#2563eb,#1d4ed8);border:1px solid #3b82f6;color:#fff;font-size:12.5px;font-weight:600;cursor:pointer;transition:all .15s ease}.pure-copy-link-btn:hover{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 2px 8px #2563eb66}.pure-qr-box{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:14px;background-color:#0b0f19;border:1px solid #1e293b;border-radius:8px;text-align:center}.pure-qr-img-wrap{width:280px;max-width:100%;aspect-ratio:360 / 370;background:#fff;padding:0;border-radius:10px;overflow:hidden;flex:0 0 auto;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 14px #00000073}.pure-qr-img{width:100%;height:100%;aspect-ratio:360 / 370;object-fit:contain;display:block}.pure-qr-actions{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap;width:100%}.pure-qr-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:7px 14px;border-radius:6px;background-color:#1e293b;border:1px solid #334155;color:#e2e8f0;font-size:12px;font-weight:500;cursor:pointer;white-space:nowrap;width:auto;min-width:110px;box-sizing:border-box;transition:all .15s ease;touch-action:manipulation}.pure-qr-btn:hover{background-color:#334155;color:#fff;border-color:#475569}.pure-qr-btn.copied{background-color:#065f46;border-color:#10b981;color:#fff}.pure-qr-note{margin:0;font-size:11px;line-height:1.45;color:#94a3b8;text-align:center}.pure-share-diff-card{display:flex;flex-direction:column;gap:8px;padding:10px 12px;border-radius:8px;background-color:#f59e0b14;border:1px solid rgba(245,158,11,.35);box-sizing:border-box}.pure-share-diff-header{display:flex;align-items:center;gap:6px}.pure-share-diff-title{font-size:12px;font-weight:600;color:#fbbf24}.pure-share-diff-desc{margin:0;font-size:11.5px;line-height:1.45;color:#cbd5e1}.pure-share-commit-btn{display:inline-flex;align-items:center;justify-content:center;padding:6px 12px;border-radius:6px;background-color:#064e3b;border:1px solid #10b981;color:#ecfdf5;font-size:12px;font-weight:600;cursor:pointer;transition:all .15s ease;width:fit-content}.pure-share-commit-btn:hover:not(:disabled){background-color:#047857;border-color:#34d399;color:#fff}.pure-share-commit-btn:disabled{opacity:.5;cursor:not-allowed}.share-modal-draft-blocked{display:flex;flex-direction:column;gap:10px;background-color:#f59e0b1a;border:1px solid rgba(245,158,11,.35);border-radius:10px;padding:16px;margin-top:4px}.share-modal-draft-header{display:flex;align-items:center;gap:8px}.share-modal-draft-title{margin:0;font-size:14px;font-weight:700;color:#fbbf24}.share-modal-draft-desc{margin:0;font-size:12.5px;color:#fef3c7;line-height:1.5}.share-modal-commit-published-btn{display:inline-flex;align-items:center;justify-content:center;background-color:#059669;border:1px solid #10b981;color:#fff;padding:8px 16px;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s ease;margin-top:4px;width:fit-content}.share-modal-commit-published-btn:hover{background-color:#047857}.live-header-token-card{background:linear-gradient(135deg,#1e293bbf,#0f172ae0);border:1px solid rgba(56,189,248,.35);border-radius:8px;padding:14px 16px;margin-bottom:14px;box-shadow:0 4px 14px #0000004d;position:relative;transition:border-color .2s ease,box-shadow .2s ease}.live-header-token-card:hover{border-color:#38bdf880;box-shadow:0 6px 18px #00000059}.live-header-token-card.in-controls{margin-bottom:16px;background:linear-gradient(135deg,#18202fe6,#0f172af2)}.live-header-top-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px;flex-wrap:wrap}.live-header-badge-group{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.live-header-badge{font-size:calc(10px * var(--ui-text-zoom, 1));font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:2px 7px;border-radius:4px;white-space:nowrap}.live-header-badge.style-badge{background-color:#38bdf82e;color:#38bdf8;border:1px solid rgba(56,189,248,.4)}.live-header-badge.playmode-badge{background-color:#10b9812e;color:#34d399;border:1px solid rgba(16,185,129,.4)}.live-header-badge.playmode-badge.is-normal{background-color:#94a3b826;color:#cbd5e1;border:1px solid rgba(148,163,184,.3)}.live-header-title-text{font-size:calc(13px * var(--ui-text-zoom, 1));font-weight:700;color:#f1f5f9;margin-bottom:0}.live-header-actions-group{display:flex;align-items:center;gap:6px}.live-header-copy-all-btn{display:inline-flex;align-items:center;gap:5px;padding:4px 9px;border-radius:4px;font-size:calc(11px * var(--ui-text-zoom, 1));font-weight:600;background-color:#38bdf826;border:1px solid rgba(56,189,248,.35);color:#38bdf8;cursor:pointer;transition:all .2s ease}.live-header-copy-all-btn:hover:not(.copied){background-color:#38bdf8;color:#0f172a;border-color:#38bdf8}.live-header-copy-all-btn.copied{background-color:#10b981;color:#fff;border-color:#10b981}.live-header-desc{font-size:calc(12px * var(--ui-text-zoom, 1));color:var(--text-muted);line-height:1.45;margin:0 0 10px}.live-header-desc code{font-family:monospace;background-color:#0f172a99;padding:1px 4px;border-radius:3px;color:#93c5fd;font-size:.95em}.live-header-mode-bar{display:flex;align-items:center;gap:8px;margin-bottom:10px;flex-wrap:wrap;background:#0f172a73;padding:6px 10px;border-radius:6px;border:1px solid rgba(255,255,255,.06)}.live-header-mode-label{font-size:calc(11px * var(--ui-text-zoom, 1));color:#94a3b8;font-weight:600}.live-header-mode-toggle-group{display:inline-flex;gap:4px;background:#1e293b99;padding:2px;border-radius:5px;border:1px solid rgba(255,255,255,.08)}.live-header-mode-btn{border:none;background:transparent;color:#94a3b8;font-size:calc(11px * var(--ui-text-zoom, 1));font-weight:500;padding:3px 8px;border-radius:4px;cursor:pointer;transition:all .15s ease}.live-header-mode-btn:hover:not(.active){color:#e2e8f0;background:#ffffff0d}.live-header-mode-btn.active.is-cue-only{background:#10b98140;color:#34d399;font-weight:600;box-shadow:0 1px 3px #0003}.live-header-mode-btn.active.is-normal{background:#94a3b840;color:#f1f5f9;font-weight:600;box-shadow:0 1px 3px #0003}.live-header-mode-params-chip{font-size:calc(10px * var(--ui-text-zoom, 1));font-family:ui-monospace,SFMono-Regular,monospace;padding:2px 6px;border-radius:3px;background:#10b9811f;color:#6ee7b7;border:1px solid rgba(16,185,129,.25)}.live-header-code-block{background-color:var(--bg-color, #0b1120);border:1px solid rgba(56,189,248,.25);border-radius:6px;padding:8px 10px;display:flex;flex-direction:column;gap:6px;overflow-x:auto}.live-header-token-line-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:2px 0}.live-header-token-line-content{display:flex;align-items:center;gap:8px;min-width:0;flex:1;overflow-x:auto}.live-header-token-tag{font-family:ui-monospace,SFMono-Regular,monospace;font-size:calc(11px * var(--ui-text-zoom, 1));font-weight:700;color:#7dd3fc;-webkit-user-select:none;user-select:none;flex-shrink:0}.live-header-token-tag.playmode-tag{color:#6ee7b7}.live-header-token-val{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:calc(12px * var(--ui-text-zoom, 1));color:#38bdf8;white-space:nowrap;-webkit-user-select:all;user-select:all}.live-header-token-val.playmode-val{color:#34d399}.live-header-line-copy-btn{background:#1e293b80;border:1px solid rgba(255,255,255,.1);color:#94a3b8;padding:3px 6px;border-radius:4px;cursor:pointer;display:inline-flex;align-items:center;gap:4px;font-size:calc(10px * var(--ui-text-zoom, 1));flex-shrink:0;transition:all .15s ease}.live-header-line-copy-btn:hover:not(.copied){background:#38bdf833;color:#38bdf8;border-color:#38bdf866}.live-header-line-copy-btn.copied{background:#10b98140;color:#34d399;border-color:#10b98180}.live-header-footer-desc{font-size:calc(12px * var(--ui-text-zoom, 1));color:var(--text-muted);line-height:1.45;margin:8px 0 0}.live-header-footer-desc strong{color:#f59e0b}.live-header-footer-desc em{color:#cbd5e1;font-style:normal}.controls-container{display:flex;flex-direction:column;gap:12px;width:100%;max-width:100%;margin:0;padding:0;box-sizing:border-box;min-height:fit-content}.controls-content{display:flex;flex-direction:column;gap:12px;width:100%;padding:0 2px 2px}.settings-accordion-card{background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:8px;overflow:hidden;scroll-margin-top:42px;transition:border-color .15s ease}.settings-accordion-card:hover{border-color:#ffffff24}.accordion-header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:transparent;border:none;color:var(--text-color);cursor:pointer;font-size:calc(13px * var(--ui-text-zoom, 1));font-weight:600;transition:background-color .15s ease;text-align:left}.accordion-header:hover{background-color:var(--surface-hover)}.accordion-title-group{display:flex;align-items:center;gap:10px}.accordion-icon{flex-shrink:0}.accordion-title{letter-spacing:-.2px}.accordion-body{padding:12px 14px 16px;border-top:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column;gap:14px;background-color:#00000026}.field-label{display:block;font-size:calc(11px * var(--ui-text-zoom, 1));font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted)}.field-label-sm{display:block;font-size:calc(11px * var(--ui-text-zoom, 1));color:var(--text-muted);margin-bottom:4px;font-weight:500}.field-label-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px;gap:8px}.field-label-actions{display:inline-flex;align-items:center;gap:8px}.quick-clear-link{display:inline-flex;align-items:center;gap:4px;background:none;border:none;color:#f87171;font-size:calc(11px * var(--ui-text-zoom, 1));font-weight:600;cursor:pointer;padding:2px 5px;border-radius:4px;transition:background-color .15s,color .15s;white-space:nowrap}.quick-clear-link:hover{background-color:#ef444426;color:#ef4444}.quick-sample-link{display:inline-flex;align-items:center;gap:4px;background:none;border:none;color:var(--primary-color);font-size:calc(11px * var(--ui-text-zoom, 1));font-weight:600;cursor:pointer;padding:2px 4px;border-radius:4px;transition:background-color .15s;white-space:nowrap}.quick-sample-link:hover{background-color:#3b82f626;color:#60a5fa}.source-input-group{display:flex;flex-direction:column;gap:6px}.input-wrapper{display:flex;align-items:center;gap:6px;background-color:var(--bg-color);padding:6px 10px;border-radius:6px;border:1px solid var(--border-color);transition:border-color .15s;min-width:0;flex-wrap:nowrap}.input-wrapper:focus-within{border-color:var(--primary-color)}.input-icon{color:var(--text-muted);flex-shrink:0}.control-input{flex:1;background:transparent;border:none;color:var(--text-color);font-size:calc(13px * var(--ui-text-zoom, 1));outline:none;min-width:60px}.control-input::placeholder{color:#666}.control-button{display:inline-flex;align-items:center;justify-content:center;padding:6px 12px;border-radius:5px;font-size:calc(12px * var(--ui-text-zoom, 1));font-weight:600;cursor:pointer;transition:all .15s;border:none;white-space:nowrap;flex-shrink:0}.control-button.primary{background-color:var(--primary-color);color:#fff}.control-button.primary:hover{background-color:var(--primary-hover)}.control-button.secondary{background-color:var(--surface-hover);border:1px solid var(--border-color);color:var(--text-color)}.control-button.secondary:hover{background-color:#333;border-color:#555}.control-button.outline{background-color:transparent;border:1px solid var(--border-color);color:var(--text-color)}.control-button.outline:hover{background-color:var(--surface-hover);border-color:var(--primary-color);color:var(--primary-color)}.control-button.full-width{width:100%}.control-button:disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.control-button-icon{display:flex;align-items:center;justify-content:center;padding:6px;border-radius:4px;cursor:pointer;border:none;background:transparent;color:var(--text-muted);transition:background-color .15s,color .15s;flex-shrink:0}.control-button-icon:hover{background-color:var(--surface-hover);color:var(--text-color)}.control-button.secondary.clear-video-btn{padding:6px 10px;background-color:#ef44441f;border:1px solid rgba(239,68,68,.35);color:#fca5a5}.control-button.secondary.clear-video-btn:hover{background-color:#ef444438;border-color:#ef4444;color:#f87171}.source-tabs-wrapper{display:flex;flex-direction:column;gap:8px}.source-pill-tabs{display:grid;grid-template-columns:repeat(4,1fr);background-color:var(--bg-color);padding:3px;border-radius:6px;border:1px solid var(--border-color);gap:3px}.pill-tab{display:flex;align-items:center;justify-content:center;gap:5px;padding:6px 4px;background:transparent;border:none;border-radius:4px;color:var(--text-muted);font-size:calc(11px * var(--ui-text-zoom, 1));font-weight:500;cursor:pointer;transition:all .15s;white-space:nowrap;min-width:0}.pill-tab span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pill-tab:hover{color:var(--text-color)}.pill-tab.active{background-color:var(--surface-color);color:#fff;box-shadow:0 1px 3px #0000004d;font-weight:600}.source-tab-content{display:flex;flex-direction:column;gap:8px}.upload-dropzone{width:100%;border:1px dashed var(--border-color);border-radius:6px;padding:16px 12px;background-color:#0003;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:pointer;transition:border-color .15s,background-color .15s}.upload-dropzone:hover{border-color:var(--primary-color);background-color:#3b82f60d}.upload-icon{color:var(--primary-color);margin-bottom:2px}.upload-title{font-size:calc(12px * var(--ui-text-zoom, 1));font-weight:600;color:var(--text-color)}.upload-hint{font-size:calc(10px * var(--ui-text-zoom, 1));color:var(--text-muted)}.loaded-status-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;background-color:var(--bg-color);border-radius:6px;border:1px solid var(--border-color);font-size:calc(11px * var(--ui-text-zoom, 1))}.loaded-status-info{display:flex;align-items:center;gap:8px;min-width:0;flex:1}.loaded-label{color:var(--text-muted);font-weight:600;white-space:nowrap}.loaded-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:monospace}.loaded-name.active{color:var(--secondary-color);font-weight:600}.loaded-name.empty{color:#666;font-style:italic}.loaded-clear-btn{display:inline-flex;align-items:center;gap:4px;background:transparent;border:1px solid rgba(239,68,68,.4);color:#f87171;border-radius:4px;padding:2px 7px;font-size:calc(11px * var(--ui-text-zoom, 1));font-weight:600;cursor:pointer;transition:all .15s;flex-shrink:0}.loaded-clear-btn:hover{background-color:#ef444433;border-color:#ef4444;color:#ef4444}.setting-row-vertical{display:flex;flex-direction:column;gap:6px}.segmented-control{display:grid;grid-template-columns:repeat(5,1fr);background-color:var(--bg-color);padding:2px;border-radius:6px;border:1px solid var(--border-color);gap:2px}.segmented-control.two-options{grid-template-columns:1fr 1fr}.backdrop-layout-setting{margin-top:6px;padding-top:8px;border-top:1px dashed rgba(255,255,255,.08)}.unified-badge-note{font-size:10px;color:var(--text-muted);font-weight:500}.segment-btn{padding:6px 4px;border:none;border-radius:4px;background:transparent;color:var(--text-muted);font-size:calc(11px * var(--ui-text-zoom, 1));font-weight:500;cursor:pointer;transition:all .15s;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.segment-btn:hover{color:var(--text-color)}.segment-btn.active{background-color:var(--primary-color);color:#fff;font-weight:600}.swap-l1-l2-file-btn{display:inline-flex;align-items:center;justify-content:center;width:100%;margin-top:6px;padding:6px 12px;font-size:calc(11.5px * var(--ui-text-zoom, 1));font-weight:600;color:#38bdf8;background-color:#38bdf814;border:1px solid rgba(56,189,248,.3);border-radius:6px;cursor:pointer;transition:all .15s ease}.swap-l1-l2-file-btn:hover{background-color:#38bdf82e;color:#e0f2fe;border-color:#38bdf880}.swap-l1-l2-file-btn.active{background-color:#0ea5e973;color:#fff;border-color:#38bdf8;box-shadow:0 0 10px #38bdf873}.two-col-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.setting-field{display:flex;flex-direction:column}.styled-select{width:100%;background-color:var(--bg-color);border:1px solid var(--border-color);color:var(--text-color);padding:6px 8px;border-radius:6px;font-size:calc(12px * var(--ui-text-zoom, 1));outline:none;cursor:pointer;transition:border-color .15s}.styled-select:focus,.styled-select:hover{border-color:var(--primary-color)}.slider-row{display:flex;flex-direction:column;gap:6px}.slider-label-group{display:flex;justify-content:space-between;align-items:center;font-size:calc(12px * var(--ui-text-zoom, 1))}.slider-label{color:var(--text-color);font-weight:500}.slider-value{color:var(--primary-color);font-weight:600;font-family:monospace;font-size:calc(12px * var(--ui-text-zoom, 1))}.styled-slider{width:100%;accent-color:var(--primary-color);height:4px;border-radius:2px;cursor:pointer;background:#333}.styled-checkbox{accent-color:var(--primary-color);cursor:pointer}.checkbox-label{display:inline-flex;align-items:center;gap:6px;font-size:calc(12px * var(--ui-text-zoom, 1));color:var(--text-muted);cursor:pointer}.flex-row{display:flex}.items-center{align-items:center}.gap-2{gap:8px}.flex-1{flex:1}.direct-text-box{display:flex;flex-direction:column;gap:10px}.ai-prompt-card{background-color:var(--bg-color);border:1px solid rgba(245,158,11,.25);border-radius:6px;padding:10px 12px;display:flex;flex-direction:column;gap:8px;background:linear-gradient(180deg,#f59e0b0a,#0003)}.ai-prompt-header{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.ai-prompt-title-row{display:flex;align-items:center;gap:6px}.ai-prompt-title{font-size:calc(11.5px * var(--ui-text-zoom, 1));font-weight:600;color:#fbbf24;letter-spacing:-.1px}.ai-prompt-actions{display:flex;align-items:center;gap:6px}.ai-prompt-toggle-btn{background:transparent;border:1px solid var(--border-color);color:var(--text-muted);font-size:calc(10.5px * var(--ui-text-zoom, 1));font-weight:500;padding:4px 8px;border-radius:4px;cursor:pointer;transition:all .15s;white-space:nowrap}.ai-prompt-toggle-btn:hover{color:var(--text-color);background-color:var(--surface-hover);border-color:#555}.ai-prompt-copy-btn{display:inline-flex;align-items:center;gap:5px;background-color:#d97706;color:#fff;border:none;font-size:calc(11px * var(--ui-text-zoom, 1));font-weight:600;padding:4px 10px;border-radius:4px;cursor:pointer;transition:all .15s;white-space:nowrap}.ai-prompt-copy-btn:hover{background-color:#b45309}.ai-prompt-copy-btn.copied{background-color:var(--secondary-color);color:#fff}.ai-prompt-desc{font-size:calc(10.5px * var(--ui-text-zoom, 1));color:var(--text-muted);line-height:1.45;margin:0}.ai-prompt-input-tabs{display:flex;align-items:center;gap:4px;background-color:#00000059;padding:3px;border-radius:6px;border:1px solid rgba(255,255,255,.08)}.ai-prompt-tab-btn{flex:1;background:transparent;border:none;color:var(--text-muted);font-size:calc(10px * var(--ui-text-zoom, 1));font-weight:500;padding:4px 6px;border-radius:4px;cursor:pointer;transition:all .15s ease;text-align:center;white-space:nowrap}.ai-prompt-tab-btn:hover{color:var(--text-color);background-color:#ffffff0d}.ai-prompt-tab-btn.active{background-color:#d97706;color:#fff;font-weight:600;box-shadow:0 1px 3px #0000004d}.ai-prompt-skill-pill{display:inline-flex;align-items:center;gap:4px;font-family:monospace;font-size:calc(9.5px * var(--ui-text-zoom, 1));color:#fcd34d;background:#f59e0b1f;border:1px solid rgba(245,158,11,.25);padding:1px 6px;border-radius:3px}.ai-prompt-options-card{background-color:#00000040;border:1px solid rgba(245,158,11,.18);border-radius:5px;padding:8px 10px;display:flex;flex-direction:column;gap:5px}.ai-prompt-checkbox-label{display:flex;align-items:flex-start;gap:7px;cursor:pointer;-webkit-user-select:none;user-select:none}.ai-prompt-checkbox-text{font-size:calc(11px * var(--ui-text-zoom, 1));font-weight:500;color:#f1f5f9;line-height:1.35}.ai-prompt-mode-status{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-left:21px}.ai-prompt-badge{font-size:calc(9.5px * var(--ui-text-zoom, 1));font-weight:600;padding:1px 6px;border-radius:3px;letter-spacing:.3px;white-space:nowrap}.badge-semantic{background-color:#10b98126;color:#34d399;border:1px solid rgba(16,185,129,.3)}.badge-yt{background-color:#ef444426;color:#f87171;border:1px solid rgba(239,68,68,.3)}.ai-prompt-mode-hint{font-size:calc(10px * var(--ui-text-zoom, 1));color:var(--text-muted);line-height:1.3}.ai-prompt-preview-wrap{margin-top:4px;border:1px solid var(--border-color);border-radius:6px;background-color:#0006;overflow:hidden}.ai-prompt-preview-toolbar{display:flex;align-items:center;justify-content:space-between;padding:5px 8px;background-color:#ffffff0a;border-bottom:1px solid var(--border-color)}.ai-prompt-preview-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted)}.ai-prompt-preview-copy-link{background:none;border:none;color:#fbbf24;font-size:10px;font-weight:600;cursor:pointer;padding:0}.ai-prompt-preview-copy-link:hover{text-decoration:underline}.ai-prompt-preview-textarea{width:100%;background:transparent;border:none;color:#cbd5e1;font-family:monospace;font-size:11px;line-height:1.45;padding:8px;resize:vertical;outline:none;box-sizing:border-box}.direct-text-form{display:flex;flex-direction:column;gap:10px;background:linear-gradient(135deg,#1e293b8c,#0f172acc);border:1.5px solid rgba(56,189,248,.35);border-radius:8px;padding:12px 14px;box-shadow:0 4px 14px #00000040}.direct-text-header-row{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.direct-text-format-group{display:flex;align-items:center;gap:6px}.direct-text-paste-large-btn{display:inline-flex;align-items:center;gap:6px;background:#38bdf826;border:1px solid rgba(56,189,248,.45);color:#38bdf8;font-size:calc(12px * var(--ui-text-zoom, 1));font-weight:600;padding:5px 12px;border-radius:6px;cursor:pointer;transition:all .2s ease}.direct-text-paste-large-btn:hover{background:#0284c7;color:#fff;border-color:#38bdf8}.direct-text-paste-large-btn.pasted{background:#10b981;color:#fff;border-color:#10b981}.format-bar{display:flex;align-items:center;gap:6px}.format-select-sm{background-color:var(--bg-color);border:1px solid var(--border-color);color:var(--text-color);font-size:calc(11px * var(--ui-text-zoom, 1));padding:4px 6px;border-radius:4px;outline:none}.direct-text-input{width:100%;background-color:var(--bg-color);border:1px solid var(--border-color);color:var(--text-color);border-radius:6px;padding:8px;font-size:calc(12px * var(--ui-text-zoom, 1));font-family:monospace;resize:vertical;outline:none;box-sizing:border-box}.direct-text-input:focus{border-color:var(--primary-color)}.ai-prompt-hint{font-size:calc(10.5px * var(--ui-text-zoom, 1));color:var(--text-muted);line-height:1.4;margin:2px 0 0;text-align:center}.dynamic-style-header-card{background:linear-gradient(135deg,#1e293bbf,#0f172ad9);border:1px solid rgba(56,189,248,.35);border-radius:8px;padding:10px 12px;margin-bottom:12px;box-shadow:0 2px 8px #00000040;display:flex;flex-direction:column;gap:8px}.dynamic-style-header-row{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.dynamic-style-header-info{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.dynamic-style-title{font-size:calc(12px * var(--ui-text-zoom, 1));color:#f1f5f9}.dynamic-style-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.dynamic-style-gen-btn{display:inline-flex;align-items:center;gap:5px;background-color:#38bdf826;color:#38bdf8;border:1px solid rgba(56,189,248,.4);font-size:calc(11px * var(--ui-text-zoom, 1));font-weight:600;padding:4px 10px;border-radius:4px;cursor:pointer;transition:all .15s ease;white-space:nowrap}.dynamic-style-gen-btn:hover{background-color:#38bdf840;border-color:#38bdf8;color:#fff}.dynamic-style-copy-btn{display:inline-flex;align-items:center;gap:5px;background-color:#0284c7;color:#fff;border:none;font-size:calc(11px * var(--ui-text-zoom, 1));font-weight:600;padding:4px 10px;border-radius:4px;cursor:pointer;transition:all .15s ease;white-space:nowrap}.dynamic-style-copy-btn:hover:not(:disabled){background-color:#0369a1}.dynamic-style-copy-btn.copied{background-color:var(--secondary-color, #10b981);color:#fff}.dynamic-style-copy-btn.disabled,.dynamic-style-copy-btn:disabled{opacity:.45;cursor:not-allowed;background-color:#ffffff1a;color:#94a3b8;border:1px solid rgba(255,255,255,.1);pointer-events:none}.dynamic-style-desc{font-size:calc(11px * var(--ui-text-zoom, 1));color:var(--text-muted);line-height:1.4;margin:0}.dynamic-style-code-wrap{display:flex;align-items:center;background-color:var(--bg-color, #0b0f19);padding:6px 10px;border-radius:6px;border:1px solid rgba(56,189,248,.25);overflow-x:auto}.dynamic-style-code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:calc(11.5px * var(--ui-text-zoom, 1));color:#38bdf8;white-space:nowrap;-webkit-user-select:all;user-select:all}.share-controls-deck-card{display:flex;flex-direction:column;gap:10px;padding:14px;background-color:#0f172a73;border:1px solid rgba(56,189,248,.28);border-radius:8px;box-sizing:border-box;margin-top:4px}.share-controls-deck-header{display:flex;align-items:center;justify-content:space-between}.share-controls-deck-desc{font-size:calc(11.5px * var(--ui-text-zoom, 1));color:var(--text-muted);line-height:1.5;margin:0}.share-controls-deck-desc strong{color:#38bdf8;font-weight:600}.share-controls-open-btn{display:inline-flex;align-items:center;justify-content:center;padding:9px 16px;font-weight:600;font-size:calc(12.5px * var(--ui-text-zoom, 1));border-radius:6px;background:linear-gradient(135deg,#2563eb,#1d4ed8);border:1px solid #3b82f6;color:#fff;cursor:pointer;transition:all .15s ease}.share-controls-open-btn:hover:not(:disabled){background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 2px 10px #2563eb59}.embedded-share-card{display:flex;flex-direction:column;gap:8px}.embedded-textarea{width:100%;background-color:var(--bg-color);border:1px solid var(--border-color);color:#bbb;border-radius:6px;padding:8px;font-family:monospace;font-size:11px;resize:none;outline:none;box-sizing:border-box}.copy-button-sm{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:4px;background-color:var(--surface-hover);border:1px solid var(--border-color);color:var(--text-color);font-size:11px;cursor:pointer;transition:all .15s}.copy-button-sm:hover:not(:disabled){background-color:#333}.copy-button-sm.copied{background-color:var(--secondary-color);color:#fff;border-color:var(--secondary-color)}.qr-container-card{display:flex;flex-direction:column;align-items:center;gap:10px;padding:12px;background-color:var(--bg-color);border-radius:8px;border:1px solid var(--border-color)}.qr-img-wrapper{background-color:#fff;padding:10px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center}.qr-img{width:140px;height:140px;display:block}.qr-share-note{width:100%;text-align:left}.qr-actions-row{display:flex;gap:8px;width:100%}.control-button.secondary-sm{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:6px 10px;background-color:var(--surface-hover);border:1px solid var(--border-color);border-radius:5px;color:var(--text-color);font-size:11px;font-weight:500;cursor:pointer;transition:all .15s}.control-button.secondary-sm:hover{background-color:#333;border-color:#555}.control-button.secondary-sm.copied{background-color:var(--secondary-color);color:#fff;border-color:var(--secondary-color)}.text-muted-xs{font-size:11px;color:var(--text-muted);line-height:1.5;margin:0}.library-tab-container{display:flex;flex-direction:column;gap:10px;background:#0003;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:12px}.library-tab-topbar{display:flex;align-items:center;justify-content:space-between;gap:8px}.library-tab-title{font-size:12px;font-weight:600;color:#e5e7eb;display:flex;align-items:center;gap:6px}.library-browse-modal-btn{display:inline-flex;align-items:center;gap:4px;background:#2563eb33;border:1px solid rgba(59,130,246,.3);color:#93c5fd;font-size:11px;font-weight:500;padding:3px 8px;border-radius:5px;cursor:pointer;transition:all .15s}.library-browse-modal-btn:hover{background:#2563eb59;color:#fff}.library-scope-toggle-row{display:flex;gap:3px;background:#111827;border:1px solid rgba(255,255,255,.08);border-radius:6px;padding:2px;width:100%;box-sizing:border-box}.library-scope-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:4px 6px;font-size:11px;font-weight:500;color:#9ca3af;background:transparent;border:none;border-radius:4px;cursor:pointer;transition:all .15s ease;white-space:nowrap}.library-scope-btn:hover{color:#e5e7eb;background:#ffffff0d}.library-scope-btn.active.both{background:#374151;color:#fff;font-weight:600}.library-scope-btn.active.main{background:#1d4ed8;color:#fff;font-weight:600}.library-scope-btn.active.guest{background:#7c3aed;color:#fff;font-weight:600}.library-scope-count{font-size:9px;opacity:.85;padding:1px 4px;border-radius:8px;background:#0000004d}.library-search-wrapper{position:relative;width:100%}.library-search-clear-btn{position:absolute;right:6px;top:50%;transform:translateY(-50%);background:transparent;border:none;color:#9ca3af;cursor:pointer;padding:2px;display:flex;align-items:center;border-radius:3px}.library-search-clear-btn:hover{color:#f3f4f6}.library-search-icon{position:absolute;left:8px;top:50%;transform:translateY(-50%);color:#9ca3af}.library-search-input{width:100%;background:#1f2937;border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:6px 10px 6px 28px;font-size:11px;color:#f3f4f6;outline:none;box-sizing:border-box}.library-search-input:focus{border-color:#3b82f6}.library-tracks-scroll{display:flex;flex-direction:column;gap:6px;max-height:240px;overflow-y:auto;padding-right:2px}.library-track-card{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#161e2e;border:1px solid rgba(255,255,255,.06);border-radius:6px;padding:8px 10px;transition:all .15s}.library-track-card:hover{border-color:#60a5fa4d;background:#1a2438}.library-track-card.active{border-color:#3b82f6;background:#2563eb1a}.library-track-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.library-track-title-row{display:flex;align-items:center;gap:6px}.library-format-tag{font-size:9px;font-weight:700;text-transform:uppercase;padding:1px 4px;border-radius:3px;line-height:1.2}.library-format-tag.srt{background:#34d39926;color:#34d399}.library-format-tag.txt{background:#fbbf2426;color:#fbbf24}.library-scope-tag{font-size:9px;font-weight:700;text-transform:uppercase;padding:1px 4px;border-radius:3px;line-height:1.2}.library-scope-tag.main{background:#3b82f626;color:#93c5fd;border:1px solid rgba(59,130,246,.3)}.library-scope-tag.guest{background:#a855f726;color:#d8b4fe;border:1px solid rgba(168,85,247,.3)}.library-draft-tag{font-size:9px;font-weight:700;text-transform:uppercase;padding:1px 4px;border-radius:3px;line-height:1.2;background:#f59e0b2e;color:#fcd34d;border:1px solid rgba(245,158,11,.35)}.library-track-title{font-size:11px;font-weight:600;color:#f3f4f6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.library-track-taigi{font-size:10px;color:#93c5fd;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:Iansui,serif,sans-serif}.library-track-meta{font-size:10px;color:#9ca3af}.library-track-btn{background:#2563eb;border:none;color:#fff;font-size:11px;font-weight:500;padding:4px 10px;border-radius:5px;cursor:pointer;flex-shrink:0;transition:background .15s}.library-track-btn:hover{background:#1d4ed8}.library-empty-inline{text-align:center;font-size:11px;color:#9ca3af;padding:14px 6px}.download-format-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:10px 12px;margin-bottom:12px;display:flex;flex-direction:column;gap:6px;transition:border-color .15s ease}.download-format-card:hover{border-color:#ffffff24}.download-format-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.download-format-label-group{display:inline-flex;align-items:center;gap:6px;font-size:calc(12px * var(--ui-text-zoom, 1));font-weight:600;color:var(--text-color, #e2e8f0)}.download-format-label{letter-spacing:.2px}.download-format-toggle{display:inline-flex;background:#00000059;border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:2px;gap:3px}.download-format-btn{padding:4px 12px;font-size:calc(11px * var(--ui-text-zoom, 1));font-weight:600;border-radius:4px;border:none;background:transparent;color:#94a3b8;cursor:pointer;transition:all .15s ease}.download-format-btn:hover{color:#fff;background:#ffffff0d}.download-format-btn.active{background:var(--primary-color, #2563eb);color:#fff;box-shadow:0 1px 3px #0000004d}.download-format-hint{font-size:calc(11px * var(--ui-text-zoom, 1));color:#94a3b8;line-height:1.35;margin:0}.download-export-btn{margin-bottom:12px;display:inline-flex;align-items:center;justify-content:center}.canonical-share-box{margin-top:12px;padding:10px;background:#1e293b80;border:1px solid rgba(59,130,246,.2);border-radius:8px;display:flex;flex-direction:column;gap:6px}.canonical-header-row{display:flex;align-items:center;justify-content:space-between}.canonical-badge-label{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:600;color:#93c5fd}.qr-selector-toggle{display:flex;gap:4px;margin-bottom:8px}.qr-toggle-btn{flex:1;font-size:10px;padding:3px 6px;border-radius:4px;border:1px solid rgba(255,255,255,.08);background:#0003;color:#9ca3af;cursor:pointer;transition:all .15s}.qr-toggle-btn.active{background:#2563eb;color:#fff;border-color:#3b82f6}@keyframes sourceDeckPulse{0%{box-shadow:0 0 #3b82f6b3;border-color:#3b82f6}50%{box-shadow:0 0 0 6px #3b82f640;border-color:#60a5fa}to{box-shadow:0 0 #3b82f600;border-color:var(--border-color, rgba(255, 255, 255, .08))}}.settings-accordion-card.source-deck-highlight{animation:sourceDeckPulse 2s ease-out}.cue-only-card{padding:12px 14px;background:linear-gradient(180deg,#10b9810f,#05966905);border:1px solid rgba(16,185,129,.2);border-radius:8px;margin-bottom:12px}.cue-only-header-row{display:flex;align-items:center;justify-content:space-between}.cue-only-status-badge{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:2px 7px;border-radius:9999px;background:#ffffff14;color:#94a3b8;border:1px solid rgba(255,255,255,.1)}.cue-only-status-badge.active{background:#10b98133;color:#6ee7b7;border-color:#10b98166}.cue-only-track-summary{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 10px 22px}.cue-summary-pill{font-size:11px;color:#94a3b8;background:#00000040;border:1px solid rgba(255,255,255,.08);padding:2px 7px;border-radius:4px}.cue-summary-pill strong{color:#e2e8f0}.cue-summary-pill.bridged strong{color:#38bdf8}.cue-only-timing-controls{margin-top:10px;padding-top:10px;border-top:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;gap:10px}.timing-slider-group{display:flex;flex-direction:column;gap:4px}.timing-slider-header{display:flex;justify-content:space-between;align-items:center}.timing-slider-title{font-size:12px;font-weight:500;color:#cbd5e1}.timing-slider-badge{font-family:monospace;font-size:11px;font-weight:600;color:#6ee7b7;background:#10b98126;padding:1px 6px;border-radius:3px;border:1px solid rgba(16,185,129,.3)}.timing-range-slider{width:100%;height:4px;accent-color:#10b981;background:#ffffff26;border-radius:2px;cursor:pointer}.timing-hint{font-size:10.5px;color:#94a3b8}.cue-only-envelope-row{margin-top:4px}.playback-divider{height:1px;background:#ffffff14;margin:12px 0}.playback-toggle-row{padding:10px 12px;background:#ffffff08;border:1px solid rgba(255,255,255,.07);border-radius:8px;margin-bottom:12px}.playback-desc{margin:6px 0 0 22px;line-height:1.4;color:#94a3b8}.playback-status-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.status-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 9px;border-radius:9999px;font-size:11px;font-weight:500;border:1px solid rgba(255,255,255,.08);background:#00000040;color:#94a3b8;transition:all .2s ease}.status-chip .status-dot{width:6px;height:6px;border-radius:50%;background:#64748b;transition:background .2s ease}.status-chip.active{background:#10b9811f;border-color:#10b98159;color:#34d399}.status-chip.active .status-dot{background:#10b981;box-shadow:0 0 6px #10b981}.status-chip.standby{background:#f59e0b1f;border-color:#f59e0b59;color:#fbbf24}.status-chip.standby .status-dot{background:#f59e0b}.status-chip.off{opacity:.65}.status-chip.mini{padding:2px 8px;font-size:10.5px}.status-chip.saved{background:#10b9811f;border-color:#10b98159;color:#34d399}.status-chip.saved .status-dot{background:#10b981}.status-chip.unsaved,.status-chip.saving{background:#f59e0b1f;border-color:#f59e0b59;color:#fbbf24}.status-chip.unsaved .status-dot,.status-chip.saving .status-dot{background:#f59e0b}.playback-feature-grid{display:flex;flex-direction:column;gap:8px}.playback-feature-item{display:flex;flex-direction:column;gap:2px;padding:8px 10px;background:#0000002e;border:1px solid rgba(255,255,255,.05);border-radius:6px}.feature-item-title{font-size:11.5px;font-weight:600;color:#e2e8f0}.feature-item-desc{font-size:11px;line-height:1.35;color:#94a3b8}.autosave-deck-card{margin-top:10px;background:#10b9810a;border:1px solid rgba(16,185,129,.15)}.autosave-deck-controls{display:flex;align-items:center;gap:8px}.autosave-interval-select.deck-select{background:#0f172a;color:#e2e8f0;border:1px solid rgba(255,255,255,.15);border-radius:4px;padding:3px 6px;font-size:11px;outline:none;cursor:pointer}.autosave-deck-actions{display:flex;align-items:center;gap:8px;margin-top:10px;flex-wrap:wrap}.control-button.sm-action-btn{padding:5px 10px;font-size:11px;border-radius:4px;display:inline-flex;align-items:center;justify-content:center}.commit-store-btn{margin-top:8px;border-color:#10b98166!important;color:#10b981!important;background:#10b9810f;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.commit-store-btn:hover:not(:disabled){background:#10b9812e!important;border-color:#10b981!important;color:#34d399!important}.quick-jump-nav{position:sticky;top:0;z-index:25;background:#0f172af2;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.08);padding:4px 8px;margin:0 -4px 8px;display:flex;align-items:center;gap:8px;box-shadow:0 4px 12px #00000059;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;white-space:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent}.quick-jump-nav::-webkit-scrollbar{height:3px}.quick-jump-nav::-webkit-scrollbar-track{background:transparent}.quick-jump-nav::-webkit-scrollbar-thumb{background:#fff3;border-radius:9999px}.quick-jump-nav::-webkit-scrollbar-thumb:hover{background:#ffffff59}.quick-jump-scroll-row,.jump-pills-row{display:inline-flex;align-items:center;gap:6px;flex-shrink:0;flex-wrap:nowrap;white-space:nowrap}.quick-jump-lead-label{display:inline-flex;align-items:center;font-size:calc(11px * var(--ui-text-zoom, 1));font-weight:700;color:#94a3b8;margin-right:2px;text-transform:uppercase;letter-spacing:.05em;flex-shrink:0;-webkit-user-select:none;user-select:none}.jump-pill{display:inline-flex;align-items:center;gap:5px;padding:4px 9px;border-radius:9999px;font-size:calc(11px * var(--ui-text-zoom, 1));font-weight:500;border:1px solid rgba(255,255,255,.08);background:#1e293bb3;color:#94a3b8;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:all .15s ease}.jump-pill .jump-icon{flex-shrink:0;opacity:.85}.jump-pill:hover{background:#334155d9;color:#f8fafc;border-color:#fff3;transform:translateY(-1px)}.jump-pill.open{background:#334155b3;color:#f1f5f9;border-color:#ffffff29}.jump-pill.active-jump{background:#3b82f640;border-color:#60a5fa99;color:#93c5fd;box-shadow:0 0 8px #3b82f659}.jump-pill.jump-source:hover,.jump-pill.pill-source:hover{color:#38bdf8;border-color:#38bdf866;box-shadow:0 2px 8px #38bdf833}.jump-pill.jump-captions:hover,.jump-pill.pill-captions:hover{color:#34d399;border-color:#34d39966;box-shadow:0 2px 8px #34d39933}.jump-pill.jump-title:hover,.jump-pill.pill-title:hover{color:#fbbf24;border-color:#fbbf2466;box-shadow:0 2px 8px #fbbf2433}.jump-pill.jump-templates:hover,.jump-pill.pill-templates:hover{color:#c084fc;border-color:#c084fc66;box-shadow:0 2px 8px #c084fc33}.jump-pill.jump-playback:hover,.jump-pill.pill-playback:hover{color:#fb7185;border-color:#fb718566;box-shadow:0 2px 8px #fb718533}.jump-pill.jump-zoom:hover,.jump-pill.pill-zoom:hover{color:#22d3ee;border-color:#22d3ee66;box-shadow:0 2px 8px #22d3ee33}.jump-pill.jump-share:hover,.jump-pill.pill-share:hover{color:#818cf8;border-color:#818cf866;box-shadow:0 2px 8px #818cf833}.quick-jump-actions{display:inline-flex;align-items:center;gap:6px;flex-shrink:0;margin-left:auto;flex-wrap:nowrap;white-space:nowrap}.quick-jump-restore-btn{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:6px;font-size:calc(10.5px * var(--ui-text-zoom, 1));font-weight:500;color:#e2e8f0;background:#ffffff0d;border:1px solid rgba(255,255,255,.12);cursor:pointer;transition:all .15s ease;white-space:nowrap}.quick-jump-restore-btn:hover{background:#ef44441f;color:#fca5a5;border-color:#ef444459}.quick-jump-restore-btn:active{transform:scale(.97)}.restore-default-style-btn{color:#94a3b8;border-color:#ffffff1f;transition:all .15s ease}.restore-default-style-btn:hover{background:#ef44441a;color:#fca5a5;border-color:#ef44444d}.quick-jump-toggle-all-btn{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:6px;font-size:calc(10.5px * var(--ui-text-zoom, 1));font-weight:500;color:#cbd5e1;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);cursor:pointer;transition:all .15s ease}.quick-jump-toggle-all-btn:hover{background:#ffffff1f;color:#fff;border-color:#fff3}@media(max-width:640px){.quick-jump-actions{gap:4px}.quick-jump-restore-btn span{display:none}.quick-jump-restore-btn{padding:4px 6px}}.settings-accordion-card{transition:border-color .2s ease,box-shadow .2s ease,transform .15s ease}.section-theme-source{border-left:3px solid #38bdf8!important}.section-theme-source .section-badge-dot{background:#38bdf8;box-shadow:0 0 6px #38bdf899}.section-theme-captions{border-left:3px solid #10b981!important}.section-theme-captions .section-badge-dot{background:#10b981;box-shadow:0 0 6px #10b98199}.section-theme-title{border-left:3px solid #f59e0b!important}.section-theme-title .section-badge-dot{background:#f59e0b;box-shadow:0 0 6px #f59e0b99}.section-theme-templates{border-left:3px solid #8b5cf6!important}.section-theme-templates .section-badge-dot{background:#8b5cf6;box-shadow:0 0 6px #8b5cf699}.section-theme-playback{border-left:3px solid #f43f5e!important}.section-theme-playback .section-badge-dot{background:#f43f5e;box-shadow:0 0 6px #f43f5e99}.section-theme-zoom{border-left:3px solid #06b6d4!important}.section-theme-zoom .section-badge-dot{background:#06b6d4;box-shadow:0 0 6px #06b6d499}.section-theme-share{border-left:3px solid #6366f1!important}.section-theme-share .section-badge-dot{background:#6366f1;box-shadow:0 0 6px #6366f199}.section-badge-dot{width:7px;height:7px;border-radius:50%;display:inline-block;flex-shrink:0;margin-right:4px}.accordion-header-right{display:flex;align-items:center;gap:8px}.section-category-tag{font-size:calc(10px * var(--ui-text-zoom, 1));font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding:2px 7px;border-radius:4px;background:#ffffff0d;color:#94a3b8;border:1px solid rgba(255,255,255,.08)}.section-reset-btn{background:transparent;border:1px solid rgba(255,255,255,.12);color:#94a3b8;border-radius:4px;padding:2px 7px;font-size:calc(10.5px * var(--ui-text-zoom, 1));display:inline-flex;align-items:center;gap:4px;cursor:pointer;transition:all .15s ease}.section-reset-btn:hover{color:#f1f5f9;border-color:#ffffff40;background:#ffffff14}@keyframes sectionPulseGlow{0%{box-shadow:0 0 #38bdf899}50%{box-shadow:0 0 0 6px #38bdf840}to{box-shadow:0 0 #38bdf800}}.section-highlight-active{animation:sectionPulseGlow 1.5s ease-out;border-color:#38bdf8b3!important}.control-sub-group{background:#0f172a73;border:1px solid rgba(255,255,255,.06);border-radius:8px;padding:12px;margin-bottom:12px;display:flex;flex-direction:column;gap:10px;transition:border-color .15s ease,background .15s ease}.control-sub-group:hover{border-color:#ffffff1f;background:#0f172a99}.control-sub-header{display:flex;align-items:center;gap:6px;font-size:calc(11.5px * var(--ui-text-zoom, 1));font-weight:600;color:#cbd5e1;letter-spacing:.2px;padding-bottom:6px;border-bottom:1px solid rgba(255,255,255,.06);margin-bottom:2px}.font-label-with-badge{display:inline-flex;align-items:center;gap:6px}.lang-badge{font-size:9.5px;font-weight:700;padding:1px 5px;border-radius:3px;letter-spacing:.3px;text-transform:uppercase;line-height:1.2}.lang-badge.l1-badge{background:#38bdf826;color:#38bdf8;border:1px solid rgba(56,189,248,.35)}.lang-badge.l2-badge{background:#f59e0b26;color:#fbbf24;border:1px solid rgba(245,158,11,.35)}.slider-value-wrap{display:inline-flex;align-items:center;gap:6px}.slider-reset-btn{background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:4px;padding:2px 4px;color:#94a3b8;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .15s ease}.slider-reset-btn:hover{color:#38bdf8;border-color:#38bdf866;background:#38bdf81f;transform:rotate(-45deg)}.draft-modal-backdrop{position:fixed;inset:0;z-index:9999;background-color:#0f172abf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:16px;animation:draftModalFadeIn .15s ease-out}@keyframes draftModalFadeIn{0%{opacity:0}to{opacity:1}}.draft-modal-dialog{background:#0f172a;border:1px solid #334155;border-radius:12px;box-shadow:0 20px 25px -5px #00000080,0 8px 10px -6px #00000080;width:100%;max-width:540px;overflow:hidden;display:flex;flex-direction:column;animation:draftModalZoomIn .15s ease-out}@keyframes draftModalZoomIn{0%{transform:scale(.96);opacity:0}to{transform:scale(1);opacity:1}}.draft-modal-header{padding:18px 20px 14px;display:flex;align-items:flex-start;justify-content:space-between;border-bottom:1px solid #1e293b;gap:12px}.draft-modal-title-group{display:flex;align-items:flex-start;gap:12px}.draft-modal-icon-badge{background:#10b98126;border:1px solid rgba(16,185,129,.3);color:#10b981;border-radius:8px;padding:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px}.draft-modal-title{margin:0;font-size:16px;font-weight:600;color:#f8fafc;line-height:1.3}.draft-modal-subtitle{margin:4px 0 0;font-size:12px;color:#94a3b8;line-height:1.4}.draft-modal-close-btn{background:transparent;border:none;color:#64748b;cursor:pointer;padding:4px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:color .15s,background-color .15s}.draft-modal-close-btn:hover{color:#f1f5f9;background-color:#1e293b}.draft-modal-body{padding:18px 20px;display:flex;flex-direction:column;gap:16px}.draft-comparison-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media(max-width:480px){.draft-comparison-grid{grid-template-columns:1fr}}.draft-compare-card{border-radius:8px;padding:12px 14px;display:flex;flex-direction:column;gap:8px}.draft-card-saved{background:#10b9810d;border:1px solid rgba(16,185,129,.25)}.draft-card-current{background:#1e293b;border:1px solid #334155}.compare-card-header{display:flex;align-items:center;justify-content:space-between;gap:6px}.compare-card-badge{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:2px 6px;border-radius:4px}.draft-badge-saved{background:#10b98133;color:#34d399}.draft-badge-current{background:#94a3b833;color:#cbd5e1}.compare-card-time{font-size:11px;color:#94a3b8}.compare-card-metrics{display:flex;flex-direction:column;gap:4px;font-size:12px}.compare-metric-row{display:flex;align-items:baseline;gap:6px}.compare-metric-label{color:#64748b;font-size:11px;width:38px;flex-shrink:0}.compare-metric-value{color:#e2e8f0;font-weight:500}.compare-metric-value.highlight{color:#34d399;font-weight:600}.compare-metric-value.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compare-metric-value .empty-text{color:#64748b;font-style:italic}.draft-modal-notice{display:flex;align-items:flex-start;gap:10px;background:#1e293b99;border:1px solid #334155;border-radius:8px;padding:10px 12px;font-size:12px;color:#94a3b8;line-height:1.4}.draft-notice-icon{color:#38bdf8;flex-shrink:0;margin-top:1px}.draft-modal-footer{padding:14px 20px;background:#090e17;border-top:1px solid #1e293b;display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.draft-modal-footer-right{display:flex;align-items:center;gap:8px}.draft-modal-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:6px;padding:7px 12px;font-size:12px;font-weight:500;cursor:pointer;transition:all .15s ease;border:1px solid transparent}.draft-btn-discard{background:transparent;color:#ef4444;border-color:#ef444440}.draft-btn-discard:hover{background:#ef44441f;border-color:#ef444466}.draft-btn-minimize{background:#1e293b;color:#cbd5e1;border-color:#334155}.draft-btn-minimize:hover{background:#334155;color:#f8fafc}.draft-btn-restore{background:#10b981;color:#022c22;font-weight:600;border-color:#059669}.draft-btn-restore:hover{background:#34d399}.draft-btn-restore:focus-visible{outline:2px solid #34d399;outline-offset:2px}.find-replace-panel{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:5px 8px;margin:2px 0 6px;animation:slideDown .2s ease-in-out}@keyframes slideDown{0%{opacity:0;max-height:0;padding:0 8px}to{opacity:1;max-height:300px;padding:5px 8px}}.find-replace-row{display:flex;gap:6px;align-items:center;margin-bottom:5px}.find-replace-row:last-child{margin-bottom:0}.search-input-wrapper{flex:1;position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:10px;color:#ffffff80;pointer-events:none}.search-input{width:100%;padding:5px 30px 5px 32px;background:#0000004d;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#fff;font-size:calc(13px * var(--ui-text-zoom, 1));transition:all .15s ease}.search-input:focus{outline:none;border-color:#64b5f699;background:#0006;box-shadow:0 0 0 2px #64b5f633}.search-input.no-matches{border-color:#f4433699}.search-input.no-matches:focus{box-shadow:0 0 0 2px #f4433633}.search-input::placeholder{color:#fff6}.clear-button{position:absolute;right:8px;background:transparent;border:none;color:#ffffff80;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .15s ease}.clear-button:hover{background:#ffffff1a;color:#fffc}.find-replace-options{display:flex;gap:4px;align-items:center}.case-sensitive-button,.exact-match-button{padding:5px 10px;background:#0000004d;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#fff9;font-size:calc(13px * var(--ui-text-zoom, 1));font-weight:600;cursor:pointer;transition:all .15s ease;font-family:monospace}.case-sensitive-button:hover,.exact-match-button:hover{background:#0006;border-color:#ffffff4d;color:#fffc}.case-sensitive-button.active,.exact-match-button.active{background:#64b5f64d;border-color:#64b5f699;color:#64b5f6}.close-panel-button{padding:5px;background:#0000004d;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#fff9;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.close-panel-button:hover{background:#f443364d;border-color:#f4433699;color:#fff}.find-replace-controls{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.navigation-buttons{display:flex;gap:4px}.nav-button{padding:4px 8px;background:#0000004d;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#fffc;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.nav-button:hover:not(:disabled){background:#64b5f64d;border-color:#64b5f699;color:#fff}.nav-button:disabled{opacity:.3;cursor:not-allowed}.find-scope-group{display:inline-flex;align-items:center;background:#0000004d;border:1px solid rgba(255,255,255,.15);border-radius:6px;padding:2px;gap:2px}.find-scope-group .scope-btn{padding:3px 7px;background:transparent;border:none;border-radius:4px;color:#fff9;font-size:calc(11px * var(--ui-text-zoom, 1));font-weight:600;cursor:pointer;transition:all .15s ease;line-height:1.2}.find-scope-group .scope-btn:hover{color:#fff;background:#ffffff14}.find-scope-group .scope-btn.active{background:#64b5f659;color:#93c5fd;font-weight:700}.toggle-replace-button{padding:4px 10px;background:#0000004d;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#fffc;font-size:calc(12px * var(--ui-text-zoom, 1));cursor:pointer;transition:all .15s ease;display:flex;align-items:center;gap:4px}.toggle-replace-button:hover{background:#0006;border-color:#ffffff4d;color:#fff}.replace-buttons{display:flex;gap:4px}.replace-button,.replace-all-button{padding:4px 10px;background:#0000004d;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#fffc;font-size:calc(12px * var(--ui-text-zoom, 1));cursor:pointer;transition:all .15s ease}.replace-button:hover:not(:disabled){background:#ff98004d;border-color:#ff980099;color:#fff}.replace-all-button:hover:not(:disabled){background:#4caf504d;border-color:#4caf5099;color:#fff}.replace-button:disabled,.replace-all-button:disabled{opacity:.3;cursor:not-allowed}.match-counter{margin-left:auto;padding:4px 10px;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#ffffffb3;font-size:calc(11.5px * var(--ui-text-zoom, 1));font-weight:500;white-space:nowrap}.subtitle-text mark{background:#ffeb3b66;color:inherit;padding:2px 0;border-radius:2px}.subtitle-text mark.current-match{background:#ff980099;animation:pulse 1s ease-in-out infinite}@keyframes pulse{0%,to{background:#ff980099}50%{background:#ff9800cc}}@media(max-width:768px){.find-replace-controls{flex-direction:column;align-items:stretch}.navigation-buttons{width:100%}.nav-button{flex:1}.toggle-replace-button{width:100%;justify-content:center}.replace-buttons{width:100%}.replace-button,.replace-all-button{flex:1}.match-counter{margin-left:0;text-align:center}}@media(max-width:480px){.find-replace-panel{padding:4px 6px}.find-replace-row{flex-wrap:wrap}.search-input-wrapper{width:100%;order:1}.case-sensitive-button{order:2}.close-panel-button{order:3}.search-input{font-size:16px}}@media(pointer:coarse){.search-input{font-size:max(16px,calc(13px * var(--ui-text-zoom, 1)))}}@supports (-webkit-touch-callout: default){.search-input{font-size:max(16px,calc(13px * var(--ui-text-zoom, 1)))}}.delete-cue-modal-overlay{position:fixed;inset:0;background:#000000c2;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);z-index:99999;display:flex;align-items:center;justify-content:center;padding:16px;animation:deleteModalFadeIn .18s ease-out}@keyframes deleteModalFadeIn{0%{opacity:0}to{opacity:1}}.delete-cue-modal-dialog{background:#0f172a;border:1px solid rgba(239,68,68,.35);border-radius:14px;width:100%;max-width:480px;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #000000bf,0 0 20px #ef44441f;overflow:hidden;animation:deleteModalSlideUp .22s cubic-bezier(.16,1,.3,1)}@keyframes deleteModalSlideUp{0%{transform:translateY(14px) scale(.97);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.delete-cue-modal-header{display:flex;align-items:flex-start;justify-content:space-between;padding:18px 20px 14px;border-bottom:1px solid rgba(255,255,255,.08);gap:12px}.delete-cue-modal-header-left{display:flex;align-items:flex-start;gap:14px}.delete-cue-modal-icon-badge{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;background:#ef444424;border:1px solid rgba(239,68,68,.3);color:#f87171;flex-shrink:0}.delete-cue-modal-trash-icon{color:#f87171}.delete-cue-modal-titles{display:flex;flex-direction:column;gap:4px}.delete-cue-modal-title{margin:0;font-size:16px;font-weight:700;color:#f8fafc;letter-spacing:-.01em}.delete-cue-modal-description{margin:0;font-size:12.5px;color:#94a3b8;line-height:1.4}.delete-cue-modal-close-btn{background:none;border:none;color:#64748b;padding:6px;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease;flex-shrink:0}.delete-cue-modal-close-btn:hover{color:#f1f5f9;background:#ffffff14}.delete-cue-modal-body{padding:16px 20px 18px;display:flex;flex-direction:column;gap:14px}.delete-cue-preview-card{background:#1e293b;border:1px solid rgba(255,255,255,.09);border-radius:10px;padding:12px 14px;display:flex;flex-direction:column;gap:10px}.delete-cue-preview-header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.06)}.delete-cue-number-tag{font-size:12px;font-weight:700;color:#38bdf8;background:#38bdf81f;border:1px solid rgba(56,189,248,.25);padding:2px 7px;border-radius:5px;letter-spacing:.02em}.delete-cue-time-pill{display:flex;align-items:center;gap:5px;font-size:11.5px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;color:#cbd5e1;background:#00000059;padding:3px 8px;border-radius:6px;border:1px solid rgba(255,255,255,.06)}.delete-cue-clock-icon{color:#94a3b8}.delete-cue-duration-tag{color:#64748b;font-size:10.5px}.delete-cue-preview-lines{display:flex;flex-direction:column;gap:8px}.delete-cue-line-row{display:flex;align-items:flex-start;gap:8px;font-size:13px;line-height:1.45}.delete-cue-line-row.line1 .delete-cue-line-label{color:#60a5fa;background:#60a5fa1f;border:1px solid rgba(96,165,250,.25)}.delete-cue-line-row.line1 .delete-cue-line-text{color:#f1f5f9}.delete-cue-line-row.line2 .delete-cue-line-label{color:#fbbf24;background:#fbbf241f;border:1px solid rgba(251,191,36,.25)}.delete-cue-line-row.line2 .delete-cue-line-text{color:#fef08a}.delete-cue-line-label{font-size:10px;font-weight:700;padding:1px 5px;border-radius:4px;letter-spacing:.03em;flex-shrink:0;margin-top:2px}.delete-cue-line-text{word-break:break-word;font-size:13px}.delete-cue-line-empty{font-size:12px;color:#64748b;padding:4px 0}.delete-cue-undo-hint{display:flex;align-items:center;gap:8px;font-size:11.5px;color:#94a3b8;background:#94a3b814;border:1px solid rgba(148,163,184,.14);padding:7px 10px;border-radius:6px;line-height:1.35}.delete-cue-undo-icon{color:#38bdf8;flex-shrink:0}.delete-cue-undo-hint strong{color:#f1f5f9}.delete-cue-batch-container{display:flex;flex-direction:column;gap:10px}.delete-cue-batch-summary{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:2px}.delete-cue-batch-count-tag{font-size:12px;font-weight:700;color:#f87171;background:#ef44441f;border:1px solid rgba(239,68,68,.28);padding:3px 8px;border-radius:6px;letter-spacing:.02em}.delete-cue-batch-scroll{max-height:230px;overflow-y:auto;display:flex;flex-direction:column;gap:8px;padding:8px 10px;background:#0b1120;border:1px solid rgba(255,255,255,.08);border-radius:8px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent}.delete-cue-batch-scroll::-webkit-scrollbar{width:6px}.delete-cue-batch-scroll::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.delete-cue-batch-item{display:flex;flex-direction:column;gap:5px;padding:8px 10px;background:#1e293b;border:1px solid rgba(255,255,255,.06);border-radius:6px}.delete-cue-batch-item-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.delete-cue-batch-item-time{font-size:11px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;color:#cbd5e1}.delete-cue-batch-item-text{display:flex;flex-direction:column;gap:3px;font-size:12px;line-height:1.35}.delete-batch-line{display:flex;align-items:flex-start;gap:6px}.delete-batch-line.line1 .delete-batch-line-content{color:#f1f5f9}.delete-batch-line.line2 .delete-batch-line-content{color:#fef08a}.delete-batch-line-content{word-break:break-word}.delete-cue-modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:14px 20px 18px;border-top:1px solid rgba(255,255,255,.08);background:#0f172a80}.delete-cue-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:8px 16px;min-height:38px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s ease;touch-action:manipulation}.delete-cue-cancel-btn{background:#1e293b;border:1px solid #334155;color:#e2e8f0}.delete-cue-cancel-btn:hover{background:#334155;border-color:#475569;color:#fff}.delete-cue-cancel-btn:focus-visible{outline:2px solid #38bdf8;outline-offset:1px}.delete-cue-confirm-btn{background:#dc2626;border:1px solid #ef4444;color:#fff;box-shadow:0 2px 10px #dc26264d}.delete-cue-confirm-btn:hover{background:#b91c1c;border-color:#dc2626;box-shadow:0 4px 14px #dc262673}.delete-cue-confirm-btn:focus-visible{outline:2px solid #f87171;outline-offset:1px}.delete-cue-confirm-btn:active{transform:scale(.98)}@media(pointer:coarse){.delete-cue-btn{min-height:42px;padding:9px 18px;font-size:14px}.delete-cue-modal-close-btn{min-width:36px;min-height:36px}}.editor-container{width:100%;max-width:100%;margin:0;padding:0;background-color:transparent;border-radius:0;box-shadow:none;box-sizing:border-box;display:flex;flex-direction:column;height:100%;min-height:0}.editor-toolbar{display:flex;flex-direction:column;padding:6px 10px;background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:8px;width:100%;box-sizing:border-box;flex-shrink:0;margin-bottom:6px;transition:background-color .15s ease}.editor-toolbar.collapsed{display:none}.toolbar-expanded-content{display:flex;flex-direction:column;gap:4px;width:100%}.toolbar-row{display:flex;align-items:center;gap:6px;width:100%;min-height:28px;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.25) transparent}.toolbar-row::-webkit-scrollbar{height:3px}.toolbar-row::-webkit-scrollbar-track{background:transparent}.toolbar-row::-webkit-scrollbar-thumb{background:#ffffff40;border-radius:3px}.toolbar-row::-webkit-scrollbar-thumb:hover{background:#ffffff73}.toolbar-pod{display:inline-flex;align-items:center;gap:3px;padding:2px 4px;background:#00000040;border:1px solid rgba(255,255,255,.08);border-radius:6px;flex-shrink:0;transition:all .15s ease}.toolbar-pod:hover{border-color:#ffffff29}.toolbar-pod.pod-cue-playback{background:#0ea5e914;border-color:#38bdf838}.toolbar-pod.pod-timing{background:#a855f714;border-color:#c084fc38}.toolbar-pod.pod-view-search{background:#3b82f614;border-color:#60a5fa38}.toolbar-pod.pod-media{background:#f43f5e14;border-color:#fb718538}.toolbar-pod.pod-export{background:#10b98114;border-color:#34d39938}.toolbar-pod.pod-autosave{background:#10b9810f;border-color:#10b98133}.toolbar-pod.pod-zoom{background:#06b6d40f;border-color:#06b6d433}.toolbar-pod.pod-offsets{background:#f59e0b0f;border-color:#f59e0b33;flex-shrink:0;white-space:nowrap}.toolbar-row-spacer{flex:1;min-width:8px}.toolbar-actions{display:flex;gap:4px;align-items:center;flex-wrap:wrap}.toolbar-separator{width:1px;height:16px;background-color:#ffffff1a;margin:0 3px;flex-shrink:0}.action-button{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border-radius:5px;cursor:pointer;border:1px solid transparent;background-color:transparent;color:var(--text-color);font-size:calc(11px * var(--ui-text-zoom, 1));font-weight:500;transition:all .15s ease}.action-button:hover:not(:disabled){background-color:var(--surface-hover);border-color:#ffffff1a}.action-button.active,.action-button.wrap-toggle-btn.active{background-color:#3b82f633;border-color:var(--primary-color);color:#60a5fa}.action-button.shrink-video-btn.active{background-color:#6366f133;border-color:#818cf8;color:#a5b4fc}.action-button.filter-delimiters-btn{color:#e2e8f0}.action-button.filter-delimiters-btn:hover:not(:disabled){background-color:#0ea5e926;border-color:#38bdf866;color:#7dd3fc}.action-button.filter-delimiters-btn.active{background-color:#0ea5e940;border-color:#38bdf8;color:#38bdf8}.action-button.add-button{background-color:var(--primary-color);color:#fff}.action-button.add-button:hover:not(:disabled){background-color:var(--primary-hover)}.action-button.download-button{color:var(--secondary-color)}.download-format-badge{font-size:10px;font-weight:700;text-transform:uppercase;padding:1px 4px;border-radius:3px;background:#10b98126;color:#10b981;letter-spacing:.3px;line-height:1.2}.action-button.download-button:hover:not(:disabled){background-color:#10b98126}.action-button.download-button:hover:not(:disabled) .download-format-badge{background:#10b98147;color:#34d399}.action-button.commit-store-toolbar-btn{color:#10b981;border-color:#10b98159;background-color:#10b98114}.action-button.commit-store-toolbar-btn:hover:not(:disabled){background-color:#10b98133;border-color:#10b981;color:#34d399}.action-button.load-button{color:#60a5fa}.action-button.load-button:hover:not(:disabled){background-color:#3b82f626;border-color:#3b82f6;color:#93c5fd}.action-button.clear-subtitles-btn{color:#f87171}.action-button.clear-subtitles-btn:hover:not(:disabled){background-color:#ef444426;border-color:#ef444466;color:#ef4444}.action-button:disabled{opacity:.4;cursor:not-allowed}.btn-label{white-space:nowrap}.toolbar-offsets,.offset-control-group{display:inline-flex;align-items:center;flex-direction:row;flex-wrap:nowrap;gap:6px;white-space:nowrap;flex-shrink:0}.offset-item,.offset-input-wrap{display:inline-flex;align-items:center;flex-direction:row;flex-wrap:nowrap;gap:4px;white-space:nowrap;flex-shrink:0}.offset-label{color:var(--text-muted);font-size:calc(11px * var(--ui-text-zoom, 1));font-weight:600;white-space:nowrap;line-height:1;flex-shrink:0;letter-spacing:-.2px}.offset-prefix{color:#cbd5e1;font-size:calc(11px * var(--ui-text-zoom, 1));font-weight:500;line-height:1;white-space:nowrap;flex-shrink:0}.offset-input{width:44px;padding:2px 4px;background-color:var(--bg-color);border:1px solid var(--border-color);color:var(--text-color);border-radius:4px;font-size:calc(11px * var(--ui-text-zoom, 1));font-family:monospace;font-variant-numeric:tabular-nums;text-align:center;flex-shrink:0;box-sizing:border-box;transition:border-color .15s ease,box-shadow .15s ease}.offset-input:focus{outline:none;border-color:#f59e0b;box-shadow:0 0 0 1px #f59e0b66}.offset-unit{color:#777;white-space:nowrap}.toolbar-toggle-button{background:none;border:none;color:var(--text-muted);padding:4px 6px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border-radius:4px;flex-shrink:0;transition:all .15s ease}.toolbar-toggle-button:hover{background-color:var(--surface-hover);color:var(--text-color)}.toolbar-toggle-button.collapsed-toggle{height:22px;padding:2px 8px;margin:0;color:#94a3b8;background-color:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:4px;display:inline-flex;align-items:center;gap:4px;font-size:calc(11px * var(--ui-text-zoom, 1));font-weight:600}.toolbar-toggle-button.collapsed-toggle:hover{color:#fff;background-color:#3b82f640;border-color:#3b82f680}.batch-shift-panel{background-color:#1a2234;border:1px solid #2e3d5b;border-radius:8px;padding:12px 14px;margin:8px;display:flex;flex-direction:column;gap:10px;box-shadow:0 8px 24px #0006;animation:fadeIn .15s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.batch-shift-header{display:flex;justify-content:space-between;align-items:center;color:#fff}.close-sm-btn{background:none;border:none;color:#888;cursor:pointer;font-size:12px;padding:2px 6px;border-radius:4px}.close-sm-btn:hover{color:#fff;background-color:#ffffff1a}.batch-shift-scope{display:flex;flex-direction:column;gap:6px;font-size:11px;color:var(--text-color)}.radio-label{display:inline-flex;align-items:center;gap:6px;cursor:pointer}.quick-shift-presets{display:flex;flex-direction:column;gap:6px}.preset-buttons-row{display:flex;gap:4px;flex-wrap:wrap}.preset-btn{padding:4px 8px;background-color:#243048;border:1px solid #3b4d70;color:#d1d5db;border-radius:4px;font-size:11px;font-family:monospace;cursor:pointer;transition:all .15s}.preset-btn:hover{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color)}.custom-shift-row{display:flex;flex-direction:column;gap:6px}.custom-shift-input-wrap{display:flex;gap:8px}.custom-shift-input{width:120px;padding:6px 8px;background-color:#0f1523;border:1px solid #3b4d70;border-radius:4px;color:#fff;font-family:monospace;font-size:12px}.editor-content{display:flex;flex-direction:column;width:100%;flex:1 1 auto;min-height:0}.batch-action-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 12px;background:#0f172a;border:1px solid rgba(99,102,241,.45);border-radius:8px;margin:4px 6px 6px;box-shadow:0 4px 16px #0006,0 0 12px #6366f126;flex-shrink:0;z-index:10;animation:batchBarFadeIn .15s ease-out}@keyframes batchBarFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.batch-action-bar-left{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.batch-master-checkbox-label{display:inline-flex;align-items:center;cursor:pointer;user-select:none;-webkit-user-select:none}.batch-master-checkbox{width:16px;height:16px;cursor:pointer;accent-color:#6366f1;border-radius:4px;margin:0}.batch-action-count{font-size:calc(12.5px*min(var(--ui-text-zoom, 1),1.2));color:#e2e8f0;font-weight:500}.batch-action-count strong{color:#818cf8;font-weight:700}.batch-action-link-btn{background:none;border:none;color:#94a3b8;font-size:calc(11.5px*min(var(--ui-text-zoom, 1),1.2));cursor:pointer;padding:3px 6px;border-radius:4px;text-decoration:underline;text-underline-offset:2px;transition:color .15s ease}.batch-action-link-btn:hover{color:#f1f5f9}.batch-action-bar-right{display:flex;align-items:center;gap:8px;flex-shrink:0}.batch-action-delete-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;min-height:32px;border-radius:6px;background:#dc2626;border:1px solid #ef4444;color:#fff;font-size:calc(12px*min(var(--ui-text-zoom, 1),1.2));font-weight:600;cursor:pointer;transition:all .15s ease;box-shadow:0 2px 8px #dc262659}.batch-action-delete-btn:hover{background:#b91c1c;border-color:#dc2626;box-shadow:0 3px 12px #dc262680}.batch-action-delete-btn:active{transform:scale(.97)}.batch-action-close-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;background:none;border:none;color:#94a3b8;border-radius:6px;cursor:pointer;transition:all .15s ease}.batch-action-close-btn:hover{color:#f8fafc;background:#ffffff1a}.cue-filter-bar{display:flex;align-items:center;gap:8px;padding:6px 8px;margin:2px 6px 6px;background:#121826;border:1px solid #1e293b;border-radius:8px;flex-shrink:0;box-sizing:border-box;transition:border-color .15s ease,box-shadow .15s ease;animation:cueFilterBarFadeIn .16s ease-out}@keyframes cueFilterBarFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.cue-filter-input-wrap{display:flex;align-items:center;position:relative;flex:1;min-width:0;background:#0f172a99;border:1px solid rgba(255,255,255,.08);border-radius:6px;padding:0 8px;height:32px;transition:all .15s ease}.cue-filter-input-wrap:focus-within{border-color:#3b82f699;box-shadow:0 0 0 1px #3b82f666,0 0 10px #3b82f626;background:#0f172ae6}.cue-filter-icon{color:#64748b;flex-shrink:0;margin-right:6px;pointer-events:none}.cue-filter-input{flex:1;min-width:0;background:transparent;border:none;outline:none;color:#f1f5f9;font-size:calc(12.5px*min(var(--ui-text-zoom, 1),1.2));padding:4px 0}.cue-filter-input::placeholder{color:#64748b}.cue-filter-clear-btn,.cue-filter-close-btn{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;background:transparent;border:none;color:#94a3b8;border-radius:4px;cursor:pointer;flex-shrink:0;margin-left:4px;transition:all .15s ease}.cue-filter-clear-btn:hover,.cue-filter-close-btn:hover{color:#f8fafc;background:#ffffff1f}.cue-filter-count{font-size:calc(11.5px*min(var(--ui-text-zoom, 1),1.2));color:#94a3b8;white-space:nowrap;user-select:none;-webkit-user-select:none;flex-shrink:0;padding-right:4px}.cue-filter-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 16px;background:#12182666;border:1px dashed rgba(255,255,255,.12);border-radius:8px;margin:8px 0;text-align:center;gap:8px}.cue-filter-empty-text{margin:0;font-size:calc(13px*min(var(--ui-text-zoom, 1),1.2));color:#94a3b8}.cue-filter-empty-query{color:#f1f5f9;font-weight:600}.cue-filter-clear-link{background:none;border:none;color:#60a5fa;font-size:calc(12.5px*min(var(--ui-text-zoom, 1),1.2));font-weight:500;cursor:pointer;padding:4px 8px;border-radius:4px;text-decoration:underline;text-underline-offset:3px;transition:color .15s ease}.cue-filter-clear-link:hover{color:#93c5fd}.subtitle-list{max-height:calc(100vh - 280px);max-height:calc(100dvh - 280px);overflow-y:auto;padding:6px 8px max(60vh,360px) 8px;scroll-padding-top:6px;display:flex;flex-direction:column;gap:10px;scrollbar-width:thin;scrollbar-color:#444 transparent;overscroll-behavior-y:auto}.main-content.editor-video-shrunk .subtitle-list{max-height:calc(100vh - 150px);max-height:calc(100dvh - 150px)}.main-content.editor-video-expanded .subtitle-list{max-height:calc(100vh - 170px);max-height:calc(100dvh - 170px)}@media(orientation:portrait){.main-content.editor-video-shrunk .subtitle-list{max-height:calc(100vh - 320px);max-height:calc(100dvh - 320px)}.main-content.editor-video-expanded .subtitle-list{max-height:calc(60vh - 240px);max-height:calc(100dvh - 40vh - 240px);min-height:180px}}.paired-title-card{background-color:#141b2b;border:1px solid rgba(245,158,11,.45);border-radius:8px;padding:10px 12px;display:flex;flex-direction:column;gap:10px;box-shadow:0 2px 8px #0003;transition:border-color .15s ease,box-shadow .15s ease;flex-shrink:0;min-height:fit-content}.paired-title-card.is-live{border-color:#f59e0b;box-shadow:0 0 0 1px #f59e0b59}.title-live-dot{display:inline-flex;align-items:center;gap:4px;font-size:calc(9px * var(--ui-text-zoom, 1));font-weight:800;letter-spacing:.4px;text-transform:uppercase;color:#fbbf24;background:#f59e0b29;border-radius:3px;padding:1px 5px;line-height:1.4}.title-live-dot-mark{width:6px;height:6px;border-radius:50%;background:#f59e0b;box-shadow:0 0 6px #f59e0bd9}.title-card-header{display:flex;justify-content:space-between;align-items:center}.title-badge-group{display:flex;align-items:center;gap:6px}.title-card-label{font-size:calc(11px * var(--ui-text-zoom, 1));font-weight:700;color:#f59e0b;text-transform:uppercase;letter-spacing:.5px}.title-actions{display:flex;align-items:center;gap:6px}.title-card-body{display:flex;flex-direction:column;gap:8px}.title-duration-wrap{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:calc(11px * var(--ui-text-zoom, 1))}.field-label-xs{color:var(--text-muted);font-weight:600;font-size:calc(10px * var(--ui-text-zoom, 1));text-transform:uppercase}.duration-hint{color:#888;font-size:calc(11px * var(--ui-text-zoom, 1));font-family:monospace}.bilingual-cue-card{background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:8px;padding:10px 12px;display:flex;flex-direction:column;gap:8px;transition:all .15s ease;cursor:pointer;position:relative;flex-shrink:0;min-height:fit-content}.bilingual-cue-card:hover{border-color:#ffffff26;background-color:#1e293b80}.bilingual-cue-card.selected{border-color:var(--primary-color);background-color:#3b82f614;box-shadow:0 0 0 1px var(--primary-color)}.bilingual-cue-card.active-playback{border-color:var(--secondary-color);background-color:#10b98117;box-shadow:0 0 10px #10b98133}.bilingual-cue-card.selected.active-playback{border-color:var(--secondary-color);background-color:#3b82f61a;box-shadow:inset 0 0 0 1px #3b82f68c,0 0 0 1px var(--secondary-color),0 0 12px #10b98147}.bilingual-cue-card.batch-selected{border-color:#6366f1;background-color:#6366f114;box-shadow:0 0 0 1px #6366f1}.bilingual-cue-card.batch-selected:hover{background-color:#6366f121}.bilingual-cue-card.batch-selected.active-playback{border-color:var(--secondary-color);background-color:#6366f11f;box-shadow:inset 0 0 0 1px #6366f1,0 0 0 1px var(--secondary-color),0 0 12px #10b98147}.cue-under-title-note{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;padding:4px 8px;border-radius:5px;background:#f59e0b14;border:1px solid rgba(245,158,11,.28);color:#fbbf24;font-size:calc(11px * var(--ui-text-zoom, 1));line-height:1.35}.cue-under-title-shift{display:inline-flex;align-items:center;gap:4px;padding:2px 7px;background:transparent;border:1px solid rgba(245,158,11,.45);border-radius:4px;color:#fbbf24;font-size:calc(10px * var(--ui-text-zoom, 1));font-weight:600;cursor:pointer;touch-action:manipulation}.cue-under-title-shift:hover{background:#f59e0b29;border-color:#f59e0b;color:#fde68a}.cue-card-top-bar{display:flex;justify-content:flex-start;align-items:center;flex-wrap:nowrap!important;gap:6px;width:100%;min-width:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;padding-bottom:2px}.cue-card-top-bar::-webkit-scrollbar{display:none}.cue-badge-row{display:flex;align-items:center;gap:4px;flex-shrink:0!important;white-space:nowrap}.cue-select-checkbox-wrap{display:inline-flex;align-items:center;justify-content:center;cursor:pointer;user-select:none;-webkit-user-select:none;padding:1px 2px 1px 0}.cue-select-checkbox{width:15px;height:15px;cursor:pointer;accent-color:#6366f1;border-radius:4px;margin:0;vertical-align:middle}.cue-index-pill{font-size:calc(11px*min(var(--ui-text-zoom, 1),1.2));font-weight:700;font-family:monospace;color:var(--text-muted)}.cue-index-pill.playing{color:var(--secondary-color)}.live-playing-badge{font-size:calc(9px*min(var(--ui-text-zoom, 1),1.15));font-weight:800;background-color:#10b98133;color:#34d399;padding:1px 4px;border-radius:3px;letter-spacing:.3px}.cue-timing-controls{display:flex;align-items:center;gap:4px;flex-wrap:nowrap!important;flex-shrink:0!important;min-width:max-content}.stamp-time-group{display:inline-flex;align-items:center;gap:2px;background-color:var(--bg-color);padding:1px 3px;border-radius:4px;border:1px solid var(--border-color);flex-shrink:0!important;white-space:nowrap}.time-nudge-btn{display:inline-flex;align-items:center;justify-content:center;width:calc(16px*min(var(--ui-text-zoom, 1),1.15));height:calc(16px*min(var(--ui-text-zoom, 1),1.15));padding:0;background-color:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:3px;color:#94a3b8;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;transition:all .12s ease;flex-shrink:0!important}.time-nudge-btn:hover:not(:disabled){background-color:#3b82f640;border-color:#3b82f680;color:#fff}.time-nudge-btn:active:not(:disabled){transform:scale(.92);background-color:var(--primary-color);color:#fff}.time-nudge-btn:disabled{opacity:.3;cursor:not-allowed}.time-input-pill{background:transparent;border:none;color:var(--text-color);font-family:monospace;font-size:calc(11px*min(var(--ui-text-zoom, 1),1.15));font-variant-numeric:tabular-nums;width:calc(56px*min(var(--ui-text-zoom, 1),1.15));min-width:44px;outline:none;text-align:center;padding:0 1px;flex-shrink:0!important}.time-arrow{color:var(--text-muted);font-size:calc(10px*min(var(--ui-text-zoom, 1),1.15));flex-shrink:0!important}.playhead-stamp-btn{background-color:#ffffff14;border:none;color:#60a5fa;font-size:calc(9px*min(var(--ui-text-zoom, 1),1.15));font-weight:600;padding:2px 4px;border-radius:3px;cursor:pointer;touch-action:manipulation;white-space:nowrap!important;flex-shrink:0!important;transition:background-color .15s,color .15s}.playhead-stamp-btn:hover{background-color:var(--primary-color);color:#fff}.cue-play-btn{display:inline-flex;align-items:center;gap:3px;padding:2px 6px;background:linear-gradient(180deg,#3b82f62e,#2563eb1f);border:1px solid rgba(96,165,250,.35);color:#93c5fd;border-radius:4px;font-size:calc(10px*min(var(--ui-text-zoom, 1),1.15));font-weight:600;cursor:pointer;transition:all .15s ease-in-out;box-shadow:0 1px 2px #0003;-webkit-user-select:none;user-select:none;line-height:1;height:22px;white-space:nowrap!important;flex-shrink:0!important;margin-left:auto}.cue-play-btn:hover{background:linear-gradient(180deg,#3b82f6e6,#2563ebe6);color:#fff;border-color:#60a5fa;box-shadow:0 0 8px #3b82f666;transform:translateY(-1px)}.cue-play-btn:active{transform:translateY(0) scale(.97)}.cue-play-btn.is-playing{background:linear-gradient(180deg,#10b98147,#05966933);border-color:#34d3998c;color:#34d399;box-shadow:0 0 8px #10b98159}.cue-play-btn.is-playing:hover{background:linear-gradient(180deg,#10b981e6,#059669e6);border-color:#34d399;color:#fff;box-shadow:0 0 12px #10b98180}.action-button.continuous-toolbar-btn{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;background:linear-gradient(180deg,#0ea5e929,#0284c714);border:1px solid rgba(56,189,248,.35);color:#7dd3fc;border-radius:5px;font-size:calc(11px * var(--ui-text-zoom, 1));font-weight:600;cursor:pointer;transition:all .15s ease-in-out;-webkit-user-select:none;user-select:none;line-height:1;height:28px;white-space:nowrap}.action-button.continuous-toolbar-btn:hover:not(:disabled){background:linear-gradient(180deg,#0ea5e9d9,#0284c7d9);color:#fff;border-color:#38bdf8;box-shadow:0 0 10px #0ea5e966;transform:translateY(-1px)}.action-button.continuous-toolbar-btn:active:not(:disabled){transform:translateY(0) scale(.97)}.action-button.continuous-toolbar-btn.is-active-playing{background:linear-gradient(180deg,#ef444440,#b91c1c29);border-color:#f8717199;color:#fca5a5;box-shadow:0 0 8px #ef444440}.action-button.continuous-toolbar-btn.is-active-playing:hover:not(:disabled){background:linear-gradient(180deg,#ef4444eb,#dc2626eb);border-color:#ef4444;color:#fff;box-shadow:0 0 12px #ef444480}.action-button.continuous-toolbar-btn .stop-icon,.action-button.continuous-toolbar-btn .play-icon{flex-shrink:0}.continuous-time-badge{font-family:monospace;font-variant-numeric:tabular-nums;font-size:calc(9.5px * var(--ui-text-zoom, 1));background:#00000059;color:#e0f2fe;padding:1px 5px;border-radius:3px;border:1px solid rgba(56,189,248,.25);letter-spacing:.2px;transition:all .15s ease;line-height:1.2}.action-button.continuous-toolbar-btn:hover .continuous-time-badge{background:#0000008c;color:#fff;border-color:#ffffff4d}.action-button.continuous-toolbar-btn.is-active-playing .continuous-time-badge{background:#00000073;color:#fee2e2;border-color:#f8717173}.action-button.continuous-toolbar-btn.is-active-playing:hover .continuous-time-badge{background:#000000a6;color:#fff;border-color:#fff6}.action-button.cue-only-toolbar-btn{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;background:#ffffff0d;border:1px solid rgba(255,255,255,.15);color:#cbd5e1;border-radius:5px;font-size:calc(11px * var(--ui-text-zoom, 1));font-weight:500;cursor:pointer;transition:all .15s ease-in-out;-webkit-user-select:none;user-select:none;line-height:1;height:28px;white-space:nowrap}.action-button.cue-only-toolbar-btn:hover:not(:disabled){background:#10b98126;border-color:#10b98166;color:#6ee7b7}.action-button.cue-only-toolbar-btn.active{background:linear-gradient(180deg,#10b98147,#0596692e);border-color:#10b981;color:#6ee7b7;box-shadow:0 0 10px #10b98159}.action-button.cue-only-toolbar-btn.active:hover:not(:disabled){background:linear-gradient(180deg,#10b981d9,#059669d9);border-color:#34d399;color:#fff;box-shadow:0 0 12px #10b98180}.cue-only-fade-offsets .offset-item{border-color:#10b9814d}.cue-only-fade-offsets .offset-label{color:#6ee7b7}.paired-inputs-column{display:flex;flex-direction:column;gap:6px;width:100%;cursor:text;user-select:text;-webkit-user-select:text}.paired-line-wrapper{display:flex;align-items:stretch;background-color:var(--bg-color);border:1px solid var(--border-color);border-radius:6px;overflow:hidden;transition:border-color .15s;min-height:calc(34px * var(--editor-text-zoom, 1));cursor:text;user-select:text;-webkit-user-select:text}.paired-line-wrapper:focus-within{border-color:var(--primary-color)}.paired-line-wrapper.line1-input{border-left:3px solid #3b82f6}.paired-line-wrapper.line2-input{border-left:3px solid #f59e0b}.paired-line-tag{display:flex;align-items:center;font-size:calc(10px * var(--ui-text-zoom, 1));font-weight:700;color:#94a3b8;background-color:#ffffff0a;padding:6px 8px;white-space:nowrap;border-right:1px solid var(--border-color);user-select:none;-webkit-user-select:none;cursor:default}.paired-line-input{flex:1;background:transparent;border:none;color:var(--text-color);padding:6px 10px;font-size:calc(13px * var(--editor-text-zoom, 1));line-height:1.35;outline:none;min-width:0;box-sizing:border-box;font-family:inherit;resize:none;margin:0;cursor:text;user-select:text;-webkit-user-select:text;-webkit-touch-callout:default}.paired-line-input::placeholder{color:#555;font-style:italic;font-size:calc(12px * var(--editor-text-zoom, 1))}.paired-line-input.wrap-on{white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;overflow:hidden}.paired-line-input.wrap-off{white-space:pre;overflow-x:auto;overflow-y:hidden;word-break:normal;height:100%;scrollbar-width:thin}.paired-line-highlighted{flex:1;padding:6px 10px;font-size:calc(13px * var(--editor-text-zoom, 1));line-height:1.35;color:var(--text-color);cursor:text;box-sizing:border-box;min-width:0;user-select:text;-webkit-user-select:text;-webkit-touch-callout:default}.paired-line-highlighted.wrap-on{white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word}.paired-line-highlighted.wrap-off{white-space:pre;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin}.cue-card-actions-bar{display:flex;align-items:center;justify-content:flex-start;gap:6px;border-top:1px solid rgba(255,255,255,.05);padding-top:6px;padding-bottom:2px;flex-wrap:nowrap!important;width:100%;min-width:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}.cue-card-actions-bar::-webkit-scrollbar{display:none}.cue-action-btn{display:inline-flex;align-items:center;gap:4px;padding:3px 6px;background:transparent;border:1px solid transparent;border-radius:4px;color:var(--text-muted);font-size:calc(10px * var(--ui-text-zoom, 1));font-weight:500;cursor:pointer;touch-action:manipulation;transition:all .15s;flex-shrink:0!important;white-space:nowrap!important}.cue-action-btn:hover{background-color:var(--surface-hover);color:var(--text-color);border-color:#ffffff1a}.cue-action-btn.copy-pair-btn{transition:all .18s ease}.cue-action-btn.copy-pair-btn.is-copied{color:#10b981;border-color:#10b98166;background-color:#10b9811f}.cue-action-btn.copy-pair-btn.is-copied:hover{background-color:#10b98133;color:#34d399}.cue-action-btn.danger{color:#ef4444;margin-left:auto;flex-shrink:0!important;white-space:nowrap!important}.cue-action-btn.danger:hover{background-color:#ef444426;color:#f87171;border-color:#ef44444d}mark{background-color:#f59e0b;color:#000;border-radius:2px;padding:0 2px}mark.current-match{background-color:#ef4444;color:#fff;font-weight:700}.autosave-group{display:inline-flex;align-items:center;gap:3px;background:#ffffff0a;border:1px solid rgba(255,255,255,.09);border-radius:6px;padding:1px 3px;height:28px;flex-shrink:0}.action-button.autosave-button{display:inline-flex;align-items:center;gap:5px;background:transparent;border:none;padding:0 6px;height:24px;cursor:pointer;border-radius:4px;transition:background-color .15s ease}.action-button.autosave-button:hover:not(:disabled){background:#ffffff14}.action-button.autosave-button.saved{color:#10b981}.action-button.autosave-button.unsaved{color:#f59e0b}.action-button.autosave-button.saving{color:#60a5fa}.action-button.autosave-button.off{color:#94a3b8}.autosave-status-pill{font-size:calc(10px * var(--ui-text-zoom, 1));font-weight:600;letter-spacing:.3px;padding:1px 5px;border-radius:3px;line-height:1.2}.autosave-status-pill.saved{background:#10b98126;color:#34d399}.autosave-status-pill.unsaved{background:#f59e0b2e;color:#fbbf24}.autosave-status-pill.saving{background:#3b82f633;color:#93c5fd}.autosave-status-pill.off{background:#94a3b81f;color:#cbd5e1}.autosave-interval-select{background:#0f172ab3;color:#cbd5e1;border:1px solid rgba(255,255,255,.12);border-radius:4px;padding:2px 4px;font-size:calc(11px * var(--ui-text-zoom, 1));height:24px;cursor:pointer;outline:none;transition:border-color .15s ease,background-color .15s ease}.autosave-interval-select:hover,.autosave-interval-select:focus{border-color:#6366f180;background:#0f172af2;color:#f8fafc}.autosave-interval-select option{background:#0f172a;color:#f8fafc}.draft-recovery-pill-wrapper{display:inline-flex;align-items:center;gap:4px;margin:6px 12px 4px;align-self:flex-start;animation:draftPillFadeIn .2s ease-out}@keyframes draftPillFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.draft-recovery-pill{display:inline-flex;align-items:center;gap:6px;background:#10b9811a;border:1px solid rgba(16,185,129,.35);border-radius:9999px;padding:3px 10px 3px 8px;font-size:calc(11px * var(--ui-text-zoom, 1));color:#e2e8f0;cursor:pointer;transition:all .15s ease;line-height:1.2}.draft-recovery-pill:hover{background:#10b9812e;border-color:#10b9818c;color:#fff;box-shadow:0 2px 8px #10b98126}.draft-pill-icon{color:#34d399;flex-shrink:0}.draft-pill-label{font-weight:600;color:#34d399}.draft-pill-meta{color:#94a3b8;font-size:calc(10.5px * var(--ui-text-zoom, 1))}.draft-pill-action{background:#10b98140;color:#a7f3d0;font-size:calc(10px * var(--ui-text-zoom, 1));font-weight:600;padding:1px 6px;border-radius:9999px;margin-left:2px}.draft-recovery-pill:hover .draft-pill-action{background:#10b981;color:#022c22}.draft-pill-close-btn{background:transparent;border:none;color:#64748b;font-size:14px;cursor:pointer;padding:2px 6px;border-radius:9999px;display:inline-flex;align-items:center;justify-content:center;transition:color .15s,background-color .15s;line-height:1}.draft-pill-close-btn:hover{color:#f1f5f9;background:#ffffff1a}.cue-live-progress-track{position:absolute;top:0;left:0;right:0;height:3px;background:#ffffff14;z-index:2;overflow:hidden;border-top-left-radius:7px;border-top-right-radius:7px}.cue-live-progress-fill{height:100%;background:linear-gradient(90deg,#10b981,#34d399);transition:width .25s linear}.cue-duration-badge{font-family:monospace;font-size:calc(10px * var(--ui-text-zoom, 1));font-variant-numeric:tabular-nums;color:#94a3b8;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);padding:1px 5px;border-radius:3px;line-height:1.3;letter-spacing:.2px}.cue-health-bridge{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin:-4px 4px 2px;padding:4px 8px;border-radius:6px;font-size:calc(10.5px * var(--ui-text-zoom, 1));line-height:1.25;flex-shrink:0;min-height:fit-content}.cue-health-bridge.overlap{background:#ef44441f;border:1px solid rgba(239,68,68,.35);color:#fca5a5}.cue-health-bridge.gap{background:#94a3b814;border:1px dashed rgba(148,163,184,.25);color:#94a3b8}.health-bridge-badge{font-weight:600;display:inline-flex;align-items:center;gap:4px}.health-bridge-actions{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap}.health-bridge-btn{padding:2px 7px;border-radius:4px;font-size:calc(10px * var(--ui-text-zoom, 1));font-weight:600;cursor:pointer;touch-action:manipulation;transition:all .15s ease;-webkit-user-select:none;user-select:none}.health-bridge-btn.trim{background:#ef444433;border:1px solid rgba(239,68,68,.45);color:#fee2e2}.health-bridge-btn.trim:hover{background:#ef444461;border-color:#ef4444;color:#fff}.health-bridge-btn.close-gap{background:#3b82f62e;border:1px solid rgba(59,130,246,.4);color:#bfdbfe}.health-bridge-btn.close-gap:hover{background:#3b82f652;border-color:#60a5fa;color:#fff}.boundary-stepper-wrap{display:inline-flex;align-items:center;gap:3px;background:#00000040;padding:1px 4px;border-radius:4px;border:1px solid rgba(255,255,255,.08)}.boundary-stepper-label{font-size:calc(9.5px * var(--ui-text-zoom, 1));color:#94a3b8;margin-right:2px}.boundary-step-btn{padding:1px 5px;font-family:monospace;font-size:calc(10px * var(--ui-text-zoom, 1));font-weight:600;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:3px;color:#cbd5e1;cursor:pointer;touch-action:manipulation;transition:all .12s ease}.boundary-step-btn:hover{background:#3b82f640;border-color:#3b82f6;color:#fff}.boundary-step-btn:active{transform:scale(.92)}.thumb-micro-seek-cluster{display:inline-flex;align-items:center;gap:2px;background:#00000059;padding:2px;border-radius:6px;border:1px solid rgba(255,255,255,.1)}.thumb-seek-btn{padding:4px 7px;font-family:monospace;font-size:calc(10.5px * var(--ui-text-zoom, 1));font-weight:600;background:transparent;border:none;border-radius:4px;color:#94a3b8;cursor:pointer;touch-action:manipulation;transition:all .15s ease}.thumb-seek-btn:hover{background:#ffffff1f;color:#f8fafc}.thumb-seek-btn:active{transform:scale(.92)}.action-button,.cue-play-btn,.preset-btn,.draft-action-btn{touch-action:manipulation}@media(pointer:coarse){.action-button,.action-button.continuous-toolbar-btn{min-height:36px;padding:6px 11px}.cue-card-top-bar{gap:6px;overflow-x:auto;overflow-y:hidden;flex-wrap:nowrap!important;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}.cue-timing-controls{gap:6px;flex-shrink:0!important;flex-wrap:nowrap!important}.stamp-time-group{padding:3px 5px;gap:4px;flex-shrink:0!important;white-space:nowrap!important}.time-nudge-btn{width:28px;height:28px;border-radius:5px;flex-shrink:0!important}.playhead-stamp-btn{min-height:28px;padding:4px 8px;font-size:calc(10.5px * var(--ui-text-zoom, 1));flex-shrink:0!important;white-space:nowrap!important}.cue-play-btn{min-height:32px;padding:5px 10px;font-size:calc(11.5px * var(--ui-text-zoom, 1));flex-shrink:0!important;white-space:nowrap!important}.cue-select-checkbox{width:18px;height:18px;flex-shrink:0!important}.batch-master-checkbox{width:18px;height:18px}.batch-action-delete-btn{min-height:38px;padding:8px 14px;font-size:13px}.batch-action-link-btn{padding:6px 8px;font-size:12.5px}.batch-action-close-btn{width:34px;height:34px}.cue-card-actions-bar{gap:8px;padding-top:8px;flex-wrap:nowrap!important;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scrollbar-width:none}.cue-action-btn{min-height:34px;padding:6px 11px;font-size:calc(11.5px * var(--ui-text-zoom, 1));background-color:#ffffff08;border-color:#ffffff14;flex-shrink:0!important;white-space:nowrap!important}.health-bridge-btn{min-height:28px;padding:4px 9px;font-size:calc(11px * var(--ui-text-zoom, 1))}.boundary-step-btn{min-height:28px;padding:4px 8px;font-size:calc(11px * var(--ui-text-zoom, 1))}.paired-line-input,.paired-line-highlighted{font-size:max(16px,calc(13px * var(--editor-text-zoom, 1)))}.time-input-pill{font-size:max(16px,calc(11px * var(--ui-text-zoom, 1)));width:96px;flex-shrink:0!important}.offset-input,.custom-shift-input,.autosave-interval-select{font-size:max(16px,calc(11px * var(--ui-text-zoom, 1)));min-height:32px}.offset-input{width:56px}.offset-control-group{gap:8px;flex-wrap:nowrap}.offset-input-wrap{gap:5px;flex-wrap:nowrap}.offset-prefix,.offset-label{font-size:max(12px,calc(11px * var(--ui-text-zoom, 1)));white-space:nowrap}.editor-toolbar.collapsed{height:36px;min-height:36px;padding:0 12px}.toolbar-toggle-button.collapsed-toggle{height:28px;padding:4px 10px;font-size:calc(12px * var(--ui-text-zoom, 1))}}@supports (-webkit-touch-callout: default){.paired-line-input,.paired-line-highlighted{font-size:max(16px,calc(13px * var(--editor-text-zoom, 1)))}}.action-button.share-editor-toolbar-btn{color:#60a5fa;border-color:#3b82f659;background-color:#3b82f614}.action-button.share-editor-toolbar-btn:hover:not(:disabled){background-color:#3b82f633;border-color:#3b82f6;color:#93c5fd}.action-button.share-pure-toolbar-btn{color:#38bdf8;border-color:#38bdf859;background-color:#38bdf814}.action-button.share-pure-toolbar-btn:hover:not(:disabled){background-color:#38bdf833;border-color:#38bdf8;color:#bae6fd}.editor-share-backdrop{position:fixed;inset:0;background-color:#000000b3;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:16px;animation:fadeIn .15s ease-out}.editor-share-dialog{background-color:#0f172a;border:1px solid rgba(59,130,246,.35);border-radius:12px;padding:22px;max-width:480px;width:100%;color:#f8fafc;box-shadow:0 20px 45px #000c;display:flex;flex-direction:column;gap:14px}.user-guide-panel{width:100%;max-width:100%;margin:0;min-height:fit-content}.user-guide summary{padding:16px 20px;font-size:calc(16px * var(--ui-text-zoom, 1));font-weight:600;cursor:pointer;list-style:none;background-color:var(--surface-hover);color:var(--text-color);transition:background-color .2s}.user-guide summary:hover{background-color:#333}.user-guide summary::-webkit-details-marker{display:none}.user-guide summary:before{content:"► ";margin-right:8px;font-size:calc(12px * var(--ui-text-zoom, 1));color:var(--text-muted)}.user-guide[open] summary:before{content:"▼ "}.guide-content{padding:24px 32px 48px;color:var(--text-color);line-height:1.6}.guide-content h2{margin-top:0;font-size:calc(20px * var(--ui-text-zoom, 1));color:var(--primary-color)}.guide-content h3{font-size:calc(16px * var(--ui-text-zoom, 1));font-weight:400;margin:10px 0}.guide-section{margin-top:20px}.guide-section strong{display:block;margin-bottom:8px;color:var(--accent-color)}.guide-item{display:flex;align-items:center;gap:8px;padding:8px 12px;background-color:var(--bg-color);border-radius:4px;margin-bottom:8px;border:1px solid var(--border-color)}.guide-item span{flex:1;font-family:monospace;font-size:calc(13px * var(--ui-text-zoom, 1));color:var(--text-muted);word-break:break-all}.guide-copy-button{background-color:var(--surface-hover);border:1px solid var(--border-color);color:var(--text-color);padding:6px 8px;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.guide-copy-button:hover:not(.copied){background-color:var(--primary-color);color:#fff;border-color:var(--primary-color)}.guide-copy-button.copied{background-color:var(--secondary-color);color:#fff;border-color:var(--secondary-color)}.guide-content pre{background-color:var(--bg-color);padding:12px;border-radius:6px;overflow-x:auto;font-family:monospace;font-size:calc(13px * var(--ui-text-zoom, 1));color:var(--text-muted);border:1px solid var(--border-color)}.format-header-with-copy{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.format-header-with-copy strong{margin-bottom:0}.ai-prompt-code-block{max-height:260px;overflow-y:auto;white-space:pre-wrap;word-break:break-word;font-size:calc(12px * var(--ui-text-zoom, 1))!important;line-height:1.5}.feature-block{margin-bottom:20px;background:var(--surface-hover);padding:15px;border-radius:8px;border:1px solid var(--border-color)}.feature-block h3{color:var(--primary-color);margin-top:0;margin-bottom:10px;font-weight:600;font-size:calc(16px * var(--ui-text-zoom, 1))}.feature-block p{margin-bottom:12px;color:var(--text-color);font-size:calc(14px * var(--ui-text-zoom, 1))}.feature-list{padding-left:20px;margin:0}.feature-list li{margin-bottom:8px;color:var(--text-muted);font-size:calc(14px * var(--ui-text-zoom, 1))}.feature-list li strong{color:var(--text-color);display:inline;margin-right:5px}.guide-header{position:sticky;top:56px;background:#161d2cf2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:14px 28px;display:flex;justify-content:space-between;align-items:center;z-index:10;border-bottom:1px solid var(--border-color)}.guide-header-title{display:flex;align-items:center;gap:10px}.guide-header-title h2{margin:0;font-size:calc(18px * var(--ui-text-zoom, 1));font-weight:700;color:#f1f5f9}.guide-header-icon{color:var(--primary-color, #38bdf8)}.guide-header-actions{display:flex;align-items:center;gap:8px}.copy-all-text{margin-right:10px;font-size:calc(14px * var(--ui-text-zoom, 1));color:var(--text-muted);display:flex;align-items:center}.guide-url,.url-example-box a{color:var(--primary-color);text-decoration:none;word-break:break-all;flex:1}.guide-url:hover,.url-example-box a:hover{text-decoration:underline}.url-example-box{display:flex;align-items:center;justify-content:space-between;gap:10px;background-color:var(--bg-color);padding:8px 12px;border-radius:6px;border:1px solid var(--border-color);margin-top:6px;margin-bottom:12px}.url-example-box code{font-family:monospace;font-size:calc(12px * var(--ui-text-zoom, 1));color:#93c5fd;word-break:break-all;white-space:pre-wrap;flex:1}.url-format-notes{list-style:none;padding:8px 12px;margin:6px 0 14px;background-color:#1e293b80;border-radius:6px;border:1px dashed rgba(148,163,184,.25);font-size:calc(12px * var(--ui-text-zoom, 1));color:var(--text-muted);line-height:1.5}.url-format-notes li{margin-bottom:4px;word-break:break-word}.url-format-notes li:last-child{margin-bottom:0}.guide-license-section{margin-top:24px;margin-bottom:16px;border-top:1px solid var(--border-color);padding-top:16px}.license-box{background-color:var(--surface-hover);border:1px solid var(--border-color);border-radius:8px;padding:12px 14px}.license-header-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.license-header-row strong{color:var(--accent-color);margin-bottom:0;font-size:calc(14px * var(--ui-text-zoom, 1))}.license-text{background-color:var(--bg-color);padding:10px 12px;border-radius:6px;border:1px solid var(--border-color);font-family:monospace;font-size:calc(12px * var(--ui-text-zoom, 1));color:var(--text-muted);line-height:1.5;white-space:pre-wrap;word-break:break-word;margin:0}.manual-style-header-card{background:linear-gradient(135deg,#1e293bb3,#0f172acc);border:1px solid rgba(56,189,248,.3);border-radius:8px;padding:12px 14px;margin-bottom:14px;box-shadow:0 2px 8px #00000040}.manual-style-header-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:6px}.manual-style-header-info{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.manual-style-badge{font-size:calc(10px * var(--ui-text-zoom, 1));font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:2px 6px;border-radius:4px;background-color:#38bdf833;color:#38bdf8;border:1px solid rgba(56,189,248,.4)}.manual-style-header-info strong{font-size:calc(13px * var(--ui-text-zoom, 1));color:#f1f5f9;margin-bottom:0}.manual-style-desc{font-size:calc(12px * var(--ui-text-zoom, 1));color:var(--text-muted);line-height:1.45;margin:0 0 8px}.manual-style-desc code{font-family:monospace;background-color:#0f172a99;padding:1px 4px;border-radius:3px;color:#93c5fd;font-size:.95em}.manual-style-code-wrap{display:flex;align-items:center;background-color:var(--bg-color);padding:8px 10px;border-radius:6px;border:1px solid rgba(56,189,248,.25);overflow-x:auto}.manual-style-code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:calc(12px * var(--ui-text-zoom, 1));color:#38bdf8;white-space:nowrap;-webkit-user-select:all;user-select:all}@media(max-width:640px){.guide-header{padding:12px 16px;flex-direction:column;align-items:flex-start;gap:10px}.guide-header-actions{width:100%;justify-content:space-between}.guide-content{padding:16px 14px 32px}}.playback-speed-control{position:relative;display:inline-flex;align-items:center;-webkit-user-select:none;user-select:none;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;flex-shrink:0;z-index:45}.speed-btn-group{display:inline-flex;align-items:center;background-color:#0b1120;padding:2px;border-radius:6px;border:1px solid #1e293b;box-shadow:inset 0 1px 2px #0006;gap:1px}.speed-variant-pure .speed-btn-group{background-color:#00000073;border:1px solid rgba(255,255,255,.12)}.speed-step-btn{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;background:transparent;border:none;border-radius:4px;color:#94a3b8;cursor:pointer;transition:all .15s ease}.speed-step-btn:hover:not(:disabled){background-color:#ffffff1a;color:#f8fafc}.speed-step-btn:active:not(:disabled){transform:scale(.92);background-color:#3b82f633}.speed-step-btn:disabled{opacity:.35;cursor:not-allowed}.speed-value-trigger{display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:3px 7px;background:transparent;border:1px solid transparent;border-radius:4px;color:#cbd5e1;font-size:calc(11.5px * var(--ui-text-zoom, 1));font-weight:600;cursor:pointer;transition:all .15s ease;line-height:1.2}.speed-value-trigger:hover:not(:disabled){background-color:#ffffff14;color:#fff}.speed-value-trigger.active{background:#3b82f633;border-color:#3b82f666;color:#93c5fd}.speed-gauge-icon{color:#64748b;flex-shrink:0}.speed-rate-label{letter-spacing:.1px}.speed-highlight-amber{color:#fbbf24!important;font-weight:700;background:#f59e0b1f!important;border-color:#f59e0b59!important}.speed-highlight-amber .speed-gauge-icon{color:#f59e0b!important}.speed-highlight-amber:hover:not(:disabled){background:#f59e0b38!important;border-color:#f59e0b80!important;color:#fef3c7!important}.speed-compact .speed-btn-group{padding:1px;gap:0}.speed-compact .speed-step-btn{width:19px;height:20px}.speed-compact .speed-value-trigger{padding:2px 5px;font-size:calc(11px * var(--ui-text-zoom, 1));gap:3px}.speed-disabled{opacity:.5;pointer-events:none}.speed-popover{position:fixed;width:250px;background:#171b26f5;backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:1px solid rgba(255,255,255,.16);border-radius:12px;box-shadow:0 16px 36px #000000bf,0 2px 10px #0006;padding:12px;z-index:9999;box-sizing:border-box;animation:speedPopoverFadeIn .15s cubic-bezier(.16,1,.3,1)}@keyframes speedPopoverFadeIn{0%{opacity:0;transform:translateY(4px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.speed-popover-down{top:calc(100% + 6px);bottom:auto}.speed-popover-up{bottom:calc(100% + 8px);top:auto}.speed-popover-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;padding-bottom:6px;border-bottom:1px solid rgba(255,255,255,.08)}.speed-popover-title{display:flex;align-items:center;gap:5px;font-size:12px;font-weight:700;color:#f1f5f9}.speed-step-badge{font-size:9.5px;font-weight:700;padding:1px 4px;border-radius:4px;background:#3b82f633;color:#60a5fa;letter-spacing:.3px}.speed-reset-btn{display:inline-flex;align-items:center;gap:4px;padding:2px 6px;font-size:11px;font-weight:600;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:4px;color:#94a3b8;cursor:pointer;transition:all .15s ease}.speed-reset-btn:hover:not(:disabled){background:#3b82f62e;border-color:#3b82f666;color:#fff}.speed-reset-btn:disabled{opacity:.35;cursor:not-allowed}.speed-slider-section{margin-bottom:12px}.speed-slider-row{display:flex;align-items:center;gap:8px}.speed-micro-step{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:4px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:#94a3b8;cursor:pointer;flex-shrink:0;transition:all .15s ease}.speed-micro-step:hover:not(:disabled){background:#ffffff26;color:#f8fafc}.speed-micro-step:disabled{opacity:.3;cursor:not-allowed}.speed-range-slider{flex:1;height:5px;background:#334155;border-radius:3px;outline:none;cursor:pointer;accent-color:#38bdf8;touch-action:none}.speed-range-slider::-webkit-slider-thumb{width:15px;height:15px;border-radius:50%;background:#38bdf8;cursor:pointer;box-shadow:0 0 6px #38bdf899;transition:transform .1s ease}.speed-range-slider::-webkit-slider-thumb:hover{transform:scale(1.15)}.speed-slider-scale{display:flex;justify-content:space-between;align-items:center;margin-top:6px;font-size:10px;color:#64748b;font-weight:600}.speed-current-badge{font-size:12px;font-weight:800;color:#38bdf8;background:#38bdf81f;padding:1px 7px;border-radius:10px;border:1px solid rgba(56,189,248,.25)}.speed-highlight-amber .speed-current-badge{color:#fbbf24;background:#f59e0b26;border-color:#f59e0b59}.speed-presets-group{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.speed-preset-chip{padding:4px 0;font-size:11px;font-weight:600;text-align:center;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:4px;color:#94a3b8;cursor:pointer;transition:all .12s ease}.speed-preset-chip:hover{background:#ffffff1f;color:#f1f5f9;border-color:#ffffff2e}.speed-preset-chip.active{background:linear-gradient(135deg,#2563eb,#1d4ed8);border-color:#3b82f6;color:#fff;font-weight:700;box-shadow:0 1px 4px #2563eb59}.speed-step-btn,.speed-value-trigger,.speed-micro-step,.speed-reset-btn,.speed-preset-chip{touch-action:manipulation}@media(max-width:640px){.speed-popover{width:228px;padding:10px}}@media(pointer:coarse){.speed-step-btn{width:32px;height:32px}.speed-value-trigger{padding:6px 10px;font-size:calc(12.5px * var(--ui-text-zoom, 1))}.speed-compact .speed-step-btn{width:28px;height:28px}.speed-compact .speed-value-trigger{padding:4px 7px}.speed-micro-step{width:34px;height:34px}.speed-range-slider::-webkit-slider-thumb{width:24px;height:24px}.speed-preset-chip{padding:8px 0;font-size:12px}}.video-overlay-control{position:relative;display:inline-flex;align-items:center;-webkit-user-select:none;user-select:none;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;flex-shrink:0;z-index:50;pointer-events:auto}.video-overlay-trigger-btn{display:inline-flex;align-items:center;gap:4px;padding:3px 7px;background:#0b1120d9;border:1px solid rgba(255,255,255,.12);border-radius:4px;color:#94a3b8;font-size:calc(11px * var(--ui-text-zoom, 1));font-weight:600;letter-spacing:.2px;cursor:pointer;transition:all .18s cubic-bezier(.16,1,.3,1);line-height:1.2;height:auto}.video-overlay-trigger-btn:hover{background:#3b82f61f;color:#f8fafc;border-color:#3b82f666}.video-overlay-trigger-btn.active{background:linear-gradient(135deg,#2563eb,#1d4ed8);border-color:#3b82f6;color:#fff;box-shadow:0 1px 6px #2563eb73}.video-overlay-trigger-btn.mode-off{color:#64748b}.video-overlay-trigger-btn.mode-off:hover{color:#94a3b8}.trigger-badge{font-size:9px;font-weight:800;letter-spacing:.4px;padding:1px 3.5px;border-radius:3px;background:#3b82f640;color:#93c5fd;border:1px solid rgba(96,165,250,.3);line-height:1}.video-overlay-trigger-btn.active .trigger-badge{background:#ffffff40;color:#fff;border-color:#fff6}.trigger-badge.badge-off{background:#94a3b826;color:#94a3b8;border-color:#94a3b840}.trigger-label{font-size:calc(11.5px * var(--ui-text-zoom, 1));font-weight:600}.video-overlay-trigger-btn.active .trigger-label{color:#fff}.trigger-chevron{transition:transform .2s cubic-bezier(.16,1,.3,1);color:#94a3b8}.video-overlay-trigger-btn.active .trigger-chevron{color:#fff}.trigger-chevron.open{transform:rotate(180deg)}.video-overlay-menu{position:fixed;min-width:175px;background:#1e222eeb;backdrop-filter:blur(24px) saturate(190%);-webkit-backdrop-filter:blur(24px) saturate(190%);border:1px solid rgba(255,255,255,.18);border-radius:14px;box-shadow:0 18px 42px #000000b3,0 2px 8px #00000073;padding:6px 0;display:flex;flex-direction:column;z-index:9999;overflow:hidden;pointer-events:auto;animation:overlayMenuPop .16s cubic-bezier(.16,1,.3,1)}@keyframes overlayMenuPop{0%{opacity:0;transform:translateY(-6px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.video-overlay-menu-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 18px;background:transparent;border:none;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:15px;font-weight:500;text-align:left;cursor:pointer;transition:background-color .12s ease;-webkit-user-select:none;user-select:none;line-height:1.25;pointer-events:auto}.video-overlay-menu-item:hover{background-color:#ffffff24}.video-overlay-menu-item:active{background-color:#ffffff3d}.menu-check-slot{width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:#fff}.menu-check-icon{color:#fff;stroke:#fff}.menu-item-text{flex:1;color:#fff;letter-spacing:.1px}.main-content.editor-video-shrunk .video-overlay-control{position:relative;bottom:auto;left:auto}.main-content.editor-video-shrunk .video-overlay-trigger-btn{padding:3px 6px;font-size:calc(11px * var(--ui-text-zoom, 1));gap:4px;border-radius:4px}.main-content.editor-video-shrunk .trigger-badge{font-size:8px;padding:1px 3px}.main-content.editor-video-shrunk .trigger-label{font-size:calc(11px * var(--ui-text-zoom, 1))}.pure-slim-bar{display:block;width:100%;max-width:100%;min-width:0;box-sizing:border-box;margin-top:2px;background-color:#0b1120;border:1px solid rgba(255,255,255,.1);border-radius:6px;box-shadow:0 2px 10px #0006;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:rgba(148,163,184,.45) transparent;touch-action:pan-x}.pure-slim-bar::-webkit-scrollbar{height:3px}.pure-slim-bar::-webkit-scrollbar-track{background:transparent}.pure-slim-bar::-webkit-scrollbar-thumb{background:#94a3b873;border-radius:3px}.pure-slim-track{display:flex;align-items:center;justify-content:space-between;gap:6px;min-width:100%;width:max-content;box-sizing:border-box;padding:2px 6px;flex-wrap:nowrap}.pure-slim-track>*{flex-shrink:0}.pure-overlay-cluster{display:inline-flex;align-items:center;gap:4px;flex-shrink:0}.pure-slim-bar .video-overlay-control{z-index:50}.pure-slim-bar .video-overlay-trigger-btn{padding:3px 7px;font-size:calc(11px * var(--ui-text-zoom, 1));gap:4px;background:#0b1120d9;border:1px solid rgba(255,255,255,.12);border-radius:4px;height:auto}.pure-mode-btn{padding:3px 7px;font-size:calc(11px * var(--ui-text-zoom, 1));font-weight:600;background:transparent;border:1px solid transparent;color:#94a3b8;border-radius:4px;cursor:pointer;transition:all .15s cubic-bezier(.16,1,.3,1);line-height:1.2;white-space:nowrap;flex-shrink:0}.pure-mode-btn:hover{color:#fff;background-color:#ffffff14}.pure-mode-btn.active{background:linear-gradient(135deg,#2563eb,#1d4ed8);border-color:#3b82f6;color:#fff;font-weight:700;box-shadow:0 1px 4px #2563eb66}.pure-mode-sep{width:1px;height:14px;background-color:#334155;margin:0 2px}.pure-swap-btn{display:inline-flex;align-items:center;gap:4px;color:#38bdf8;background-color:#38bdf814;border-color:#38bdf840;border-radius:4px}.pure-swap-btn:hover{background-color:#38bdf833;color:#e0f2fe}.pure-swap-btn.active{background-color:#0ea5e973;color:#fff;border-color:#38bdf8;box-shadow:0 0 8px #38bdf873}.pure-slim-actions{display:flex;align-items:center;gap:5px;flex-shrink:0}.pure-slim-btn{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;font-size:calc(11px * var(--ui-text-zoom, 1));font-weight:600;border-radius:4px;background-color:#ffffff0f;border:1px solid rgba(255,255,255,.12);color:#e2e8f0;cursor:pointer;transition:all .15s;white-space:nowrap}.pure-slim-btn:hover{background-color:#ffffff24;color:#fff}.pure-awake-btn.active{background:#f59e0b2e;border-color:#f59e0b73;color:#fbbf24}.pure-awake-btn.active:hover{background:#f59e0b47;border-color:#f59e0b99;color:#fef3c7}.pure-exit-btn{background:linear-gradient(135deg,#2563eb33,#1d4ed833);border-color:#60a5fa66;color:#93c5fd}.pure-awake-note{margin:6px 2px 0;font-size:calc(11px * var(--ui-text-zoom, 1));line-height:1.4;color:#94a3b8}.pure-exit-btn:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);border-color:#3b82f6;color:#fff;box-shadow:0 1px 6px #2563eb66}.pure-empty-backdrop{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:24px}.pure-empty-card{background-color:#0f172af2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(56,189,248,.3);border-radius:12px;padding:32px 28px;max-width:440px;width:100%;text-align:center;box-shadow:0 16px 40px #000000b3;display:flex;flex-direction:column;align-items:center;gap:12px}.pure-empty-header{display:flex;align-items:center;gap:8px}.pure-empty-header h3{margin:0;font-size:18px;font-weight:700;color:#f8fafc}.pure-pulse-dot{width:8px;height:8px;border-radius:50%;background-color:#38bdf8;box-shadow:0 0 8px #38bdf8}.pure-empty-text{margin:0;font-size:13px;color:#94a3b8;line-height:1.5}.pure-empty-actions{display:flex;flex-direction:column;gap:10px;margin-top:6px;width:100%;align-items:center}.pure-load-video-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 22px;border-radius:8px;background:linear-gradient(135deg,#2563eb,#1d4ed8);border:1px solid rgba(59,130,246,.5);color:#fff;font-size:13.5px;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 16px #2563eb59;width:100%}.pure-load-video-btn:hover{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 6px 20px #3b82f680;transform:translateY(-1px)}.pure-empty-secondary-row{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;flex-wrap:wrap;margin-top:4px}.pure-sample-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:6px;background-color:#ffffff0f;border:1px solid rgba(255,255,255,.15);color:#93c5fd;font-size:12px;font-weight:500;cursor:pointer;transition:all .15s}.pure-sample-btn:hover{background-color:#3b82f626;color:#fff}.pure-studio-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:6px;background-color:#ffffff14;border:1px solid rgba(255,255,255,.2);color:#e2e8f0;font-size:12px;font-weight:600;cursor:pointer;transition:all .15s}.pure-studio-btn:hover{background-color:#ffffff24;color:#fff}.pure-empty-inline-form{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%;margin-top:6px;animation:fadeIn .2s ease}.pure-empty-inline-wrapper{display:flex;align-items:center;gap:8px;width:100%;background:#0f172af2;border:1px solid rgba(59,130,246,.45);border-radius:8px;padding:5px 6px 5px 12px;box-shadow:0 4px 18px #0009;box-sizing:border-box}.pure-empty-inline-icon{flex-shrink:0;opacity:.85}.pure-empty-inline-input{flex:1;min-width:0;background:transparent;border:none;outline:none;color:#f1f5f9;font-size:13px;font-family:inherit}.pure-empty-inline-input::placeholder{color:#64748b}.pure-empty-inline-paste-btn{display:inline-flex;align-items:center;justify-content:center;padding:6px 8px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:var(--text-muted);cursor:pointer;transition:all .15s ease;flex-shrink:0}.pure-empty-inline-paste-btn:hover{background:#ffffff1f;color:#fff}.pure-empty-inline-submit{display:inline-flex;align-items:center;justify-content:center;padding:7px 16px;font-size:12.5px;font-weight:600;border-radius:6px;background:var(--primary-color);color:#fff;border:none;cursor:pointer;flex-shrink:0;white-space:nowrap}.pure-empty-cancel-btn{background:transparent;border:none;color:var(--text-muted);font-size:12px;cursor:pointer;padding:4px 10px;border-radius:4px;transition:all .15s ease}.pure-empty-cancel-btn:hover{color:#cbd5e1;text-decoration:underline}.pure-share-backdrop{position:fixed;inset:0;background-color:#000000bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px}.pure-share-dialog{background-color:#0f172a;border:1px solid rgba(56,189,248,.3);border-radius:12px;padding:22px;max-width:460px;width:100%;box-shadow:0 20px 50px #000c;display:flex;flex-direction:column;gap:12px}.pure-share-header{display:flex;align-items:center;justify-content:space-between}.pure-share-header h4{margin:0;font-size:15px;font-weight:700;color:#f8fafc}.pure-close-btn{background:none;border:none;color:#94a3b8;cursor:pointer;padding:4px;border-radius:4px}.pure-close-btn:hover{color:#fff}.pure-share-desc{margin:0;font-size:12px;color:#94a3b8;line-height:1.45}.pure-share-desc strong{color:#38bdf8}.pure-share-url-box{display:flex;flex-direction:column;gap:8px}.pure-share-textarea{width:100%;padding:8px 10px;border-radius:6px;background-color:#0b0f19;border:1px solid #1e293b;color:#93c5fd;font-family:monospace;font-size:12px;resize:none;box-sizing:border-box}.pure-copy-link-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:7px 12px;border-radius:6px;background:linear-gradient(135deg,#2563eb,#1d4ed8);border:1px solid #3b82f6;color:#fff;font-size:12px;font-weight:600;cursor:pointer;transition:all .15s}.pure-copy-link-btn.copied{background:linear-gradient(135deg,#059669,#047857);border-color:#10b981}.pure-transport-group{display:inline-flex;align-items:center;gap:3px;background-color:#00000059;padding:2px 3px;border-radius:6px;border:1px solid rgba(255,255,255,.08);flex-shrink:0}.pure-transport-btn{display:inline-flex;align-items:center;justify-content:center;gap:3px;padding:3px 6px;font-size:calc(11px * var(--ui-text-zoom, 1));font-weight:600;background:transparent;border:1px solid transparent;color:#cbd5e1;border-radius:4px;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;transition:all .15s cubic-bezier(.16,1,.3,1);line-height:1.2}.pure-transport-btn:hover:not(:disabled){color:#fff;background-color:#ffffff1a}.pure-transport-btn:active:not(:disabled){transform:scale(.95);background-color:#3b82f633}.pure-transport-btn:disabled{opacity:.35;cursor:not-allowed}.pure-loop-btn.active,.pure-cue-only-btn.active{background:#10b98138;border-color:#10b98180;color:#34d399;font-weight:700}.pure-mode-btn,.pure-slim-btn,.pure-qr-btn,.pure-copy-link-btn{touch-action:manipulation}@media(max-width:720px){.pure-transport-label{display:none}}@media(max-width:640px){.pure-slim-track{justify-content:flex-start;gap:5px;padding:2px 6px;flex-wrap:nowrap}}@media(max-width:440px){.pure-overlay-cluster{gap:2px}.pure-mode-btn{padding:3px 5px;font-size:10.5px}.pure-awake-btn span,.pure-exit-btn span{display:none}.pure-slim-btn{padding:3px 6px}}@media(pointer:coarse){.pure-slim-track{padding:3px 6px;gap:6px}.pure-mode-btn,.pure-transport-btn,.pure-slim-btn,.pure-slim-bar .video-overlay-trigger-btn{min-height:28px;padding:4px 7px}.pure-empty-inline-input,.pure-share-textarea{font-size:max(16px,calc(13px * var(--ui-text-zoom, 1)))}}.lib-del-overlay{position:fixed;inset:0;background:#000000d1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10000;display:flex;align-items:center;justify-content:center;padding:20px;animation:libDelFadeIn .2s ease-out}@keyframes libDelFadeIn{0%{opacity:0}to{opacity:1}}.lib-del-container{background:#111827;border:1px solid rgba(239,68,68,.35);border-radius:14px;width:100%;max-width:580px;max-height:88vh;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #000000b3,0 0 24px #ef444426;overflow:hidden;animation:libDelSlideUp .25s cubic-bezier(.16,1,.3,1)}@keyframes libDelSlideUp{0%{transform:translateY(16px) scale(.98);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.lib-del-header{display:flex;align-items:flex-start;gap:14px;padding:20px 24px 16px;border-bottom:1px solid rgba(255,255,255,.08);position:relative}.lib-del-header-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:10px;background:#ef444426;border:1px solid rgba(239,68,68,.3);flex-shrink:0}.lib-del-title-group{flex:1;display:flex;flex-direction:column;gap:4px}.lib-del-title{font-size:1.15rem;font-weight:700;color:#f87171;margin:0;line-height:1.3}.lib-del-warning{font-size:.82rem;color:#9ca3af;margin:0;line-height:1.45}.lib-del-close-btn{background:transparent;border:none;color:#9ca3af;cursor:pointer;padding:6px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.lib-del-close-btn:hover{color:#f3f4f6;background:#ffffff14}.lib-del-body{padding:16px 24px;overflow-y:auto;display:flex;flex-direction:column;gap:16px}.lib-del-section-label{font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#9ca3af}.lib-del-items-list{display:flex;flex-direction:column;gap:10px}.lib-del-items-list.scrollable{max-height:250px;overflow-y:auto;padding-right:4px}.lib-del-item-card{display:flex;align-items:center;gap:12px;background:#1f293799;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:10px 12px}.lib-del-item-thumb-box{position:relative;width:60px;height:38px;border-radius:4px;overflow:hidden;background:#1f2937;flex-shrink:0;display:flex;align-items:center;justify-content:center}.lib-del-item-thumb{width:100%;height:100%;object-fit:cover}.lib-del-item-thumb-placeholder{color:#6b7280;display:flex;align-items:center;justify-content:center}.lib-del-format-badge{position:absolute;bottom:2px;left:2px;font-size:8px;font-weight:700;padding:1px 3px;border-radius:2px;background:#000000bf;color:#60a5fa}.lib-del-item-details{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.lib-del-item-titles{display:flex;flex-direction:column}.lib-del-title-en{font-size:.88rem;font-weight:600;color:#f3f4f6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lib-del-title-taigi{font-size:.78rem;color:#93c5fd;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:Iansui,serif,sans-serif}.lib-del-item-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.lib-del-filename{font-size:.72rem;background:#0000004d;padding:1px 5px;border-radius:3px;color:#e5e7eb;font-family:monospace;max-width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lib-del-scope-pill{font-size:.7rem;font-weight:600;padding:1px 6px;border-radius:3px}.lib-del-scope-pill.main{background:#1e3a8a80;color:#93c5fd;border:1px solid rgba(96,165,250,.3)}.lib-del-scope-pill.guest{background:#581c8780;color:#d8b4fe;border:1px solid rgba(192,132,252,.3)}.lib-del-meta-chip{display:inline-flex;align-items:center;gap:3px;font-size:.7rem;color:#9ca3af}.lib-del-auth-section{padding-top:8px;border-top:1px solid rgba(255,255,255,.08)}.lib-del-session-badge{display:flex;align-items:center;gap:8px;background:#10b9811a;border:1px solid rgba(16,185,129,.25);border-radius:8px;padding:10px 14px;font-size:.82rem;color:#34d399}.lib-del-passcode-box{display:flex;flex-direction:column;gap:8px}.lib-del-passcode-label{display:flex;align-items:center;gap:6px;font-size:.8rem;font-weight:500;color:#e5e7eb}.lib-del-passcode-input-wrapper{position:relative;display:flex;align-items:center}.lib-del-passcode-input{width:100%;background:#1f2937;border:1px solid rgba(255,255,255,.14);border-radius:8px;padding:9px 38px 9px 12px;font-size:.88rem;color:#f3f4f6;outline:none;transition:border-color .15s ease}.lib-del-passcode-input:focus{border-color:#ef4444;box-shadow:0 0 0 2px #ef444433}.lib-del-eye-btn{position:absolute;right:10px;background:transparent;border:none;color:#9ca3af;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:4px}.lib-del-eye-btn:hover{color:#f3f4f6}.lib-del-footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:16px 24px;background:#0003;border-top:1px solid rgba(255,255,255,.08)}.lib-del-cancel-btn{background:transparent;color:#d1d5db;border:1px solid rgba(255,255,255,.15);border-radius:6px;padding:8px 16px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .15s ease}.lib-del-cancel-btn:hover:not(:disabled){background:#ffffff14;color:#fff}.lib-del-confirm-btn{display:inline-flex;align-items:center;gap:8px;background:#dc2626;color:#fff;border:none;border-radius:6px;padding:8px 18px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .15s ease;box-shadow:0 4px 12px #dc26264d}.lib-del-confirm-btn:hover:not(:disabled){background:#b91c1c}.lib-del-confirm-btn:disabled,.lib-del-cancel-btn:disabled{opacity:.5;cursor:not-allowed}.lib-del-spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:libDelSpin .7s linear infinite}@keyframes libDelSpin{to{transform:rotate(360deg)}}.lib-ren-overlay{position:fixed;inset:0;background:#000000d1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10000;display:flex;align-items:center;justify-content:center;padding:20px;animation:libRenFadeIn .2s ease-out}@keyframes libRenFadeIn{0%{opacity:0}to{opacity:1}}.lib-ren-container{background:#111827;border:1px solid rgba(59,130,246,.35);border-radius:14px;width:100%;max-width:580px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #000000b3,0 0 24px #3b82f61f;overflow:hidden;animation:libRenSlideUp .25s cubic-bezier(.16,1,.3,1)}@keyframes libRenSlideUp{0%{transform:translateY(16px) scale(.98);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.lib-ren-header{display:flex;align-items:flex-start;gap:14px;padding:20px 24px 16px;border-bottom:1px solid rgba(255,255,255,.08);position:relative}.lib-ren-header-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:10px;background:#3b82f626;border:1px solid rgba(59,130,246,.3);flex-shrink:0}.lib-ren-title-group{flex:1;display:flex;flex-direction:column;gap:4px}.lib-ren-title{font-size:1.15rem;font-weight:700;color:#93c5fd;margin:0;line-height:1.3}.lib-ren-subtitle{font-size:.82rem;color:#9ca3af;margin:0;line-height:1.45}.lib-ren-close-btn{background:transparent;border:none;color:#9ca3af;cursor:pointer;padding:6px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.lib-ren-close-btn:hover{color:#f3f4f6;background:#ffffff14}.lib-ren-body{padding:18px 24px;overflow-y:auto;display:flex;flex-direction:column;gap:16px}.lib-ren-item-card{display:flex;align-items:center;gap:12px;background:#1f293799;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:10px 12px}.lib-ren-item-thumb-box{position:relative;width:76px;height:48px;min-width:76px;border-radius:5px;overflow:hidden;background:#0f172a;display:flex;align-items:center;justify-content:center}.lib-ren-item-thumb{width:100%;height:100%;object-fit:cover}.lib-ren-thumb-placeholder{color:#64748b;display:flex;align-items:center;justify-content:center}.lib-ren-thumb-placeholder.template{background:linear-gradient(135deg,#1e1b4b,#312e81);width:100%;height:100%}.lib-ren-format-badge{position:absolute;bottom:3px;right:3px;font-size:8px;font-weight:700;padding:1px 4px;border-radius:3px;background:#000000d9;text-transform:uppercase}.lib-ren-format-badge.srt{color:#34d399}.lib-ren-format-badge.txt{color:#fbbf24}.lib-ren-item-details{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.lib-ren-item-titles{display:flex;flex-direction:column}.lib-ren-item-title-en{font-size:.88rem;font-weight:600;color:#f3f4f6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lib-ren-item-title-taigi{font-size:.8rem;color:#93c5fd;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:Iansui,serif,sans-serif}.lib-ren-item-meta{display:flex;align-items:center;gap:8px;margin-top:2px}.lib-ren-scope-pill{font-size:.72rem;font-weight:600;padding:1px 6px;border-radius:4px}.lib-ren-scope-pill.main{background:#1e3a8a99;color:#93c5fd;border:1px solid rgba(96,165,250,.3)}.lib-ren-scope-pill.guest{background:#581c8799;color:#d8b4fe;border:1px solid rgba(192,132,252,.3)}.lib-ren-meta-item{display:inline-flex;align-items:center;gap:3px;font-size:.72rem;color:#9ca3af}.lib-ren-field-group{display:flex;flex-direction:column;gap:6px}.lib-ren-label-row{display:flex;align-items:center;justify-content:space-between}.lib-ren-label{font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#9ca3af}.lib-ren-ext-note{font-size:.75rem;color:#64748b}.lib-ren-ext-note strong{color:#93c5fd}.lib-ren-current-filename{display:flex;align-items:center;gap:8px;padding:7px 12px;background:#11182799;border:1px solid rgba(255,255,255,.08);border-radius:6px;font-size:.82rem;color:#cbd5e1;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.lib-ren-input-wrapper{position:relative;display:flex;align-items:center}.lib-ren-input{width:100%;background:#1f2937;border:1px solid rgba(255,255,255,.12);border-radius:6px;padding:8px 50px 8px 12px;color:#f3f4f6;font-size:.85rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;transition:all .15s ease}.lib-ren-input.commit-msg{padding-right:12px;font-family:inherit}.lib-ren-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f640}.lib-ren-input-wrapper.has-error .lib-ren-input{border-color:#ef4444;box-shadow:0 0 0 2px #ef444440}.lib-ren-input-ext-tag{position:absolute;right:8px;font-size:.75rem;font-weight:700;color:#60a5fa;background:#3b82f626;border:1px solid rgba(59,130,246,.3);padding:2px 7px;border-radius:4px;pointer-events:none}.lib-ren-error-hint{display:flex;align-items:center;gap:5px;font-size:.75rem;color:#f87171;margin:0}.lib-ren-preview-hint{font-size:.73rem;color:#6b7280;margin:0}.lib-ren-preview-hint code{background:#ffffff0f;padding:1px 5px;border-radius:3px;color:#93c5fd;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.lib-ren-auth-section{display:flex;flex-direction:column;gap:8px;padding-top:4px;border-top:1px solid rgba(255,255,255,.08)}.lib-ren-auth-header{display:flex;align-items:center;justify-content:space-between}.lib-ren-auth-title{font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#9ca3af}.lib-ren-session-card{display:flex;align-items:center;gap:10px;background:#10b9811a;border:1px solid rgba(16,185,129,.25);border-radius:6px;padding:9px 12px}.lib-ren-session-card.warning{background:#f59e0b1a;border-color:#f59e0b4d}.lib-ren-session-details{display:flex;flex-direction:column}.lib-ren-session-role{font-size:.78rem;font-weight:500;color:#6ee7b7}.lib-ren-session-card.warning .lib-ren-session-role{color:#fcd34d}.lib-ren-passcode-box{display:flex;flex-direction:column;gap:6px}.lib-ren-passcode-prompt{font-size:.75rem;color:#9ca3af;margin:0}.lib-ren-passcode-input-wrapper{position:relative;display:flex;align-items:center}.lib-ren-lock-icon{position:absolute;left:10px;color:#64748b;pointer-events:none}.lib-ren-passcode-input{width:100%;background:#1f2937;border:1px solid rgba(255,255,255,.12);border-radius:6px;padding:8px 36px 8px 32px;color:#f3f4f6;font-size:.85rem;transition:all .15s ease}.lib-ren-passcode-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f640}.lib-ren-eye-btn{position:absolute;right:8px;background:transparent;border:none;color:#9ca3af;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:color .15s ease}.lib-ren-eye-btn:hover{color:#f3f4f6}.lib-ren-footer{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding-top:10px;border-top:1px solid rgba(255,255,255,.08)}.lib-ren-btn-cancel{background:transparent;border:1px solid rgba(255,255,255,.15);color:#d1d5db;padding:7px 16px;border-radius:6px;font-size:.82rem;font-weight:500;cursor:pointer;transition:all .15s ease}.lib-ren-btn-cancel:hover:not(:disabled){background:#ffffff14;color:#fff}.lib-ren-btn-submit{display:inline-flex;align-items:center;gap:6px;background:#2563eb;border:1px solid rgba(59,130,246,.5);color:#fff;padding:7px 18px;border-radius:6px;font-size:.82rem;font-weight:600;cursor:pointer;transition:all .15s ease}.lib-ren-btn-submit:hover:not(:disabled){background:#1d4ed8;box-shadow:0 2px 8px #2563eb59}.lib-ren-btn-submit:disabled,.lib-ren-btn-cancel:disabled{opacity:.5;cursor:not-allowed}.lib-ren-spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:libRenSpin .8s linear infinite}@keyframes libRenSpin{to{transform:rotate(360deg)}}@media(max-width:640px){.lib-ren-container{max-width:100%}}.lib-draft-overlay{position:fixed;inset:0;background:#000000d1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10000;display:flex;align-items:center;justify-content:center;padding:20px;animation:libDraftFadeIn .2s ease-out}@keyframes libDraftFadeIn{0%{opacity:0}to{opacity:1}}.lib-draft-container{background:#111827;border:1px solid rgba(245,158,11,.35);border-radius:14px;width:100%;max-width:580px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #000000b3,0 0 24px #f59e0b1f;overflow:hidden;animation:libDraftSlideUp .25s cubic-bezier(.16,1,.3,1)}@keyframes libDraftSlideUp{0%{transform:translateY(16px) scale(.98);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.lib-draft-header{display:flex;align-items:flex-start;gap:14px;padding:20px 24px 16px;border-bottom:1px solid rgba(255,255,255,.08);position:relative}.lib-draft-header-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:10px;background:#f59e0b26;border:1px solid rgba(245,158,11,.3);flex-shrink:0}.lib-draft-title-group{flex:1;display:flex;flex-direction:column;gap:4px}.lib-draft-title{font-size:1.15rem;font-weight:700;color:#fbbf24;margin:0;line-height:1.3}.lib-draft-desc{font-size:.82rem;color:#9ca3af;margin:0;line-height:1.45}.lib-draft-close-btn{background:transparent;border:none;color:#9ca3af;cursor:pointer;padding:6px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.lib-draft-close-btn:hover{color:#f3f4f6;background:#ffffff1a}.lib-draft-body{padding:20px 24px;overflow-y:auto;display:flex;flex-direction:column;gap:16px}.lib-draft-item-card{display:flex;align-items:center;gap:12px;background:#111827cc;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:10px 14px}.lib-draft-thumb-box{width:60px;height:42px;border-radius:6px;overflow:hidden;background:#1f2937;flex-shrink:0;display:flex;align-items:center;justify-content:center}.lib-draft-thumb{width:100%;height:100%;object-fit:cover}.lib-draft-thumb-placeholder{color:#6b7280}.lib-draft-item-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.lib-draft-title-row{display:flex;flex-direction:column;gap:2px}.lib-draft-title-en{font-size:.86rem;font-weight:600;color:#f3f4f6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lib-draft-title-taigi{font-size:.78rem;color:#9ca3af;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lib-draft-meta-chips{display:flex;align-items:center;gap:6px}.lib-draft-scope-chip{font-size:.7rem;font-weight:600;padding:2px 7px;border-radius:4px;text-transform:uppercase;letter-spacing:.03em}.lib-draft-scope-chip.guest{background:#eab30826;color:#facc15;border:1px solid rgba(234,179,8,.3)}.lib-draft-scope-chip.main{background:#3b82f626;color:#93c5fd;border:1px solid rgba(59,130,246,.3)}.lib-draft-format-chip{font-size:.7rem;font-weight:600;padding:2px 7px;border-radius:4px;background:#6b728033;color:#d1d5db;text-transform:uppercase}.lib-draft-transition-card{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#1f293799;border:1px solid rgba(245,158,11,.2);border-radius:10px;padding:12px 16px}.lib-draft-file-step{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}.lib-draft-file-label{font-size:.72rem;font-weight:600;text-transform:uppercase;color:#9ca3af;letter-spacing:.04em}.lib-draft-code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.8rem;padding:4px 8px;border-radius:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.lib-draft-code.current{background:#0000004d;color:#d1d5db;border:1px solid rgba(255,255,255,.08)}.lib-draft-code.next{background:#f59e0b26;color:#fbbf24;border:1px solid rgba(245,158,11,.3);font-weight:600}.lib-draft-file-arrow{color:#fbbf24;display:flex;align-items:center;justify-content:center;flex-shrink:0}.lib-draft-notice-banner{display:flex;align-items:flex-start;gap:10px;background:#f59e0b1a;border:1px solid rgba(245,158,11,.25);border-radius:8px;padding:10px 14px;color:#fbbf24;font-size:.8rem;line-height:1.45}.lib-draft-notice-icon{flex-shrink:0;margin-top:2px}.lib-draft-auth-section{display:flex;flex-direction:column;gap:8px;background:#00000040;border:1px solid rgba(255,255,255,.06);border-radius:10px;padding:14px 16px}.lib-draft-auth-label{display:flex;align-items:center;gap:6px;font-size:.76rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#9ca3af}.lib-draft-authed-badge{display:flex;align-items:center;gap:8px;font-size:.82rem;color:#34d399;background:#10b9811a;border:1px solid rgba(16,185,129,.25);border-radius:6px;padding:8px 12px}.lib-draft-error-banner{display:flex;align-items:center;gap:8px;font-size:.82rem;color:#f87171;background:#ef44441a;border:1px solid rgba(239,68,68,.25);border-radius:6px;padding:8px 12px}.lib-draft-passcode-group{display:flex;flex-direction:column;gap:8px}.lib-draft-passcode-prompt{font-size:.8rem;color:#9ca3af;margin:0}.lib-draft-passcode-input-wrap{display:flex;align-items:center;background:#0006;border:1px solid rgba(255,255,255,.15);border-radius:8px;padding:0 10px;transition:all .15s ease}.lib-draft-passcode-input-wrap:focus-within{border-color:#fbbf24;box-shadow:0 0 0 2px #f59e0b33}.lib-draft-passcode-input{flex:1;background:transparent;border:none;color:#f3f4f6;font-size:.86rem;padding:9px 0;outline:none}.lib-draft-pwd-toggle{background:transparent;border:none;color:#9ca3af;cursor:pointer;padding:6px;border-radius:4px;display:flex;align-items:center;justify-content:center}.lib-draft-pwd-toggle:hover{color:#f3f4f6}.lib-draft-footer{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding-top:10px;border-top:1px solid rgba(255,255,255,.08)}.lib-draft-btn-secondary{background:#ffffff0f;border:1px solid rgba(255,255,255,.12);color:#d1d5db;font-size:.84rem;font-weight:500;border-radius:8px;padding:8px 16px;cursor:pointer;transition:all .15s ease}.lib-draft-btn-secondary:hover:not(:disabled){background:#ffffff1a;color:#f3f4f6}.lib-draft-btn-primary{display:flex;align-items:center;gap:6px;background:#d97706;border:1px solid #f59e0b;color:#fff;font-size:.84rem;font-weight:600;border-radius:8px;padding:8px 18px;cursor:pointer;transition:all .15s ease;box-shadow:0 2px 8px #d977064d}.lib-draft-btn-primary:hover:not(:disabled){background:#b45309}.lib-draft-btn-primary:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.lib-draft-spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:libDraftSpin .7s linear infinite}@keyframes libDraftSpin{to{transform:rotate(360deg)}}.lib-modal-overlay{position:fixed;inset:0;background:#000000bf;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px;animation:libFadeIn .2s ease-out}@keyframes libFadeIn{0%{opacity:0}to{opacity:1}}.lib-modal-container{background:#111827;border:1px solid rgba(255,255,255,.12);border-radius:14px;width:100%;max-width:860px;max-height:88vh;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #0009;overflow:hidden;animation:libSlideUp .25s cubic-bezier(.16,1,.3,1)}@keyframes libSlideUp{0%{transform:translateY(16px) scale(.98);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.lib-modal-header{display:flex;align-items:flex-start;justify-content:space-between;padding:20px 24px 16px;border-bottom:1px solid rgba(255,255,255,.08)}.lib-modal-title-group{display:flex;flex-direction:column;gap:4px}.lib-modal-badge{display:inline-flex;align-items:center;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#60a5fa;background:#60a5fa1f;border:1px solid rgba(96,165,250,.24);padding:2px 8px;border-radius:4px;width:fit-content}.lib-modal-title{font-size:1.25rem;font-weight:700;color:#f3f4f6;margin:4px 0 0}.lib-modal-subtitle{font-size:.85rem;color:#9ca3af;margin:0}.lib-modal-header-actions{display:flex;align-items:center;gap:8px}.lib-refresh-btn,.lib-select-mode-btn,.lib-close-btn{background:transparent;border:1px solid rgba(255,255,255,.12);color:#9ca3af;cursor:pointer;padding:6px 10px;border-radius:6px;display:inline-flex;align-items:center;gap:6px;font-size:.8rem;font-weight:500;transition:all .15s ease}.lib-close-btn{padding:6px;border:none}.lib-refresh-btn:hover,.lib-select-mode-btn:hover,.lib-close-btn:hover{color:#f3f4f6;background:#ffffff14}.lib-select-mode-btn.active{background:#3b82f633;border-color:#3b82f680;color:#60a5fa}.lib-header-btn-text{font-size:.8rem;font-weight:500}.lib-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:12px 24px;background:#0003;border-bottom:1px solid rgba(255,255,255,.06)}.lib-search-box{position:relative;flex:1;min-width:220px}.lib-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#9ca3af;pointer-events:none}.lib-search-input{width:100%;background:#1f2937;border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:8px 32px 8px 36px;color:#f3f4f6;font-size:.85rem;outline:none;transition:border-color .15s ease}.lib-search-input:focus{border-color:#3b82f6}.lib-search-clear{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:transparent;border:none;color:#9ca3af;cursor:pointer;padding:2px;display:flex;align-items:center}.lib-filter-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.lib-scope-group{display:inline-flex;align-items:center;background:#111827;border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:3px;gap:2px}.lib-scope-pill{background:transparent;border:none;color:#9ca3af;font-size:.78rem;font-weight:500;padding:5px 11px;border-radius:6px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:all .15s ease;white-space:nowrap}.lib-scope-pill:hover{color:#f3f4f6;background:#ffffff0f}.lib-scope-pill.active.both{color:#fff;background:#374151;font-weight:600;box-shadow:0 1px 3px #0006}.lib-scope-pill.active.main{color:#fff;background:#1d4ed8;font-weight:600;box-shadow:0 1px 4px #1d4ed880}.lib-scope-pill.active.guest{color:#fff;background:#7c3aed;font-weight:600;box-shadow:0 1px 4px #7c3aed80}.lib-scope-count{font-size:.72rem;padding:1px 5px;border-radius:10px;background:#0000004d;color:inherit;opacity:.88}.lib-filter-tabs{display:flex;align-items:center;gap:6px}.lib-filter-pill{background:#1f2937;border:1px solid rgba(255,255,255,.08);color:#9ca3af;font-size:.78rem;font-weight:500;padding:6px 12px;border-radius:6px;cursor:pointer;transition:all .15s ease}.lib-filter-pill:hover{color:#e5e7eb;background:#374151}.lib-filter-pill.active{color:#fff;background:#2563eb;border-color:#3b82f6}.lib-filter-pill.drafts.active{color:#fff;background:#d97706;border-color:#f59e0b}.lib-batch-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 24px;background:#1e293bf2;border-bottom:1px solid rgba(59,130,246,.4);animation:libBatchSlideDown .18s cubic-bezier(.16,1,.3,1)}@keyframes libBatchSlideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.lib-batch-info{display:flex;align-items:center;gap:10px}.lib-batch-count{font-size:.84rem;font-weight:600;color:#93c5fd}.lib-batch-pill-btn{display:inline-flex;align-items:center;gap:5px;font-size:.78rem;font-weight:500;padding:4px 10px;border-radius:6px;border:1px solid rgba(255,255,255,.15);cursor:pointer;transition:all .15s ease}.lib-batch-pill-btn.secondary{background:#ffffff14;color:#e5e7eb}.lib-batch-pill-btn.secondary:hover:not(:disabled){background:#ffffff26;color:#fff}.lib-batch-pill-btn.danger{background:#dc2626;color:#fff;border-color:#ef4444;font-weight:600;box-shadow:0 2px 8px #dc26264d}.lib-batch-pill-btn.danger:hover:not(:disabled){background:#b91c1c}.lib-batch-pill-btn:disabled{opacity:.4;cursor:not-allowed}.lib-modal-body{flex:1;overflow-y:auto;padding:18px 24px}.lib-loading-box,.lib-empty-box{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:48px 20px;color:#9ca3af;font-size:.9rem}.lib-spinner{width:28px;height:28px;border:3px solid rgba(255,255,255,.1);border-top-color:#3b82f6;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.lib-empty-icon{color:#6b7280}.lib-empty-clear-btn{background:#ffffff14;border:1px solid rgba(255,255,255,.12);color:#93c5fd;font-size:.8rem;padding:6px 14px;border-radius:6px;cursor:pointer}.lib-cards-grid{display:flex;flex-direction:column;gap:14px}.lib-card{display:flex;gap:16px;background:#1a2234;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:12px;transition:all .15s ease}.lib-card:hover{border-color:#60a5fa66;background:#1e283d}.lib-card.current-active{border-color:#3b82f6;box-shadow:0 0 0 1px #3b82f64d}.lib-card.selected{border-color:#3b82f6;background:#1e3a8a47;box-shadow:0 0 0 1px #3b82f666}.lib-card-media{position:relative;width:136px;height:84px;min-width:136px;border-radius:6px;overflow:hidden;background:#0f172a;display:flex;align-items:center;justify-content:center}.lib-card-thumb{width:100%;height:100%;object-fit:cover}.lib-card-thumb-placeholder{color:#64748b}.lib-format-badge{position:absolute;top:6px;left:6px;font-size:10px;font-weight:700;padding:1px 5px;border-radius:4px;text-transform:uppercase;background:#000c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.lib-format-badge.srt{color:#34d399;border:1px solid rgba(52,211,153,.3)}.lib-format-badge.txt{color:#fbbf24;border:1px solid rgba(251,191,36,.3)}.lib-scope-badge{position:absolute;top:6px;right:6px;font-size:10px;font-weight:700;padding:1px 6px;border-radius:4px;text-transform:uppercase;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);letter-spacing:.03em}.lib-scope-badge.main{background:#1e3a8ad9;color:#93c5fd;border:1px solid rgba(96,165,250,.4)}.lib-scope-badge.guest{background:#581c87d9;color:#d8b4fe;border:1px solid rgba(192,132,252,.4)}.lib-draft-badge{position:absolute;bottom:6px;right:6px;font-size:10px;font-weight:700;padding:1px 6px;border-radius:4px;background:#d97706e6;border:1px solid rgba(245,158,11,.6);color:#fffbeb;text-transform:uppercase;letter-spacing:.04em;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2}.lib-card-media:has(.lib-draft-badge) .lib-current-badge{right:56px}.lib-current-badge{position:absolute;bottom:6px;right:6px;font-size:10px;font-weight:600;padding:1px 6px;border-radius:4px;background:#2563eb;color:#fff}.lib-card-select-checkbox{position:absolute;bottom:6px;left:6px;z-index:2;background:#111827bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.2);border-radius:4px;color:#9ca3af;cursor:pointer;width:24px;height:24px;display:flex;align-items:center;justify-content:center;padding:0;transition:all .15s ease;opacity:.65}.lib-card:hover .lib-card-select-checkbox,.lib-card-select-checkbox.force-visible,.lib-card-select-checkbox.checked{opacity:1}.lib-card-select-checkbox.checked{background:#2563eb;border-color:#3b82f6;color:#fff}.lib-card-select-checkbox:hover{color:#fff;border-color:#fff6;transform:scale(1.06)}.lib-card-content{flex:1;display:flex;flex-direction:column;justify-content:space-between;min-width:0}.lib-card-titles{display:flex;flex-direction:column;gap:2px}.lib-title-en{font-size:.95rem;font-weight:600;color:#f3f4f6;margin:0;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lib-title-taigi{font-size:.85rem;font-weight:500;color:#93c5fd;margin:0;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:Iansui,serif,sans-serif}.lib-card-meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:6px 0}.lib-meta-chip{display:inline-flex;align-items:center;gap:4px;font-size:.75rem;color:#9ca3af;background:#ffffff0d;padding:2px 7px;border-radius:4px}.lib-yt-link{display:inline-flex;align-items:center;gap:3px;font-size:.75rem;color:#f87171;text-decoration:none}.lib-yt-link:hover{text-decoration:underline}.lib-card-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:4px}.lib-action-btn{display:inline-flex;align-items:center;gap:5px;font-size:.78rem;font-weight:500;padding:5px 10px;border-radius:6px;border:none;cursor:pointer;transition:all .15s ease}.lib-action-btn.primary{background:#2563eb;color:#fff}.lib-action-btn.primary:hover{background:#1d4ed8}.lib-action-btn.secondary{background:#374151;color:#f3f4f6;border:1px solid rgba(255,255,255,.1)}.lib-action-btn.secondary:hover{background:#4b5563}.lib-action-btn.ghost{background:transparent;color:#9ca3af;border:1px solid rgba(255,255,255,.1)}.lib-action-btn.ghost:hover{color:#f3f4f6;background:#ffffff14}.lib-action-btn.ghost.copied{color:#34d399;border-color:#34d39966;background:#34d3991a}.lib-action-btn.secondary-ghost{background:transparent;color:#cbd5e1;border:1px solid rgba(255,255,255,.12)}.lib-action-btn.secondary-ghost:hover{color:#93c5fd;border-color:#93c5fd66;background:#3b82f61f}.lib-action-btn.secondary-ghost.draft-btn:hover{color:#fbbf24;border-color:#f59e0b66;background:#f59e0b1f}.lib-action-btn.disabled,.lib-action-btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.lib-action-btn.danger-ghost{background:transparent;color:#f87171;border:1px solid rgba(239,68,68,.3)}.lib-action-btn.danger-ghost:hover{background:#ef444426;border-color:#ef4444;color:#fca5a5}.lib-modal-footer{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;background:#0003;border-top:1px solid rgba(255,255,255,.08)}.lib-footer-info{font-size:.78rem;color:#9ca3af}.lib-footer-info code{background:#ffffff14;padding:1px 5px;border-radius:3px;color:#e5e7eb}.lib-footer-close-btn{background:#374151;border:1px solid rgba(255,255,255,.1);color:#f3f4f6;font-size:.8rem;font-weight:500;padding:5px 16px;border-radius:6px;cursor:pointer}.lib-footer-close-btn:hover{background:#4b5563}@media(max-width:640px){.lib-card{flex-direction:column}.lib-card-media{width:100%;height:120px}.lib-toolbar{flex-direction:column;align-items:stretch}}.lib-card.template-card{border-color:#6366f140;background:linear-gradient(180deg,#181d2f,#111827)}.lib-card-media.template-media{background:linear-gradient(135deg,#1e1b4b,#312e81)}.template-thumb-icon{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.lib-meta-chip.template-badge-chip{background:#6366f12e;color:#a5b4fc;border:1px solid rgba(99,102,241,.35);font-weight:600}.thin-play-bar{display:flex;align-items:center;gap:8px;width:100%;box-sizing:border-box;background:#0b1120f2;border:1px solid rgba(51,65,85,.55);border-radius:6px;padding:2px 8px;height:28px;margin:0;user-select:none;-webkit-user-select:none;transition:border-color .15s ease,background-color .15s ease;z-index:10}.thin-play-bar:hover{border-color:#60a5fa73}.thin-play-bar.disabled{opacity:.5;pointer-events:none}.tpb-play-btn{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:4px;background:transparent;border:none;color:#93c5fd;cursor:pointer;padding:0;flex-shrink:0;transition:background-color .15s ease,color .15s ease,transform .1s ease}.tpb-play-btn:hover:not(:disabled){background:#3b82f62e;color:#fff}.tpb-play-btn:active:not(:disabled){transform:scale(.92)}.tpb-play-btn:focus-visible{outline:2px solid #60a5fa;outline-offset:1px}.tpb-play-btn:disabled{opacity:.35;cursor:not-allowed}.tpb-track-container{position:relative;flex:1;min-width:60px;height:20px;display:flex;align-items:center;cursor:pointer;touch-action:none}.tpb-track-rail{position:relative;width:100%;height:4px;background:#334155;border-radius:2px;overflow:visible;transition:height .15s cubic-bezier(.16,1,.3,1)}.tpb-track-container:hover .tpb-track-rail,.tpb-track-container.dragging .tpb-track-rail{height:6px}.tpb-track-fill{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(90deg,#3b82f6,#60a5fa);border-radius:2px;pointer-events:none}.tpb-cues-layer{position:absolute;inset:0;pointer-events:none;overflow:hidden;border-radius:2px}.tpb-cue-tick{position:absolute;top:0;bottom:0;width:1.5px;background:#e0f2feb3;box-shadow:0 0 2px #38bdf866;pointer-events:none;transform:translate(-50%);transition:background-color .1s ease}.tpb-cue-tick.active-cue{background:#fbbf24;box-shadow:0 0 3px #fbbf24cc;width:2px}.tpb-thumb{position:absolute;top:50%;transform:translate(-50%,-50%);width:10px;height:10px;border-radius:50%;background:#fff;box-shadow:0 0 6px #3b82f6b3,0 1px 3px #0006;pointer-events:none;transition:width .12s ease,height .12s ease,box-shadow .12s ease}.tpb-track-container:hover .tpb-thumb,.tpb-track-container.dragging .tpb-thumb{width:13px;height:13px;box-shadow:0 0 10px #60a5faf2,0 2px 5px #00000080}.tpb-hover-tooltip{position:absolute;bottom:calc(100% + 7px);transform:translate(-50%);background:#090d16;border:1px solid rgba(96,165,250,.5);color:#f8fafc;font-size:11px;padding:3px 7px;border-radius:4px;white-space:nowrap;pointer-events:none;box-shadow:0 4px 12px #0009;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-variant-numeric:tabular-nums;z-index:50;display:flex;align-items:center;gap:5px}.tpb-hover-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border-width:4px;border-style:solid;border-color:rgba(96,165,250,.5) transparent transparent transparent}.tpb-tooltip-cue-snippet{color:#93c5fd;font-size:10px;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tpb-time-display{display:flex;align-items:center;gap:3px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:calc(11px * var(--ui-text-zoom, 1));font-variant-numeric:tabular-nums;white-space:nowrap;flex-shrink:0;-webkit-user-select:none;user-select:none}.tpb-time-current{color:#e2e8f0;font-weight:600}.tpb-time-sep{color:#64748b;margin:0 1px}.tpb-time-total{color:#94a3b8}.main-content.in-caption-editor.editor-video-shrunk .thin-play-bar{width:100%!important;max-width:100%!important;margin:0!important;height:28px;padding:2px 8px;gap:8px}@media(min-width:768px)and (orientation:landscape){.main-content.editor-video-shrunk:not(.sidebar-hidden) .thin-play-bar{width:100%!important;max-width:100%!important;margin:0!important;height:28px;padding:2px 8px}}.app-container.pure-mode .thin-play-bar{height:28px;padding:2px 8px;margin:0;border-radius:6px;gap:8px;background:#0b1120f2;border-color:#3341558c}.commit-modal-overlay{position:fixed;inset:0;z-index:9999;background-color:#0a0f1dbf;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:1rem;animation:commitFadeIn .2s cubic-bezier(.16,1,.3,1)}@keyframes commitFadeIn{0%{opacity:0}to{opacity:1}}.commit-modal-container{width:100%;max-width:540px;background-color:#0f172a;border:1px solid #334155;border-radius:12px;box-shadow:0 20px 25px -5px #00000080,0 10px 10px -5px #0006;display:flex;flex-direction:column;overflow:hidden;color:#f1f5f9;animation:commitSlideUp .25s cubic-bezier(.16,1,.3,1)}@keyframes commitSlideUp{0%{transform:translateY(12px) scale(.98);opacity:0}to{transform:translateY(0) scale(1)}}.commit-modal-header{display:flex;align-items:flex-start;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid #1e293b;background-color:#131d35}.commit-modal-title-group{display:flex;flex-direction:column;gap:.25rem}.commit-modal-kicker{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#10b981}.commit-modal-title{font-size:1.15rem;font-weight:700;color:#fff;margin:0}.commit-modal-subtitle{font-size:.8rem;color:#94a3b8;margin:0}.commit-modal-close-btn{background:transparent;border:none;color:#94a3b8;padding:.35rem;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .15s,color .15s}.commit-modal-close-btn:hover{background-color:#1e293b;color:#fff}.commit-modal-body{padding:1.25rem 1.5rem;display:flex;flex-direction:column;gap:1.15rem;max-height:calc(85vh - 140px);overflow-y:auto}.commit-field-group{display:flex;flex-direction:column;gap:.35rem}.commit-label{font-size:.8rem;font-weight:600;color:#cbd5e1;display:flex;align-items:center;justify-content:space-between}.commit-label-subtext{font-size:.72rem;font-weight:400;color:#64748b}.commit-format-toggle{display:flex;background-color:#1e293b;border:1px solid #334155;border-radius:8px;padding:3px;gap:4px}.commit-format-btn{flex:1;padding:.5rem .75rem;border-radius:6px;border:none;background:transparent;color:#94a3b8;font-size:.82rem;font-weight:600;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:center;gap:.4rem}.commit-format-btn.active{background-color:#059669;color:#fff;box-shadow:0 1px 3px #0000004d}.commit-format-btn.active.draft{background-color:#d97706;color:#fff;box-shadow:0 1px 3px #0000004d}.commit-input-wrapper{position:relative;display:flex;align-items:center}.commit-input{width:100%;background-color:#1e293b;border:1px solid #334155;border-radius:8px;padding:.6rem .85rem;font-size:.85rem;color:#fff;transition:border-color .15s,box-shadow .15s;font-family:inherit}.commit-input:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 3px #10b98133}.commit-input.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.8rem}.commit-input-toggle-pwd{position:absolute;right:.5rem;background:transparent;border:none;color:#94a3b8;padding:.35rem;cursor:pointer;border-radius:4px;display:flex;align-items:center;justify-content:center}.commit-input-toggle-pwd:hover{color:#fff}.commit-hint-text{font-size:.72rem;color:#64748b;line-height:1.3}.commit-error-box{background-color:#dc26261f;border:1px solid rgba(239,68,68,.35);border-radius:8px;padding:.75rem 1rem;display:flex;align-items:flex-start;gap:.6rem;color:#fca5a5;font-size:.8rem;line-height:1.4}.commit-error-icon{flex-shrink:0;margin-top:2px}.commit-blocked-banner{background-color:#f59e0b1f;border:1px solid rgba(245,158,11,.35);border-radius:8px;padding:.75rem 1rem;display:flex;align-items:flex-start;gap:.6rem;color:#fde68a;font-size:.8rem;line-height:1.4}.commit-blocked-icon{color:#f59e0b;flex-shrink:0;margin-top:2px}.commit-success-box{background-color:#10b9811a;border:1px solid rgba(16,185,129,.3);border-radius:8px;padding:1rem;display:flex;flex-direction:column;gap:.75rem}.commit-success-header{display:flex;align-items:center;gap:.5rem;color:#34d399;font-weight:700;font-size:.95rem}.commit-success-path{font-family:ui-monospace,SFMono-Regular,monospace;font-size:.8rem;background-color:#1e293b;padding:.4rem .6rem;border-radius:6px;color:#cbd5e1;word-break:break-all}.commit-draft-unshareable-box{display:flex;flex-direction:column;gap:.4rem;background-color:#f59e0b1a;border:1px solid rgba(245,158,11,.3);border-radius:8px;padding:.75rem 1rem}.commit-draft-unshareable-header{display:flex;align-items:center;gap:.5rem;font-size:.86rem;font-weight:700;color:#fbbf24}.commit-share-link-box{display:flex;flex-direction:column;gap:.4rem;background-color:#131d35;border:1px solid #1e293b;border-radius:8px;padding:.75rem}.commit-share-link-label{font-size:.72rem;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.04em}.commit-share-link-input-row{display:flex;gap:.5rem}.commit-share-link-input{flex:1;background-color:#0f172a;border:1px solid #334155;border-radius:6px;padding:.45rem .65rem;font-size:.75rem;color:#38bdf8;font-family:ui-monospace,SFMono-Regular,monospace}.commit-copy-btn{padding:.45rem .85rem;background-color:#0284c7;border:none;border-radius:6px;color:#fff;font-size:.78rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.35rem;white-space:nowrap;transition:background-color .15s}.commit-copy-btn:hover{background-color:#0369a1}.commit-copy-btn.copied{background-color:#059669}.commit-modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid #1e293b;background-color:#131d35}.commit-btn-secondary{padding:.55rem 1rem;background-color:#1e293b;border:1px solid #334155;border-radius:8px;color:#cbd5e1;font-size:.82rem;font-weight:600;cursor:pointer;transition:background-color .15s,color .15s}.commit-btn-secondary:hover{background-color:#334155;color:#fff}.commit-btn-primary{padding:.55rem 1.25rem;background-color:#059669;border:none;border-radius:8px;color:#fff;font-size:.82rem;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:background-color .15s,transform .1s}.commit-btn-primary:hover:not(:disabled){background-color:#10b981}.commit-btn-primary:disabled{opacity:.6;cursor:not-allowed}.commit-spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:commitSpin .7s linear infinite}@keyframes commitSpin{to{transform:rotate(360deg)}}.commit-jwt-session-card{background-color:#132238;border:1px solid #1e3a5f;border-radius:8px;padding:.85rem 1rem;display:flex;align-items:center;justify-content:space-between;gap:.75rem}.commit-jwt-session-info{display:flex;align-items:center;gap:.65rem}.commit-jwt-session-icon{width:32px;height:32px;border-radius:50%;background-color:#10b98126;color:#34d399;display:flex;align-items:center;justify-content:center;flex-shrink:0}.commit-jwt-session-icon.guest{background-color:#38bdf826;color:#38bdf8}.commit-jwt-session-details{display:flex;flex-direction:column;gap:.15rem}.commit-jwt-session-title{font-size:.82rem;font-weight:700;color:#f1f5f9}.commit-jwt-session-subtitle{font-size:.72rem;color:#94a3b8;display:flex;align-items:center;gap:.35rem}.commit-jwt-badge{background-color:#0f172a;border:1px solid #334155;border-radius:4px;padding:.1rem .35rem;font-family:ui-monospace,SFMono-Regular,monospace;font-size:.68rem;color:#cbd5e1}.commit-jwt-switch-btn{background:transparent;border:1px solid #334155;border-radius:6px;color:#94a3b8;font-size:.74rem;padding:.35rem .6rem;cursor:pointer;transition:all .15s ease;white-space:nowrap}.commit-jwt-switch-btn:hover{background-color:#1e293b;border-color:#475569;color:#fff}.commit-auth-action-row{display:flex;gap:.5rem;align-items:stretch}.commit-auth-login-btn{padding:.55rem .85rem;background-color:#2563eb;border:none;border-radius:8px;color:#fff;font-size:.8rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.35rem;white-space:nowrap;transition:background-color .15s}.commit-auth-login-btn:hover:not(:disabled){background-color:#1d4ed8}.commit-auth-login-btn:disabled{opacity:.5;cursor:not-allowed}.commit-auth-status-group{display:flex;align-items:stretch;gap:.35rem}.commit-auth-login-btn.authed{background-color:#10b9812e;border:1px solid #059669;color:#34d399;cursor:default;font-weight:700}.commit-auth-login-btn.authed.guest{background-color:#38bdf82e;border:1px solid #0284c7;color:#38bdf8}.commit-auth-logout-btn{padding:.55rem .65rem;background-color:#1e293b;border:1px solid #334155;border-radius:8px;color:#94a3b8;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.commit-auth-logout-btn:hover{background-color:#334155;border-color:#64748b;color:#f1f5f9}.commit-hint-text.authed{color:#94a3b8}.commit-hint-folder{font-family:ui-monospace,SFMono-Regular,monospace;color:#34d399;background:#10b9811f;padding:.05rem .3rem;border-radius:4px;border:1px solid rgba(16,185,129,.25);font-size:.72rem}.app-container{display:flex;flex-direction:column;min-height:100vh;width:100%;max-width:100vw;overflow-x:clip;background-color:var(--bg-color);color:var(--text-color)}.app-header{height:56px;background-color:#0d121d;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;padding:0 16px;gap:16px;position:sticky;top:0;z-index:50;box-shadow:0 1px 3px #0006;width:100%;max-width:100vw;box-sizing:border-box;overflow-x:auto;overflow-y:hidden;white-space:nowrap;flex-wrap:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.15) transparent}.app-header::-webkit-scrollbar{height:3px}.app-header::-webkit-scrollbar-track{background:transparent}.app-header::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}.app-header::-webkit-scrollbar-thumb:hover{background:#3b82f680}.header-brand-zone{display:flex;align-items:center;gap:10px;flex-shrink:0}.header-logo-mark{width:32px;height:32px;border-radius:8px;background:linear-gradient(135deg,#3b82f633,#10b98133);border:1px solid rgba(59,130,246,.3);display:flex;align-items:center;justify-content:center}.header-wordmark{font-size:calc(15px * var(--ui-text-zoom, 1));font-weight:700;letter-spacing:-.3px;color:#f1f5f9;white-space:nowrap}.header-nav-zone{display:flex;align-items:center;gap:4px;background-color:#0000004d;padding:3px;border-radius:8px;border:1px solid rgba(255,255,255,.06);flex-shrink:0}.nav-tab-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:6px;background:transparent;border:none;color:var(--text-muted);font-size:calc(12px * var(--ui-text-zoom, 1));font-weight:500;cursor:pointer;transition:all .15s ease;white-space:nowrap}.nav-tab-btn:hover{color:var(--text-color);background-color:#ffffff0d}.nav-tab-btn.active{background-color:var(--surface-color);color:#fff;font-weight:600;box-shadow:0 1px 3px #0000004d}.nav-counter{font-size:calc(10px * var(--ui-text-zoom, 1));background-color:#3b82f640;color:#93c5fd;padding:1px 6px;border-radius:10px;font-family:monospace;font-weight:700}.header-actions-zone{display:flex;align-items:center;gap:8px;flex-shrink:0}.quick-sample-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:linear-gradient(135deg,#3b82f626,#10b98126);border:1px solid rgba(59,130,246,.3);border-radius:6px;color:#93c5fd;font-size:calc(12px * var(--ui-text-zoom, 1));font-weight:600;cursor:pointer;transition:all .15s}.quick-sample-btn:hover{background:linear-gradient(135deg,#3b82f640,#10b98140);border-color:var(--primary-color);color:#fff}.header-tool-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;background-color:#ffffff0a;border:1px solid var(--border-color);border-radius:6px;color:var(--text-muted);font-size:calc(12px * var(--ui-text-zoom, 1));font-weight:500;cursor:pointer;transition:all .15s}.header-tool-btn:hover{background-color:var(--surface-hover);color:var(--text-color);border-color:#ffffff26}.header-tool-btn.active{background-color:#3b82f626;border-color:var(--primary-color);color:#60a5fa}.main-content{flex:1;width:100%;max-width:1560px;margin:0 auto;padding:max(4px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(4px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));display:grid;grid-template-columns:1fr;gap:8px;align-items:start;transition:all .2s ease-in-out;box-sizing:border-box}.main-content.in-guide-deck{grid-template-columns:1fr!important;max-width:1040px!important;margin:0 auto!important;padding:16px 20px 48px!important;display:block!important}.pure-guide-page{width:100%;background:var(--surface-color, #1e293b);border:1px solid var(--border-color, rgba(255, 255, 255, .08));border-radius:12px;box-shadow:0 4px 24px #00000047;overflow:hidden;margin:0 auto}@media(min-width:860px)and (orientation:landscape){.main-content{grid-template-columns:minmax(0,1.8fr) minmax(380px,1fr);gap:10px}.main-content.theater,.main-content.sidebar-hidden{grid-template-columns:1fr;padding:max(4px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(4px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left))!important;gap:6px}.main-content.theater .sidebar-controls{grid-column:1 / -1;margin-top:10px}}@media(min-width:768px)and (orientation:landscape){.main-content.editor-video-shrunk:not(.sidebar-hidden),.main-content.controls-video-shrunk:not(.sidebar-hidden),.main-content.video-shrunk:not(.sidebar-hidden){grid-template-columns:minmax(260px,300px) minmax(0,1fr)!important;gap:16px}.main-content.editor-video-shrunk:not(.sidebar-hidden) .video-section,.main-content.controls-video-shrunk:not(.sidebar-hidden) .video-section,.main-content.video-shrunk:not(.sidebar-hidden) .video-section{position:sticky;top:68px;align-self:start;z-index:15;width:100%!important;max-width:300px!important}.main-content.editor-video-shrunk:not(.sidebar-hidden) .video-stage-canvas,.main-content.controls-video-shrunk:not(.sidebar-hidden) .video-stage-canvas,.main-content.video-shrunk:not(.sidebar-hidden) .video-stage-canvas{width:100%!important;max-width:300px!important}.main-content.in-caption-editor.editor-video-expanded:not(.sidebar-hidden) .video-section,.main-content.in-controls-tab.controls-video-expanded:not(.sidebar-hidden) .video-section,.main-content.in-controls-tab:not(.sidebar-hidden) .video-section{position:sticky;top:68px;align-self:start;z-index:15}.main-content.in-caption-editor.editor-video-expanded:not(.sidebar-hidden) .video-stage-canvas,.main-content.in-controls-tab.controls-video-expanded:not(.sidebar-hidden) .video-stage-canvas{max-height:calc(100vh - 170px);aspect-ratio:16 / 9}.main-content.editor-video-shrunk:not(.sidebar-hidden) .sidebar-controls,.main-content.controls-video-shrunk:not(.sidebar-hidden) .sidebar-controls,.main-content.video-shrunk:not(.sidebar-hidden) .sidebar-controls{grid-column:2 / -1!important;width:100%!important;margin-top:0!important}.main-content.in-controls-tab .controls-section{max-height:calc(100vh - 72px);overflow-y:auto;-webkit-overflow-scrolling:touch}}@media(max-width:767px)and (orientation:landscape){.main-content.editor-video-shrunk .video-section,.main-content.controls-video-shrunk .video-section,.main-content.video-shrunk .video-section,.main-content.editor-video-shrunk .video-stage-canvas,.main-content.controls-video-shrunk .video-stage-canvas,.main-content.video-shrunk .video-stage-canvas{width:100%!important;max-width:280px!important;margin:0 auto!important}}.main-content.editor-video-shrunk .stage-cue-preview,.main-content.controls-video-shrunk .stage-cue-preview,.main-content.video-shrunk .stage-cue-preview,.main-content.editor-video-shrunk .stage-mode-switcher,.main-content.controls-video-shrunk .stage-mode-switcher,.main-content.video-shrunk .stage-mode-switcher{display:none!important}.main-content.editor-video-shrunk .stage-left-cluster,.main-content.controls-video-shrunk .stage-left-cluster,.main-content.video-shrunk .stage-left-cluster{gap:5px}.main-content.editor-video-shrunk .stage-quick-swap-btn,.main-content.controls-video-shrunk .stage-quick-swap-btn,.main-content.video-shrunk .stage-quick-swap-btn{padding:3px 6px;font-size:11px}.main-content.editor-video-shrunk .stage-quick-bar,.main-content.controls-video-shrunk .stage-quick-bar,.main-content.video-shrunk .stage-quick-bar{padding:2px 6px!important;gap:6px;flex-wrap:nowrap!important;width:100%!important;max-width:100%!important;min-width:0;overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}@media(max-width:480px)and (orientation:portrait){.main-content.editor-video-shrunk .stage-quick-bar,.main-content.controls-video-shrunk .stage-quick-bar,.main-content.video-shrunk .stage-quick-bar{flex-wrap:nowrap!important;padding:2px 6px!important;gap:5px}}.stage-actions-cluster{display:flex;align-items:center;gap:6px;flex-shrink:0;flex-wrap:nowrap}.main-content.editor-video-shrunk .stage-timecode,.main-content.controls-video-shrunk .stage-timecode,.main-content.video-shrunk .stage-timecode,.main-content.editor-video-shrunk .timecode-value,.main-content.controls-video-shrunk .timecode-value,.main-content.video-shrunk .timecode-value{font-size:11px}.main-content.editor-video-shrunk .stage-shrink-btn,.main-content.controls-video-shrunk .stage-shrink-btn,.main-content.video-shrunk .stage-shrink-btn,.main-content.editor-video-shrunk .stage-pure-btn,.main-content.controls-video-shrunk .stage-pure-btn,.main-content.video-shrunk .stage-pure-btn,.main-content.editor-video-shrunk .stage-theater-btn,.main-content.controls-video-shrunk .stage-theater-btn,.main-content.video-shrunk .stage-theater-btn{padding:4px 8px;font-size:11.5px}@media(max-width:580px){.main-content.editor-video-shrunk .stage-quick-swap-btn span,.main-content.controls-video-shrunk .stage-quick-swap-btn span,.main-content.video-shrunk .stage-quick-swap-btn span,.main-content.editor-video-shrunk .stage-shrink-btn span,.main-content.controls-video-shrunk .stage-shrink-btn span,.main-content.video-shrunk .stage-shrink-btn span,.main-content.editor-video-shrunk .stage-pure-btn span,.main-content.controls-video-shrunk .stage-pure-btn span,.main-content.video-shrunk .stage-pure-btn span,.main-content.editor-video-shrunk .stage-theater-btn span,.main-content.controls-video-shrunk .stage-theater-btn span,.main-content.video-shrunk .stage-theater-btn span{display:none}}.main-content.editor-video-shrunk .video-title-overlay,.main-content.controls-video-shrunk .video-title-overlay,.main-content.video-shrunk .video-title-overlay{padding:0 6px!important}.main-content.editor-video-shrunk .paired-title-container,.main-content.controls-video-shrunk .paired-title-container,.main-content.video-shrunk .paired-title-container{font-size:clamp(10px,calc(var(--title-font-size, 28px) * .45),20px)!important;padding:4px 8px!important;gap:0!important;border-radius:0!important;line-height:1.2!important;max-width:95%!important}.main-content.editor-video-shrunk .paired-title-line,.main-content.controls-video-shrunk .paired-title-line,.main-content.video-shrunk .paired-title-line{letter-spacing:0!important;border-radius:0!important;border:none!important;margin:0!important;text-shadow:1px 1px 0 #000,-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,0 1px 0 #000,0 -1px 0 #000,1px 0 0 #000,-1px 0 0 #000!important}.main-content.editor-video-shrunk .subtitle-overlay-wrapper,.main-content.controls-video-shrunk .subtitle-overlay-wrapper,.main-content.video-shrunk .subtitle-overlay-wrapper{padding:0 4px!important}.main-content.editor-video-shrunk .subtitle-overlay,.main-content.controls-video-shrunk .subtitle-overlay,.main-content.video-shrunk .subtitle-overlay{font-size:clamp(9px,calc(var(--subtitle-font-size, 24px) * .45),18px)!important;padding:3px 6px!important;border-radius:0!important;line-height:1.25!important;max-width:95%!important}.main-content.editor-video-shrunk .subtitle-content,.main-content.controls-video-shrunk .subtitle-content,.main-content.video-shrunk .subtitle-content{gap:0!important}.main-content.editor-video-shrunk .caption-line,.main-content.controls-video-shrunk .caption-line,.main-content.video-shrunk .caption-line{border-radius:0!important;border:none!important;margin:0!important;text-shadow:1px 1px 0 #000,-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,0 1px 0 #000,0 -1px 0 #000,1px 0 0 #000,-1px 0 0 #000!important}.main-content.editor-video-shrunk .subtitle-touch-hud,.main-content.controls-video-shrunk .subtitle-touch-hud,.main-content.video-shrunk .subtitle-touch-hud,.main-content.editor-video-shrunk .title-touch-hud,.main-content.controls-video-shrunk .title-touch-hud,.main-content.video-shrunk .title-touch-hud{font-size:9px!important;padding:2px 6px!important;gap:3px!important}.main-content.editor-video-shrunk .clip-sync-guide-pill,.main-content.controls-video-shrunk .clip-sync-guide-pill,.main-content.video-shrunk .clip-sync-guide-pill{font-size:8px!important;padding:1px 5px!important;top:-20px!important}@container stage-canvas (max-width: 360px){.video-title-overlay{padding:0 6px}.paired-title-container{font-size:clamp(10px,calc(var(--title-font-size, 28px) * .45),20px);padding:4px 8px;gap:0;border-radius:0;line-height:1.2;max-width:95%}.paired-title-line{letter-spacing:0;border-radius:0;border:none;margin:0;text-shadow:1px 1px 0 #000,-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,0 1px 0 #000,0 -1px 0 #000,1px 0 0 #000,-1px 0 0 #000}.subtitle-overlay-wrapper{padding:0 4px}.subtitle-overlay{font-size:clamp(9px,calc(var(--subtitle-font-size, 24px) * .45),18px);padding:3px 6px;border-radius:0;line-height:1.25;max-width:95%}.subtitle-content{gap:0}.caption-line{border-radius:0;border:none;margin:0;text-shadow:1px 1px 0 #000,-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,0 1px 0 #000,0 -1px 0 #000,1px 0 0 #000,-1px 0 0 #000}}@media(orientation:portrait){.main-content{grid-template-columns:1fr!important;width:100%!important;max-width:100%!important;padding:max(4px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(4px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left))!important;margin:0 auto!important;gap:4px!important;box-sizing:border-box!important}.sidebar-controls{grid-column:1 / -1!important;width:100%!important;max-width:100%!important;margin-top:0!important}.main-content.in-caption-editor{height:calc(100vh - 56px);height:calc(100dvh - 56px);overflow:hidden;display:flex!important;flex-direction:column!important;gap:2px!important}.main-content.in-controls-tab{height:calc(100vh - 56px);height:calc(100dvh - 56px);overflow:hidden;display:flex!important;flex-direction:column!important}.main-content.in-caption-editor .video-section,.main-content.in-controls-tab .video-section{position:relative!important;top:0!important;flex-shrink:0;z-index:30!important;background-color:var(--bg-color)!important;padding-bottom:0!important;gap:2px!important;box-shadow:0 4px 14px #00000073;width:100%!important;max-width:100%!important;margin:0 auto!important}.main-content.in-caption-editor .sidebar-controls,.main-content.in-controls-tab .sidebar-controls{flex:1 1 auto;min-height:0;overflow:hidden;display:flex;flex-direction:column}.main-content.in-caption-editor .sidebar-dock-card,.main-content.in-controls-tab .sidebar-dock-card{flex:1 1 auto;min-height:0;overflow:hidden;display:flex;flex-direction:column;border:none;border-radius:0;background:transparent}.main-content.in-controls-tab .controls-section{flex:1 1 auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:0 4px 24px!important}.main-content.in-caption-editor.editor-video-shrunk .video-section,.main-content.in-controls-tab.controls-video-shrunk .video-section,.main-content.video-shrunk .video-section{width:100%!important;max-width:100%!important;margin:0 auto!important}.main-content.in-caption-editor.editor-video-shrunk .video-stage-canvas,.main-content.in-caption-editor.editor-video-shrunk .video-placeholder,.main-content.in-controls-tab.controls-video-shrunk .video-stage-canvas,.main-content.in-controls-tab.controls-video-shrunk .video-placeholder,.main-content.video-shrunk .video-stage-canvas,.main-content.video-shrunk .video-placeholder{width:100%!important;max-width:320px!important;margin:0 auto!important}.main-content.in-caption-editor.editor-video-shrunk .thin-play-bar,.main-content.in-controls-tab.controls-video-shrunk .thin-play-bar,.main-content.video-shrunk .thin-play-bar{width:100%!important;max-width:100%!important;margin:0!important}.main-content.in-caption-editor.editor-video-expanded .video-section,.main-content.in-controls-tab.controls-video-expanded .video-section,.main-content.video-expanded .video-section{width:100%!important;max-width:100%!important;margin:0 auto!important}.main-content.in-caption-editor.editor-video-expanded .video-stage-canvas,.main-content.in-caption-editor.editor-video-expanded .video-placeholder,.main-content.in-controls-tab.controls-video-expanded .video-stage-canvas,.main-content.in-controls-tab.controls-video-expanded .video-placeholder,.main-content.video-expanded .video-stage-canvas,.main-content.video-expanded .video-placeholder{width:100%!important;max-width:100%!important;aspect-ratio:16 / 9;margin:0 auto!important}.main-content:not(.in-caption-editor):not(.in-controls-tab) .video-section,.main-content:not(.in-caption-editor):not(.in-controls-tab) .video-stage-canvas,.main-content:not(.in-caption-editor):not(.in-controls-tab) .video-placeholder{width:100%!important;max-width:100%!important}.stage-quick-bar-wrapper,.stage-quick-bar{width:100%!important;max-width:100%!important;box-sizing:border-box!important;margin-bottom:0!important}.main-content.in-caption-editor .editor-section{flex:1 1 auto;min-height:0;overflow:hidden;display:flex;flex-direction:column;padding:0!important}.main-content.in-caption-editor .editor-container{margin-top:0!important;padding-top:0!important}}@media(max-width:768px)and (orientation:portrait){.main-content{padding:max(4px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(4px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left))!important;gap:4px!important}.video-section{border-radius:6px}}.video-section{position:relative;width:100%;min-width:0;container-type:inline-size;container-name:video-container;display:flex;flex-direction:column;gap:2px!important;padding:0!important}.video-stage-canvas{position:relative;width:100%;aspect-ratio:16 / 9;border-radius:8px;overflow:hidden;container-type:inline-size;container-name:stage-canvas}.cue-transition-overlay{position:absolute;inset:0;background-color:#00000073;pointer-events:none;z-index:25;animation:cue-dip-fade .12s ease-out forwards}@keyframes cue-dip-fade{0%{opacity:0}35%{opacity:.8}to{opacity:0}}.video-placeholder{width:100%;aspect-ratio:16 / 9;position:relative;background:radial-gradient(circle at center,#172033,#0c101c);border:1px solid var(--border-color);border-radius:10px;overflow:hidden;box-shadow:0 8px 24px #00000080}.empty-video-card{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;text-align:center;gap:8px}.empty-video-icon{margin-bottom:4px;opacity:.8}.empty-video-title{margin:0;font-size:calc(18px * var(--ui-text-zoom, 1));font-weight:700;color:#f1f5f9}.empty-video-desc{margin:0;font-size:calc(13px * var(--ui-text-zoom, 1));color:var(--text-muted);max-width:380px}.empty-video-actions{display:flex;flex-direction:column;gap:10px;margin-top:8px;width:100%;max-width:440px;align-items:center}.empty-video-load-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 22px;font-size:calc(13.5px * var(--ui-text-zoom, 1));font-weight:600;border-radius:8px;background:linear-gradient(135deg,#2563eb,#1d4ed8);border:1px solid rgba(59,130,246,.45);color:#fff;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 16px #2563eb59;width:100%}.empty-video-load-btn:hover{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 6px 20px #3b82f680;transform:translateY(-1px)}.empty-video-load-btn:active{transform:translateY(0)}.empty-video-secondary-row{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;flex-wrap:wrap;margin-top:4px}.empty-video-editor-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:6px;background-color:#ffffff14;border:1px solid rgba(255,255,255,.2);color:#e2e8f0;font-size:calc(12px * var(--ui-text-zoom, 1));font-weight:600;cursor:pointer;transition:all .15s}.empty-video-editor-btn:hover{background-color:#ffffff24;color:#fff}.empty-video-sample-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:6px;background-color:#ffffff0f;border:1px solid rgba(255,255,255,.15);color:#93c5fd;font-size:calc(12px * var(--ui-text-zoom, 1));font-weight:500;cursor:pointer;transition:all .15s}.empty-video-sample-btn:hover{background-color:#3b82f626;color:#fff}.empty-video-inline-form{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%;max-width:460px;margin-top:6px;animation:fadeIn .2s ease}.empty-video-inline-wrapper{display:flex;align-items:center;gap:8px;width:100%;background:#0f172ae6;border:1px solid rgba(59,130,246,.45);border-radius:8px;padding:5px 6px 5px 12px;box-shadow:0 4px 18px #0009;box-sizing:border-box}.empty-video-inline-icon{flex-shrink:0;opacity:.85}.empty-video-inline-input{flex:1;min-width:0;background:transparent;border:none;outline:none;color:#f1f5f9;font-size:calc(13px * var(--ui-text-zoom, 1));font-family:inherit}.empty-video-inline-input::placeholder{color:#64748b}.empty-video-inline-paste-btn{display:inline-flex;align-items:center;justify-content:center;padding:6px 8px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:var(--text-muted);cursor:pointer;transition:all .15s ease;flex-shrink:0}.empty-video-inline-paste-btn:hover{background:#ffffff1f;color:#fff}.empty-video-inline-submit{display:inline-flex;align-items:center;justify-content:center;padding:7px 16px;font-size:calc(12.5px * var(--ui-text-zoom, 1));font-weight:600;border-radius:6px;flex-shrink:0;white-space:nowrap}.empty-video-cancel-btn{background:transparent;border:none;color:var(--text-muted);font-size:calc(12px * var(--ui-text-zoom, 1));cursor:pointer;padding:4px 10px;border-radius:4px;transition:all .15s ease}.empty-video-cancel-btn:hover{color:#cbd5e1;text-decoration:underline}.video-title-overlay{position:absolute;top:0;left:0;right:0;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:10;pointer-events:none;padding:0 20px}.paired-title-container{position:relative;display:flex;flex-direction:column;align-items:center;gap:0;padding:10px 20px;border-radius:0;text-align:center;line-height:1.25;max-width:90%;pointer-events:none;font-size:var(--title-font-size, 28px)}.paired-title-container.mode-separated{padding:0!important;background-color:transparent!important;gap:0!important;border-radius:0!important}.paired-title-container.mode-separated .paired-title-line{display:inline-block;width:fit-content;max-width:100%;padding:4px 16px;border-radius:0!important;border:none!important;margin:0!important;background-color:rgba(0,0,0,var(--title-bg-alpha, .2));box-sizing:border-box}.paired-title-container.mode-unified{padding:10px 20px;border-radius:0}.paired-title-container.mode-unified .paired-title-line{background:transparent;padding:0;border-radius:0}.main-content.editor-video-shrunk .paired-title-container.mode-separated,.main-content.controls-video-shrunk .paired-title-container.mode-separated,.main-content.video-shrunk .paired-title-container.mode-separated{padding:0!important;gap:0!important;border-radius:0!important}.main-content.editor-video-shrunk .paired-title-container.mode-separated .paired-title-line,.main-content.controls-video-shrunk .paired-title-container.mode-separated .paired-title-line,.main-content.video-shrunk .paired-title-container.mode-separated .paired-title-line{padding:2px 8px!important;border-radius:0!important;border:none!important;margin:0!important}.main-content.editor-video-shrunk .subtitle-overlay.mode-separated,.main-content.controls-video-shrunk .subtitle-overlay.mode-separated,.main-content.video-shrunk .subtitle-overlay.mode-separated{padding:0!important;border-radius:0!important}.main-content.editor-video-shrunk .subtitle-overlay.mode-separated .subtitle-content,.main-content.controls-video-shrunk .subtitle-overlay.mode-separated .subtitle-content,.main-content.video-shrunk .subtitle-overlay.mode-separated .subtitle-content{gap:0!important}.main-content.editor-video-shrunk .subtitle-overlay.mode-separated .caption-line,.main-content.controls-video-shrunk .subtitle-overlay.mode-separated .caption-line,.main-content.video-shrunk .subtitle-overlay.mode-separated .caption-line{padding:2px 6px!important;border-radius:0!important;border:none!important;margin:0!important}.paired-title-container *{pointer-events:none}.paired-title-container.touch-interactive,.paired-title-container.touch-interactive *{pointer-events:auto;touch-action:manipulation;cursor:pointer}.paired-title-container.touch-adjusting,.paired-title-container.touch-adjusting *{touch-action:none;cursor:move}.paired-title-container.touch-interactive{user-select:none;-webkit-user-select:none}.paired-title-container.touch-interactive .title-touch-hud{pointer-events:none}.paired-title-container.touch-manipulating,.paired-title-container.touch-adjusting{outline:2px dashed rgba(251,191,36,.9);outline-offset:2px;box-shadow:0 0 18px #fbbf2459}.title-touch-hud{position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%);display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:999px;background:#0f172aeb;border:1px solid rgba(251,191,36,.7);color:#fef3c7;font-family:monospace;font-size:11px;font-weight:700;white-space:nowrap;pointer-events:none;box-shadow:0 4px 12px #00000080;z-index:20}.title-touch-hud-sep{color:#fbbf24}.paired-title-line{word-break:break-word;white-space:pre-wrap}.title-line-1{color:#fff;font-weight:700;letter-spacing:-.2px}.title-line-2{color:#fde68a;font-weight:600;font-size:var(--title-taigi-scale, 1.2em)}.stage-quick-bar-wrapper{position:relative;z-index:40;display:flex;align-items:center;gap:4px;width:100%!important;max-width:100%!important;box-sizing:border-box!important}.stage-docked-toolbar-btn,.stage-docked-search-btn{display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:3px 8px;background-color:#0b1120;border:1px solid rgba(255,255,255,.15);border-radius:6px;color:#94a3b8;font-size:calc(11px * var(--ui-text-zoom, 1));font-weight:600;cursor:pointer;flex-shrink:0;white-space:nowrap;transition:all .15s ease;height:28px;box-sizing:border-box;touch-action:manipulation}.stage-docked-toolbar-btn:hover,.stage-docked-search-btn:hover{background-color:#1e293bf2;border-color:#ffffff40;color:#fff}.stage-docked-toolbar-btn.active,.stage-docked-search-btn.active{background:#3b82f633;border-color:var(--primary-color);color:#60a5fa;font-weight:700}.stage-quick-bar{position:relative;z-index:40;display:flex;align-items:center;justify-content:flex-start;gap:6px;padding:2px 6px!important;background-color:#0b1120;border:1px solid rgba(255,255,255,.1);border-radius:6px;font-size:calc(11.5px * var(--ui-text-zoom, 1));flex:1 1 auto;min-width:0;box-sizing:border-box!important;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;white-space:nowrap;flex-wrap:nowrap!important;scrollbar-width:thin;scrollbar-color:rgba(148,163,184,.45) transparent;touch-action:pan-x;margin:0}.stage-quick-bar::-webkit-scrollbar{height:3px}.stage-quick-bar::-webkit-scrollbar-track{background:transparent}.stage-quick-bar::-webkit-scrollbar-thumb{background:#94a3b873;border-radius:3px}.stage-quick-bar::-webkit-scrollbar-thumb:hover{background:#94a3b8a6}.stage-left-cluster{display:flex;align-items:center;gap:6px;flex-shrink:0}.stage-timecode{display:flex;align-items:center;gap:4px;flex-shrink:0}.timecode-label{font-size:calc(9px * var(--ui-text-zoom, 1));font-weight:800;color:#64748b;letter-spacing:.5px}.timecode-value{font-family:monospace;font-size:calc(11px * var(--ui-text-zoom, 1));font-weight:700;color:#38bdf8}.stage-micro-seek-cluster{display:inline-flex;align-items:center;gap:2px;background:#0f172ab3;border:1px solid rgba(255,255,255,.1);border-radius:5px;padding:1px 2px}.stage-micro-btn{background:transparent;border:none;border-radius:3px;color:#94a3b8;font-family:monospace;font-size:calc(9.5px * var(--ui-text-zoom, 1));font-weight:600;padding:2px 4px;cursor:pointer;touch-action:manipulation;transition:all .15s ease;line-height:1.2}.stage-micro-btn:hover{background:#38bdf833;color:#38bdf8}.stage-micro-btn:active{transform:scale(.92);background:#0284c7;color:#fff}.stage-cue-preview{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-muted);font-size:calc(12px * var(--ui-text-zoom, 1))}.stage-cue-text{color:#e2e8f0;font-weight:500}.stage-cue-empty{color:#64748b;font-style:italic}.stage-transport-group{display:inline-flex;align-items:center;gap:2px;background-color:#0b1120;padding:2px 3px;border-radius:5px;border:1px solid #1e293b;box-shadow:inset 0 1px 2px #0006;flex-shrink:0}.stage-transport-btn{display:inline-flex;align-items:center;justify-content:center;gap:3px;padding:3px 6px;border:1px solid transparent;background:transparent;color:#94a3b8;font-size:calc(11px * var(--ui-text-zoom, 1));font-weight:600;letter-spacing:.2px;border-radius:4px;cursor:pointer;touch-action:manipulation;transition:all .18s cubic-bezier(.16,1,.3,1);-webkit-user-select:none;user-select:none;line-height:1.2}.stage-transport-btn:hover:not(:disabled){color:#f8fafc;background-color:#ffffff14}.stage-transport-btn:active:not(:disabled){transform:scale(.96)}.stage-transport-btn:disabled{opacity:.35;cursor:not-allowed}.stage-loop-btn.active{background:#10b98138;border-color:#10b98180;color:#34d399;font-weight:700}.stage-mode-switcher{display:flex;align-items:center;gap:3px;background-color:#0b1120;padding:3px;border-radius:6px;border:1px solid #1e293b;box-shadow:inset 0 1px 2px #0006;flex-shrink:0}.mode-btn{display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:3px 7px;border:1px solid transparent;background:transparent;color:#94a3b8;font-size:calc(11px * var(--ui-text-zoom, 1));font-weight:600;letter-spacing:.2px;border-radius:4px;cursor:pointer;transition:all .18s cubic-bezier(.16,1,.3,1);-webkit-user-select:none;user-select:none;line-height:1.2}.mode-btn:hover{color:#f8fafc;background-color:#ffffff14}.mode-btn:active{transform:scale(.96)}.mode-btn.active{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border-color:#3b82f6;box-shadow:0 1px 4px #2563eb66;font-weight:700}.stage-mode-switcher>button:nth-of-type(2),.mode-btn-l1{color:#93c5fd}.stage-mode-switcher>button:nth-of-type(2):hover,.mode-btn-l1:hover{background-color:#3b82f626;color:#dbeafe;border-color:#3b82f666}.stage-mode-switcher>button:nth-of-type(2).active,.mode-btn-l1.active{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border-color:#60a5fa;box-shadow:0 1px 6px #2563eb80}.stage-mode-switcher>button:nth-of-type(3),.mode-btn-l2{color:#fde68a}.stage-mode-switcher>button:nth-of-type(3):hover,.mode-btn-l2:hover{background-color:#f59e0b26;color:#fef08a;border-color:#f59e0b66}.stage-mode-switcher>button:nth-of-type(3).active,.mode-btn-l2.active{background:linear-gradient(135deg,#d97706,#b45309);color:#fff;border-color:#fbbf24;box-shadow:0 1px 6px #d9770680}.stage-mode-divider{width:1px;height:16px;background-color:#334155;margin:0 2px;flex-shrink:0}.mode-swap-btn{color:#38bdf8;background-color:#38bdf814;border:1px solid rgba(56,189,248,.25);font-weight:600}.mode-swap-btn:hover{color:#e0f2fe;background-color:#38bdf833;border-color:#38bdf873;box-shadow:0 0 8px #38bdf840}.mode-swap-btn .swap-icon{transition:transform .3s cubic-bezier(.16,1,.3,1)}.mode-swap-btn:hover .swap-icon{transform:rotate(180deg)}.mode-swap-btn:active{transform:scale(.95);background-color:#38bdf84d}.mode-swap-btn.active{color:#fff;background-color:#0ea5e973;border-color:#38bdf8;box-shadow:0 0 10px #38bdf880}.mode-swap-btn.active .swap-icon{transform:rotate(180deg)}.stage-theater-btn{display:inline-flex;align-items:center;gap:4px;padding:3px 7px;border:1px solid rgba(245,158,11,.35);background-color:#f59e0b14;color:#fbbf24;border-radius:4px;font-size:calc(11px * var(--ui-text-zoom, 1));font-weight:600;cursor:pointer;transition:all .15s cubic-bezier(.16,1,.3,1);white-space:nowrap}.stage-theater-btn:hover{background-color:#f59e0b33;border-color:#f59e0b;color:#fff;box-shadow:0 0 10px #f59e0b40}.stage-theater-btn.active{background:linear-gradient(135deg,#d9770659,#b4530959);border-color:#fbbf24;color:#fef08a;box-shadow:0 1px 6px #d9770673}.stage-pure-btn{display:inline-flex;align-items:center;gap:4px;padding:3px 7px;border:1px solid rgba(56,189,248,.35);background-color:#38bdf814;color:#38bdf8;border-radius:4px;font-size:calc(11px * var(--ui-text-zoom, 1));font-weight:600;cursor:pointer;transition:all .15s cubic-bezier(.16,1,.3,1);white-space:nowrap}.stage-pure-btn:hover{background-color:#38bdf838;border-color:#38bdf8;color:#fff;box-shadow:0 0 10px #38bdf84d}.stage-shrink-btn{display:inline-flex;align-items:center;gap:4px;padding:3px 7px;border:1px solid rgba(129,140,248,.35);background-color:#818cf814;color:#a5b4fc;border-radius:4px;font-size:calc(11px * var(--ui-text-zoom, 1));font-weight:600;cursor:pointer;transition:all .15s cubic-bezier(.16,1,.3,1);white-space:nowrap}.stage-shrink-btn:hover{background-color:#818cf833;border-color:#818cf8;color:#fff;box-shadow:0 0 10px #6366f140}.stage-shrink-btn.active{background:linear-gradient(135deg,#6366f14d,#4f46e54d);border-color:#818cf8;color:#e0e7ff;box-shadow:0 1px 6px #6366f166}.sidebar-controls{width:100%;min-width:0;display:flex;flex-direction:column}.sidebar-dock-card{background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:10px;overflow:hidden;box-shadow:0 4px 16px #0000004d}.controls-section,.editor-section,.guide-section-wrapper{width:100%;padding:12px;box-sizing:border-box}.main-content.in-caption-editor,.main-content.in-controls-tab{gap:3px;max-height:calc(100vh - 56px);max-height:calc(100dvh - 56px);overflow-y:clip}.main-content.in-caption-editor .video-section,.main-content.in-controls-tab .video-section{gap:2px;padding-bottom:0}.main-content.in-caption-editor .sidebar-controls,.main-content.in-controls-tab .sidebar-controls{margin-top:0}.main-content.in-caption-editor .sidebar-dock-card,.main-content.in-controls-tab .sidebar-dock-card{margin-top:0;overflow:visible}.main-content.in-caption-editor .editor-section{padding:0}.main-content.in-caption-editor .editor-container{margin-top:0;padding-top:0}.main-content.in-controls-tab .controls-section{padding-top:0;padding-left:6px;padding-right:6px}.empty-state-message{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:var(--text-muted);text-align:center;gap:8px}.empty-editor-wrapper{display:flex;flex-direction:column;width:100%;height:100%;min-height:0}.empty-editor-card{padding:48px 20px}.empty-editor-options{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:10px;flex-wrap:wrap}.empty-editor-option-btn{display:inline-flex;align-items:center;gap:5px;background:transparent;border:none;color:#93c5fd;font-size:calc(12.5px * var(--ui-text-zoom, 1));font-weight:500;cursor:pointer;padding:4px 8px;border-radius:5px;transition:all .15s ease}.empty-editor-option-btn:hover{background-color:#3b82f626;color:#fff}.empty-editor-divider{color:#475569;font-size:14px;-webkit-user-select:none;user-select:none}.empty-editor-text-form{display:flex;flex-direction:column;gap:10px;width:100%;max-width:480px;margin-top:8px;animation:fadeIn .2s ease}.empty-editor-textarea{width:100%;background:#0f172ae6;border:1px solid rgba(59,130,246,.45);border-radius:8px;padding:10px 12px;color:#f1f5f9;font-family:monospace;font-size:calc(12.5px * var(--ui-text-zoom, 1));resize:vertical;min-height:90px;box-sizing:border-box;outline:none;box-shadow:0 4px 18px #0009}.empty-editor-textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px #3b82f640}.empty-editor-actions-row{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}.empty-editor-paste-btn{display:inline-flex;align-items:center;justify-content:center;padding:7px 14px;font-size:calc(12.5px * var(--ui-text-zoom, 1));border-radius:6px;background-color:#ffffff0f;border:1px solid rgba(255,255,255,.12);color:#cbd5e1;cursor:pointer;transition:all .15s ease}.empty-editor-paste-btn:hover{background-color:#ffffff24;color:#fff}.mt-3{margin-top:12px}.guide-section-wrapper{max-height:calc(100vh - 220px);overflow-y:auto}.toast-notification{position:fixed;top:68px;right:20px;z-index:100000;display:flex;align-items:center;gap:10px;padding:10px 16px;border-radius:6px;background-color:#1e293b;color:#f8fafc;border:1px solid #334155;box-shadow:0 8px 24px #00000080;font-size:calc(13px * var(--ui-text-zoom, 1));animation:toastSlideIn .2s cubic-bezier(.16,1,.3,1);max-width:400px}@keyframes toastSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.toast-notification.success{border-left:4px solid var(--secondary-color)}.toast-notification.error{border-left:4px solid #ef4444}.toast-notification.info{border-left:4px solid var(--primary-color)}.toast-text{flex:1;word-break:break-word}.toast-close{background:none;border:none;color:#94a3b8;cursor:pointer;font-size:calc(16px * var(--ui-text-zoom, 1));line-height:1;padding:0 4px}.toast-close:hover{color:#fff}.app-footer{padding:16px 20px;text-align:center;color:#64748b;font-size:calc(12px * var(--ui-text-zoom, 1));border-top:1px solid var(--border-color);margin-top:auto;display:flex;flex-direction:column;gap:6px;align-items:center}.app-footer-motto{margin:0;color:#94a3b8;font-size:calc(13px * var(--ui-text-zoom, 1));letter-spacing:.01em}.app-footer-copyright{margin:0;color:#64748b;font-size:calc(12px * var(--ui-text-zoom, 1))}@media(max-width:768px){.btn-text-hide-mobile{display:none}.app-header{padding:0 12px;gap:10px}.main-content{padding:12px}}.app-container.pure-mode{--pure-bars-offset: 76px;min-height:100vh;min-height:100dvh;height:100vh;height:100dvh;max-height:100dvh;background-color:#030712;overflow:hidden;display:flex;flex-direction:column}@media(pointer:coarse){.app-container.pure-mode{--pure-bars-offset: 82px}}.app-container.pure-mode .app-header,.app-container.pure-mode .app-footer,.app-container.pure-mode .sidebar-controls,.app-container.pure-mode .stage-quick-bar{display:none!important}.app-container.pure-mode .main-content{padding:max(4px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(4px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left))!important;margin:0;max-width:100vw;width:100vw;height:100vh;height:100dvh;max-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;grid-template-columns:1fr;overflow:hidden;box-sizing:border-box}.app-container.pure-mode .video-section{width:100%!important;max-width:min(calc(100vw - 16px),calc((100dvh - var(--pure-bars-offset, 76px)) * 16 / 9))!important;max-height:100dvh!important;margin:auto!important;position:relative!important;top:auto!important;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2px!important;box-shadow:none!important;padding:0!important;box-sizing:border-box!important}.app-container.pure-mode .video-stage-canvas{width:100%!important;max-width:100%!important;aspect-ratio:16 / 9!important;max-height:calc(100dvh - var(--pure-bars-offset, 76px))!important;border-radius:8px;overflow:hidden;box-shadow:0 8px 32px #000000d9;flex-shrink:1}.app-container.pure-mode .video-container{border-radius:8px;box-shadow:none}.app-container.pure-mode .video-placeholder{width:100%!important;max-width:100%!important;aspect-ratio:16 / 9!important;max-height:calc(100dvh - var(--pure-bars-offset, 76px))!important;border-radius:8px;border:none}@media(orientation:portrait){.app-container.pure-mode .main-content{padding:max(4px,env(safe-area-inset-top)) max(6px,env(safe-area-inset-right)) max(4px,env(safe-area-inset-bottom)) max(6px,env(safe-area-inset-left))!important}.app-container.pure-mode .video-section{width:100%!important;max-width:min(calc(100vw - 12px),calc((100dvh - var(--pure-bars-offset, 76px)) * 16 / 9))!important}.app-container.pure-mode .video-stage-canvas,.app-container.pure-mode .video-placeholder{width:100%!important;max-width:100%!important}}@media(max-width:680px){.stage-transport-label{display:none}}.nav-tab-btn,.header-tool-btn,.quick-sample-btn,.stage-transport-btn,.stage-shrink-btn,.stage-pure-btn,.stage-theater-btn,.empty-video-load-btn,.empty-video-editor-btn,.empty-video-sample-btn{touch-action:manipulation}@media(pointer:coarse){.nav-tab-btn,.header-tool-btn,.quick-sample-btn{min-height:38px;padding:8px 12px}.stage-quick-bar{padding:3px 6px!important;gap:6px}.stage-transport-btn,.mode-btn,.stage-shrink-btn,.stage-pure-btn,.stage-theater-btn,.stage-docked-toolbar-btn,.stage-docked-search-btn,.stage-quick-bar .video-overlay-trigger-btn{min-height:28px;padding:4px 7px}.empty-video-inline-input,.empty-editor-textarea{font-size:max(16px,calc(13px * var(--ui-text-zoom, 1)))}}