/* Surface proportions mapped to Kapwing's anonymous subtitle editor. */
body{font-family:var(--font-ui)}.topbar{min-height:70px;padding:10px 20px;gap:20px}.brand img{width:188px;height:44px;object-fit:contain}.project-title{padding-inline-start:20px}.project-title input{font-size:15px}.topbar .primary{min-height:44px}
main{position:relative;width:100%}.tool-rail{position:absolute;inset-block:0;inset-inline-start:0;width:90px;padding:10px 6px;border-inline-end:1px solid var(--line);border-bottom:0;align-items:flex-start;justify-content:flex-start;background:#141713}.task-links{flex-direction:column;width:100%;overflow:visible;gap:7px}.task-links a{flex-direction:column;gap:5px;min-height:67px;font-size:11px;padding:10px 3px;border:0;border-radius:12px}.task-links a[aria-current=page]{background:#303c21;color:var(--accent);box-shadow:inset 3px 0 var(--accent)}.task-links svg{width:22px;height:22px}.rail-wordmark{display:none}.desk{margin-inline-start:90px;padding:0 18px}.task-context{padding:17px 0;gap:18px}.task-context h1{font-family:var(--font-ui);font-size:23px;font-weight:800;letter-spacing:-.025em}.task-context p{font-size:12px}.workspace-kicker{display:none}.workspace{grid-template-columns:minmax(320px,.8fr) minmax(420px,1.25fr) 170px;grid-template-rows:440px 250px;grid-template-areas:'editor preview inspector' 'editor timeline timeline';gap:12px}.editor-panel{border-radius:var(--radius-panel)}.preview-panel{border-radius:var(--radius-panel)}.timeline-wrap{border-radius:12px}.panel-heading{min-height:50px}.stage{min-height:180px}.stage-badge{display:none!important}.cue-table-head{grid-template-columns:32px 108px 1fr}.cue{padding:14px 8px;gap:7px}.cue-body{grid-template-columns:108px minmax(0,1fr);padding-inline-end:44px}.timings input{width:103px;font-size:10px}.cue-body textarea{font-size:14px;line-height:1.75}.cue-foot{font-size:10px}.cue-buttons button{width:23px}.cue-toolbar button{font-size:11px;padding-inline:5px}.cue-toolbar .check{font-size:11px}.cue-table-head{font-size:9px}.preview-panel .viewer-heading h2{font-size:12px}.editor-panel>.panel-heading h2{font-size:14px}.quick-inspector{grid-area:inspector;display:flex;flex-direction:column;gap:10px;padding:14px 10px;border:1px solid var(--line);border-radius:var(--radius-panel);background:var(--surface)}.quick-inspector{overflow:auto}.quick-inspector>button{flex-shrink:0}.quick-inspector h2{font-size:13px}.quick-inspector p{font-size:11px;color:var(--muted);line-height:1.6}.quick-inspector button{white-space:normal;text-align:start;min-height:46px;background:var(--raised);border:1px solid var(--line);font-size:12px;border-radius:10px;padding:9px}.quick-inspector .style-example{display:block;font-weight:800;font-size:18px;padding:5px 2px;color:var(--text)}.style-example.outlined{-webkit-text-stroke:.5px #121412;text-shadow:1px 1px #121412}.quick-inspector .inspector-divider{height:1px;background:var(--line);margin:6px 0}.timeline-wrap{padding:12px}.timeline-header h2{font-size:13px}.monitor-status{font-size:11px}.monitor-status button{font-size:11px}.cue-list{scroll-padding:12px}.cue.selected{background:#27331d}.cue.playing{box-shadow:inset 3px 0 var(--accent)}.export-buttons{gap:10px}.export-buttons button{min-height:46px}.report-button{border:1px solid var(--line);border-radius:12px;margin-block:8px}dialog{border-radius:20px;border:1px solid #556149;background:#1b1e1b;padding:28px;max-height:90dvh;box-shadow:0 20px 100px #0009}dialog h2{font-size:24px;font-weight:800;letter-spacing:-.02em;margin-bottom:16px}dialog p,dialog label{line-height:1.7}dialog .field{margin-block:8px}dialog input,dialog select,dialog textarea{border-radius:10px}dialog .dialog-close{border-radius:10px;background:var(--raised)}.toast{border:1px solid var(--accent-depth);border-radius:14px;background:#263219;color:var(--text);box-shadow:0 6px 30px #0008}.tools-link{display:inline-flex;align-items:center;min-height:44px;text-decoration:none;font-size:12px;gap:8px}.desk-method{max-width:1040px;margin:40px auto;padding:28px;border-top:1px solid var(--line);font-size:14px;line-height:1.8}.desk-method h2{font-size:24px;margin-bottom:16px}.desk-method h3{font-size:17px;margin-top:20px}.desk-method a{color:var(--accent);text-underline-offset:4px}.desk-method ul{padding-inline-start:22px}.desk-method .method-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}.desk-method code{font:12px var(--font-mono)}.input-area{width:100%;min-height:180px;line-height:1.6;resize:vertical}.dialog-status{min-height:28px;line-height:1.6;color:var(--warning)}.dialog-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.repair-list{max-height:240px;overflow:auto;font:12px/1.8 var(--font-mono);padding:12px;border:1px solid var(--line);border-radius:10px}.report-preview{max-height:58dvh;overflow:auto;background:#656b60;padding:16px;border-radius:12px}.report-preview canvas{display:block;width:100%;height:auto;margin-bottom:14px;box-shadow:0 3px 12px #0005}.report-choices{display:flex;gap:20px;align-items:center;flex-wrap:wrap}.report-choices label{display:flex;gap:8px;align-items:center}.report-choices input{width:auto}.cue-sheet-dialog{width:min(920px,94vw)}
@media(max-width:1250px){.workspace{grid-template-columns:minmax(310px,.8fr) minmax(400px,1.2fr);grid-template-areas:'editor preview' 'editor timeline'}.quick-inspector{display:none}.cue-body{display:block;padding-inline-end:46px}.timings{flex-direction:row}.timings input{width:110px}.cue-table-head{display:none}.cue-body textarea{margin-top:8px}.cue-top{position:static}.cue-buttons{position:absolute;inset-inline-end:4px;top:12px}}
@media(max-width:1000px){.tool-rail{position:relative;inset:auto;width:auto;padding:6px 12px;border-inline-end:0;border-bottom:1px solid var(--line)}.task-links{flex-direction:row;overflow:auto}.task-links a{flex:1;min-width:66px;min-height:56px;padding:6px}.task-links a[aria-current=page]{box-shadow:inset 0 -3px var(--accent)}.desk{margin:0;padding:0 16px}.workspace{display:flex;flex-direction:column}.preview-panel{order:0;min-height:430px}.editor-panel{order:1}.timeline-wrap{order:2}.cue-list{height:420px;flex:none}.cue-body{display:grid;grid-template-columns:118px 1fr;padding-inline-end:60px}.timings{flex-direction:column}.timings input{width:114px}.cue-body textarea{margin:0}.cue-buttons{top:12px;inset-inline-end:10px}.cue{min-height:102px}.cue-toolbar button{font-size:13px}.cue-foot{font-size:11px}.task-context h1{font-size:26px}.cue-table-head{display:none}}
@media(max-width:600px){.topbar{padding:12px;gap:10px;flex-wrap:wrap}.brand img{width:158px;height:38px}.project-title{padding-inline-start:10px;flex:1;min-width:110px}.project-title input{font-size:13px}.project-actions{width:100%;padding-top:8px;border-top:1px solid var(--line);justify-content:space-between}.task-links{gap:2px}.task-links a{min-width:45px;font-size:10px}.task-links svg{width:19px}.desk{padding:0 10px}.task-context{align-items:stretch;flex-direction:column;padding:20px 0 16px;gap:12px}.task-context h1{font-size:25px}.task-context p{font-size:13px}.task-context>button{width:100%;max-width:none}.preview-panel{min-height:360px}.cue-body{display:block;padding-inline-end:44px}.timings{flex-direction:row;gap:5px}.timings input{width:104px;min-height:38px;font-size:10px}.cue-body textarea{margin-top:12px;font-size:16px}.cue-buttons{top:60px;inset-inline-end:4px;flex-direction:column;gap:3px}.cue-buttons button{width:36px;min-height:36px}.cue-number{min-width:23px;width:23px}.cue-check-target{min-width:32px}.cue-toolbar{flex-wrap:wrap;row-gap:6px}.cue-toolbar button{min-height:44px;font-size:12px}.cue-list{height:440px}.cue{padding:14px 6px}.cue-foot{font-size:10px}.desk-method{padding:20px 6px}.desk-method .method-grid{grid-template-columns:1fr;gap:8px}dialog{padding:22px 16px;width:calc(100% - 20px)}dialog h2{font-size:22px}.report-preview{padding:7px}.tools-link{font-size:12px}.quick-inspector{display:none}}

#report-download{display:inline-flex;padding:10px 16px;min-height:44px;align-items:center;text-decoration:none}#report-download[aria-disabled=true]{opacity:.5;pointer-events:none}

.download-ready{margin:20px 0;padding:14px;border:1px solid var(--accent-depth);border-radius:12px;background:var(--surface)}.download-ready a{display:inline-flex;min-height:44px;align-items:center;color:var(--accent);text-underline-offset:4px}

@media(max-width:360px){.brand picture img{width:42px;height:42px}.project-title{min-width:160px}}

/* Long localized dialog titles and actions share the same safe control area. */
dialog h2{padding-inline-end:44px;overflow-wrap:anywhere}dialog .dialog-kicker{display:block;max-width:calc(100% - 48px);white-space:normal;line-height:1.6;overflow-wrap:anywhere}dialog button{max-width:100%;white-space:normal}dialog .dialog-close{padding:6px;white-space:nowrap}dialog .report-button{padding:9px 13px}dialog .change-results pre{font-family:var(--font-ui);letter-spacing:normal;white-space:pre-wrap;overflow-wrap:anywhere}html[lang=ar] dialog .change-results pre{font-family:var(--font-ar)}