.subtitle-page-heading{max-width:1680px;margin:auto;padding:36px 32px 24px;display:flex;justify-content:space-between;align-items:center;gap:24px}.subtitle-page-heading h1{font-size:clamp(26px,3vw,42px);font-weight:800;line-height:1.15;letter-spacing:-.025em}.subtitle-page-heading p{max-width:760px;font-size:15px;line-height:1.7;margin-top:12px;color:#666272}.subtitle-page-heading-compact{padding:14px 24px}.subtitle-page-heading-compact h1{font-size:22px}.subtitle-page-heading-compact p{font-size:12px;margin-top:4px}.subtitle-privacy{display:flex;align-items:center;gap:7px;color:#357758;font-size:12px;font-weight:600;white-space:nowrap}.subtitle-start{padding-block:12px 32px}.subtitle-dropzone{display:flex;width:100%;min-height:300px;flex-direction:column;align-items:center;justify-content:center;gap:14px;border:2px dashed #bdb6cc;border-radius:12px;background:#faf9fc;padding:28px;text-align:center}.subtitle-dropzone:hover{border-color:#7c3aed;background:#f7f3ff}.subtitle-dropzone>span{display:grid;place-items:center;width:64px;height:64px;border-radius:16px;background:#ede5ff;color:#7c3aed}.subtitle-dropzone strong{font-size:20px}.subtitle-dropzone p,.subtitle-start-secondary>span{color:#747180;font-size:13px}.subtitle-start-secondary{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:18px;flex-wrap:wrap}.subtitle-workspace.editor-workspace{scroll-margin-top:70px;height:calc(100dvh - 172px);min-height:620px;max-height:1000px;margin:0 20px;border:1px solid var(--editor-border);border-radius:10px}.subtitle-editor-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 16px;border-bottom:1px solid var(--editor-border);flex-shrink:0}.subtitle-file{display:flex;align-items:center;gap:10px;min-width:0}.subtitle-file>svg{flex-shrink:0;color:var(--editor-accent)}.subtitle-file>div{min-width:0}.subtitle-file strong{display:block;max-width:450px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.subtitle-file span{display:block;font-size:11px;color:var(--editor-muted)}.subtitle-export-actions{display:flex;gap:8px;flex-shrink:0}.subtitle-export-actions .editor-secondary-button{font-size:12px}.subtitle-status{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 16px;border-bottom:1px solid var(--editor-border);font-size:12px;background:var(--editor-accent-soft);flex-shrink:0}.subtitle-status[role=alert]{color:#b91c1c;background:#fef2f2}.subtitle-status button{text-decoration:underline;margin-left:auto}.subtitle-status progress{max-width:200px;accent-color:var(--editor-accent)}.subtitle-workspace .subtitle-editor-body{grid-template-columns:64px 350px minmax(0,1fr)}.subtitle-workspace .subtitle-tool-panel{display:flex;flex-direction:column;position:static;width:auto;box-shadow:none}.subtitle-workspace .subtitle-tool-panel .editor-panel-heading h2{font-size:15px}.subtitle-tool-panel .editor-panel-heading>span{font-size:11px;color:var(--editor-muted)}.subtitle-panel-scroll{overflow-y:auto;overscroll-behavior:contain;flex:1;min-height:0;min-width:0;padding:16px}.subtitle-setup>*+*{margin-top:16px}.subtitle-field{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:12px;font-weight:600;margin:16px 0}.subtitle-field select{width:100%;padding:9px;border:1px solid var(--editor-border);border-radius:6px;background:var(--editor-panel)}.subtitle-field input[type=range]{width:100%;accent-color:var(--editor-accent)}.subtitle-field>span{margin-left:auto;color:var(--editor-muted)}.subtitle-color{justify-content:space-between}.subtitle-color input{width:46px;height:28px;background:transparent}.subtitle-panel-divider{border-top:1px solid var(--editor-border);padding-top:20px;font-size:11px;color:var(--editor-muted);text-align:center}.subtitle-cue-toolbar{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--editor-border);flex-shrink:0}.subtitle-cue-toolbar label{display:flex;gap:8px;align-items:center;flex:1;min-width:0;padding:7px 9px;background:var(--editor-surface);border-radius:6px}.subtitle-cue-toolbar input{width:100%;min-width:0;background:transparent;outline:none;font-size:12px}.subtitle-cue-card{min-width:0;padding:10px;margin-bottom:10px;border:1px solid var(--editor-border);border-radius:8px}.subtitle-cue-card[data-active=true]{border-color:var(--editor-accent);background:var(--editor-accent-soft)}.subtitle-cue-card[data-selected=true]{box-shadow:inset 3px 0 var(--editor-accent)}.subtitle-cue-heading,.subtitle-cue-heading>button,.subtitle-cue-heading>div{display:flex;align-items:center;gap:8px}.subtitle-cue-heading{justify-content:space-between;margin-bottom:8px;font-size:11px;color:var(--editor-muted)}.subtitle-cue-heading>button{color:var(--editor-accent-text)}.subtitle-cue-heading>div button{padding:4px;border-radius:4px}.subtitle-cue-heading button:hover{background:var(--editor-hover)}.subtitle-cue-card textarea{width:100%;min-height:56px;resize:vertical;max-height:150px;padding:7px;border-radius:5px;background:var(--editor-panel);border:1px solid var(--editor-border);font-size:13px;line-height:1.6}.subtitle-cue-times{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:8px}.subtitle-cue-times label{display:flex;align-items:center;gap:5px;font-size:10px;color:var(--editor-muted)}.subtitle-cue-times input{min-width:0;width:100%;padding:4px;background:var(--editor-surface);border:1px solid var(--editor-border);border-radius:4px;font-size:11px}.subtitle-panel-footer{display:flex;justify-content:space-between;gap:10px;border-top:1px solid var(--editor-border);padding:12px 16px;font-size:11px;flex-shrink:0}.subtitle-panel-footer button{display:flex;align-items:center;gap:6px}.subtitle-panel-empty{display:flex;align-items:center;flex-direction:column;gap:16px;padding:26px 10px;text-align:center;color:var(--editor-muted)}.subtitle-position-buttons{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--editor-border);border-radius:6px;overflow:hidden;margin-top:16px}.subtitle-position-buttons button{padding:8px 4px;font-size:11px;border-right:1px solid var(--editor-border)}.subtitle-position-buttons button:last-child{border-right:0}.subtitle-position-buttons button:hover{background:var(--editor-hover)}.subtitle-style-panel .editor-caption-style-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.subtitle-style-panel .editor-caption-style-name{flex-wrap:wrap;font-size:11px}.subtitle-style-panel>.editor-muted-copy:first-child{margin-bottom:16px}.subtitle-preview-empty{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center;max-width:420px;margin:auto;color:var(--editor-muted)}.subtitle-preview-empty p{font-size:12px;line-height:1.8}.subtitle-preview-stage>div{height:100%;width:100%;min-height:0}.subtitle-transport{flex-wrap:nowrap;justify-content:flex-start;padding-inline:12px}.subtitle-transport>span{font-size:11px;font-variant-numeric:tabular-nums}.subtitle-transport input{flex:1;min-width:0;accent-color:var(--editor-accent)}.subtitle-timeline{flex-shrink:0;height:132px;border-top:1px solid var(--editor-border);background:var(--editor-panel)}.subtitle-timeline-title{font-size:11px;font-weight:600;padding:8px 14px;border-bottom:1px solid var(--editor-border)}.subtitle-timeline-scroll{overflow-x:auto;padding:0 12px 12px;height:94px}.subtitle-timeline-track{height:72px;position:relative}.subtitle-timeline-ruler{position:relative;height:26px;border-bottom:1px solid var(--editor-border)}.subtitle-timeline-ruler button{position:absolute;top:0;padding:4px 3px;font-size:9px;color:var(--editor-muted);border-left:1px solid var(--editor-border)}.subtitle-timeline-cue{position:absolute;top:34px;height:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;padding:4px 6px;font-size:10px;border:1px solid #cbb8f6;border-radius:4px;background:var(--editor-accent-soft);color:var(--editor-accent-text)}.subtitle-timeline-cue[aria-pressed=true]{background:var(--editor-accent);color:white;border-color:var(--editor-accent)}.subtitle-timeline-playhead{position:absolute;top:0;bottom:0;width:1px;background:#ef4444;pointer-events:none}@media (max-width:1100px){.subtitle-workspace .subtitle-editor-body{grid-template-columns:54px 300px minmax(0,1fr)}.subtitle-file strong{max-width:250px}}@media (max-width:767px){.subtitle-page-heading{padding:24px 20px 18px;flex-wrap:wrap;gap:12px}.subtitle-page-heading-compact{padding:12px 16px}.subtitle-page-heading-compact h1{font-size:18px}.subtitle-page-heading-compact .subtitle-privacy,.subtitle-page-heading-compact p{display:none}.subtitle-workspace.editor-workspace{margin:0 8px;height:calc(100dvh - 120px);min-height:680px;max-height:1000px}.subtitle-editor-header{flex-direction:column;align-items:stretch;gap:8px;padding:10px}.subtitle-file strong{max-width:260px}.subtitle-export-actions{gap:6px}.subtitle-export-actions>button{flex:1;min-width:0;font-size:10px!important;padding:8px 5px;white-space:normal}.subtitle-workspace .subtitle-editor-body{display:flex;flex-direction:column}.subtitle-workspace .editor-tool-rail{flex-direction:row;justify-content:center;border-right:0;border-bottom:1px solid var(--editor-border);flex-shrink:0;padding:4px;gap:12px;order:0}.subtitle-workspace .editor-tool-rail>button{width:auto;min-height:38px;flex-direction:row;padding:7px 12px;gap:6px}.subtitle-workspace .subtitle-center{order:1;flex-shrink:0;height:260px}.subtitle-workspace .subtitle-tool-panel{order:2;flex:1;min-height:0;border-top:1px solid var(--editor-border);border-right:0}.subtitle-timeline{display:none}.subtitle-workspace .editor-panel-heading{min-height:40px;padding:8px 14px}.subtitle-workspace .subtitle-preview-stage{padding:8px}.subtitle-panel-scroll{padding:12px}.subtitle-cue-toolbar{padding:7px 12px}.subtitle-cue-card{margin-bottom:8px}.subtitle-style-panel .editor-caption-style-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.subtitle-start{padding-top:0}.subtitle-dropzone{min-height:250px}}.subtitle-setup-dialog{width:min(760px,calc(100vw - 32px))}.subtitle-setup-steps{display:flex;gap:24px;margin:0 0 28px;padding:0;list-style:none}.subtitle-setup-steps li{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--editor-muted)}.subtitle-setup-steps li>span{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;border:1px solid var(--editor-border)}.subtitle-setup-steps li[aria-current=step],.subtitle-setup-steps li[data-complete=true]{color:var(--editor-accent-text);font-weight:600}.subtitle-setup-steps li[aria-current=step]>span,.subtitle-setup-steps li[data-complete=true]>span{background:var(--editor-accent-soft);border-color:var(--editor-accent)}.subtitle-setup-language{padding-block:8px 18px}.subtitle-setup-language h3,.subtitle-setup-progress h3{font-size:18px;font-weight:600;margin-bottom:8px}.subtitle-setup-language select{min-height:44px}.subtitle-setup-style-heading{margin-top:0}.subtitle-setup-style-heading h3{font-size:18px;outline:none}.subtitle-setup-privacy{display:flex;align-items:center;gap:7px;color:var(--editor-muted);font-size:11px;margin-bottom:14px}.subtitle-setup-actions{display:flex;align-items:center;justify-content:space-between;gap:14px}.subtitle-setup-import{text-decoration:underline;font-size:12px;color:var(--editor-muted)}.subtitle-setup-progress{display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px;padding:32px 12px}.subtitle-setup-progress>svg{color:var(--editor-accent)}.subtitle-setup-progress p{font-size:12px;color:var(--editor-muted)}.subtitle-setup-progress>div{display:flex;align-items:center;gap:10px;width:min(100%,320px);font-size:12px}.subtitle-setup-progress progress{flex:1;min-width:0;accent-color:var(--editor-accent)}@media (max-width:767px){.subtitle-setup-dialog{width:calc(100vw - 20px);max-height:calc(100dvh - 20px)}.subtitle-setup-dialog .editor-caption-dialog-body,.subtitle-setup-dialog .editor-caption-dialog-footer,.subtitle-setup-dialog .editor-caption-dialog-header{padding:16px}.subtitle-setup-dialog .editor-caption-style-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.subtitle-setup-actions{flex-wrap:wrap}.subtitle-setup-actions .editor-caption-dialog-actions{flex:1}.subtitle-setup-steps{gap:16px}}.subtitle-upgrade-section{padding-top:24px}.subtitle-upgrade{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 24px;border:1px solid #e6dff1;border-radius:10px;background:#fbf9ff;color:#292734}.subtitle-upgrade strong{display:block;font-size:14px;font-weight:600}.subtitle-upgrade p{font-size:13px;line-height:1.6;margin:5px 0;color:#625c6f}.subtitle-upgrade small{display:block;font-size:11px;color:#747180;line-height:1.6}.subtitle-upgrade>a{display:inline-flex;align-items:center;gap:6px;flex-shrink:0;color:#6d28d9;font-size:13px;font-weight:600;text-decoration:underline;text-underline-offset:3px}.subtitle-upgrade-compact{display:block;padding:14px 16px;margin-top:24px}.subtitle-upgrade-compact p,.subtitle-upgrade-compact strong{font-size:12px}.subtitle-upgrade-compact>a{margin-top:10px;font-size:12px}@media (max-width:767px){.subtitle-upgrade{align-items:flex-start;flex-direction:column;gap:12px;padding:16px}}