.subtitle-app-root{display:flex;flex-direction:column;height:100vh;background:#111619;color:#e9edef;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;overflow:hidden}.sub-header-bar{display:flex;align-items:center;justify-content:space-between;padding:0 20px;min-height:58px;background:#171d20;border-bottom:1px solid #303a3e;gap:16px;flex-shrink:0}.sub-header-title{display:flex;align-items:center;gap:12px}.sub-header-slash{color:#4a5c62;font-size:.95rem}.sub-header-toolname{font-weight:700;color:#f0f2f2;font-size:.92rem;letter-spacing:-.01em}.sub-header-badge{font-size:.65rem;font-weight:700;padding:3px 6px;border-radius:4px;background:#283437;color:#8fa5a7;text-transform:uppercase;letter-spacing:.05em}.wordmark{display:inline-flex;align-items:center;gap:10px;color:#e9edef;font-size:.96rem;font-weight:750;letter-spacing:-.025em;text-decoration:none}.wordmark-icon{width:28px;height:28px;display:grid;place-items:center;border:1px solid #fa9460;border-radius:5px;background:#ef8147;color:#171a1b;font-size:.72rem}.wordmark-light{color:#909da1;font-weight:500}.sub-header-actions{display:flex;align-items:center;gap:10px}.sub-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:5px;font-size:.82rem;font-weight:600;border:1px solid #394448;background:#20272a;color:#cbd5d8;cursor:pointer;transition:all .15s ease;text-decoration:none}.sub-btn:hover{background:#293337;border-color:#4f5f65;color:#fff}.sub-btn-primary{background:#ef8147;border-color:#f8945d;color:#111619;font-weight:700}.sub-btn-primary:hover{background:#f78d55;border-color:#ffa370;color:#111619}.sub-btn-ai{background:linear-gradient(135deg,#2b3940,#1d2e33);border:1px solid #ff9b62;color:#ffb88f}.sub-btn-ai:hover{background:#344750;border-color:#ffb080;color:#fff}.sub-workspace{display:grid;grid-template-columns:1.1fr 1fr;flex:1;overflow:hidden;background:#111619}.sub-video-stage{display:flex;flex-direction:column;background:#141a1d;border-right:1px solid #283135;overflow:hidden;position:relative}.sub-player-wrapper{position:relative;flex:1;display:flex;align-items:center;justify-content:center;background:#000;overflow:hidden;padding:12px}.sub-video-frame-container{position:relative;display:inline-flex;align-items:center;justify-content:center;max-width:100%;max-height:100%}.sub-video-element{max-width:100%;max-height:100%;display:block;outline:none}.sub-overlay-container{position:absolute;bottom:16px;left:6%;right:6%;display:flex;justify-content:center;pointer-events:none;z-index:10}.sub-overlay-text{background:#000000d9;color:#fff;padding:5px 12px;border-radius:4px;font-size:clamp(13px,1.9vw,20px);font-weight:600;line-height:1.35;text-align:center;white-space:pre-wrap;max-width:90%;box-shadow:0 4px 14px #0009;text-shadow:0 1px 2px rgba(0,0,0,.8)}.sub-controls-bar{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:#171d20;border-top:1px solid #283135;gap:12px;flex-shrink:0}.sub-controls-left{display:flex;align-items:center;gap:8px}.sub-time-display{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.8rem;color:#9cb1b5;padding-left:8px}.sub-time-current{color:#ff9b62;font-weight:700}.sub-controls-right{display:flex;align-items:center;gap:8px}.sub-speed-select{background:#20272a;color:#cbd5d8;border:1px solid #394448;border-radius:4px;padding:4px 6px;font-size:.75rem}.sub-editor-panel{display:flex;flex-direction:column;background:#171d20;overflow:hidden}.sub-editor-toolbar{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:#1b2226;border-bottom:1px solid #2d373b;gap:10px;flex-shrink:0}.sub-cue-count{font-size:.8rem;color:#8da0a4;font-weight:600}.sub-bulk-shift-bar{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;background:#141a1d;border-bottom:1px solid #283135;font-size:.75rem;color:#8fa2a6}.sub-shift-btns{display:flex;gap:4px}.sub-btn-nudge{padding:3px 7px;font-size:.72rem;border-radius:3px;background:#20272a;border:1px solid #333f44;color:#cbd5d8;cursor:pointer}.sub-btn-nudge:hover{background:#2b363b;border-color:#ff9b62;color:#fff}.sub-cue-list{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:10px}.sub-cue-card{display:flex;flex-direction:column;background:#1e262a;border:1px solid #313d42;border-radius:6px;padding:10px 12px;gap:8px;cursor:pointer;transition:border-color .15s ease,background .15s ease}.sub-cue-card:hover{border-color:#495a62}.sub-cue-card.active{border-color:#ef8147;background:#242c30;box-shadow:0 0 0 1px #ef814733}.sub-cue-card-top{display:flex;align-items:center;justify-content:space-between;font-size:.75rem;color:#889ba0;gap:8px}.sub-cue-top-left{display:flex;align-items:center;gap:8px}.sub-cue-index{font-weight:700;color:#ff9b62;font-size:.78rem}.sub-play-cue-btn{background:#252f34;color:#d1dde0;font-weight:600;padding:2px 7px;font-size:.72rem;border-radius:4px}.sub-play-cue-btn:hover{background:#313e45;color:#fff}.sub-cue-times{display:flex;align-items:center;gap:5px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.sub-time-input{background:#141a1d;border:1px solid #38464c;color:#e2e8ea;border-radius:4px;padding:3px 6px;font-size:.76rem;width:82px;text-align:center;font-family:inherit}.sub-time-input:focus{outline:none;border-color:#ef8147}.sub-time-arrow{color:#5d7177;font-size:.7rem}.sub-delete-btn{background:transparent;border:none;color:#6c7f84;cursor:pointer;font-size:.82rem;padding:3px 6px;border-radius:4px;line-height:1}.sub-delete-btn:hover{background:#2d1e1e;color:#ff7b77}.sub-cue-textarea{width:100%;box-sizing:border-box;background:#151b1e;border:1px solid #303d42;color:#f0f4f5;border-radius:4px;padding:8px 10px;font-size:.88rem;line-height:1.45;resize:vertical;min-height:48px;font-family:inherit}.sub-cue-textarea:focus{outline:none;border-color:#ef8147;background:#171e21}.sub-cue-actions{display:flex;align-items:center;justify-content:space-between;padding-top:6px;border-top:1px solid #2a3539;gap:8px}.sub-cue-actions-left{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.sub-nudge-buttons{display:flex;gap:3px}.sub-cue-actions-right{display:flex;align-items:center;gap:6px}.sub-char-badge{font-size:.68rem;color:#66797d;background:#161c1e;padding:2px 6px;border-radius:10px;border:1px solid #283337;white-space:nowrap}.sub-char-badge.is-long{color:#ff9b62;background:#2a1f18;border-color:#55331e}.sub-action-btn{background:transparent;border:1px solid #344046;border-radius:3px;color:#9cb1b5;font-size:.7rem;padding:2px 6px;cursor:pointer;transition:all .1s ease}.sub-action-btn:hover{background:#293438;border-color:#55676f;color:#e6eef0}.sub-action-btn-danger:hover{border-color:#d9534f;color:#ff7b77}.sub-empty-stage{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;text-align:center;gap:16px}.sub-dropzone{border:2px dashed #3a474d;border-radius:10px;padding:48px 36px;display:flex;flex-direction:column;align-items:center;gap:12px;background:#171d20;max-width:480px;width:100%;cursor:pointer;transition:border-color .2s ease,background .2s ease}.sub-dropzone:hover,.sub-dropzone.drag-active{border-color:#ef8147;background:#1c2427}.sub-dropzone-icon{font-size:2.4rem}.sub-dropzone h2{font-size:1.15rem;font-weight:600;color:#e9edef;margin:0}.sub-dropzone p{font-size:.85rem;color:#889ba0;margin:0;line-height:1.5}.sub-trust-pill{display:inline-flex;align-items:center;gap:6px;font-size:.75rem;color:#8ca38f;background:#17241d;padding:4px 10px;border-radius:20px;border:1px solid #244230}.sub-modal-backdrop{position:fixed;inset:0;background:#000000bf;display:grid;place-items:center;z-index:100;backdrop-filter:blur(4px)}.sub-modal-card{background:#1a2225;border:1px solid #36444a;border-radius:8px;padding:24px;width:90%;max-width:500px;display:flex;flex-direction:column;gap:18px;box-shadow:0 16px 48px #0009}.sub-modal-header{display:flex;align-items:center;justify-content:space-between}.sub-modal-header h3{font-size:1.1rem;margin:0;color:#f0f4f5}.sub-modal-close{background:transparent;border:none;color:#8da1a6;font-size:1.2rem;cursor:pointer}.sub-progress-bar-bg{width:100%;height:8px;background:#252e32;border-radius:4px;overflow:hidden}.sub-progress-bar-fill{height:100%;background:linear-gradient(90deg,#ef8147,#f7a66e);transition:width .3s ease}.sub-progress-bar-fill.animated-shimmer{background:linear-gradient(90deg,#e7773d,#ffd0a8,#e7773d);background-size:200% 100%;animation:progressShimmer 1.5s linear infinite}@keyframes progressShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.sub-audio-equalizer{display:flex;align-items:center;justify-content:center;gap:6px;height:42px;padding:6px 0}.sub-audio-bar{width:5px;background:#ff9b62;border-radius:3px;animation:soundWave 1.1s ease-in-out infinite alternate}.sub-audio-bar.bar-1{height:12px;animation-delay:.1s}.sub-audio-bar.bar-2{height:28px;animation-delay:.35s;background:#fca876}.sub-audio-bar.bar-3{height:18px;animation-delay:.15s}.sub-audio-bar.bar-4{height:36px;animation-delay:.45s;background:#ffba92}.sub-audio-bar.bar-5{height:22px;animation-delay:.25s}.sub-audio-bar.bar-6{height:14px;animation-delay:.3s}@keyframes soundWave{0%{transform:scaleY(.25);opacity:.4}50%{transform:scaleY(1);opacity:1}to{transform:scaleY(.35);opacity:.5}}.sub-pulse-dot{width:8px;height:8px;border-radius:50%;background:#5f987a;box-shadow:0 0 #5f987ab3;animation:pulseGlow 1.6s infinite;display:inline-block}@keyframes pulseGlow{0%{transform:scale(.95);box-shadow:0 0 #5f987ab3}70%{transform:scale(1.1);box-shadow:0 0 0 6px #5f987a00}to{transform:scale(.95);box-shadow:0 0 #5f987a00}}@media(max-width:900px){.sub-workspace{grid-template-columns:1fr;grid-template-rows:1fr 1fr}}.sub-empty-cue-container{display:flex;flex-direction:column;gap:12px;padding:12px 4px}.sub-empty-cue-card{background:#1c2428;border:1px solid #313e43;border-radius:8px;padding:14px 16px;display:flex;flex-direction:column;gap:8px;transition:border-color .2s ease,background .2s ease}.sub-empty-cue-card:hover{border-color:#4a5c64;background:#20292e}.sub-empty-cue-card.sub-empty-hero{border-color:#ef814755;background:linear-gradient(135deg,#252e33,#1d2528);box-shadow:0 4px 16px #0003}.sub-empty-cue-card.sub-empty-hero:hover{border-color:#ef8147}.sub-empty-cue-top{display:flex;align-items:center;gap:10px}.sub-empty-cue-top h4{margin:0;font-size:.92rem;color:#eef2f3;font-weight:650}.sub-empty-cue-icon{font-size:1.15rem}.sub-empty-cue-card p{margin:0;font-size:.8rem;color:#8da1a5;line-height:1.45}