.sub-workbench{width:100%;min-width:0;margin:20px 0;color:var(--aurora-20392f,#20392f);background:#fff;border:1px solid #dfe7e2;border-radius:16px;--sub-row-offset:20px}.sub-workbench *{box-sizing:border-box;min-width:0}.sub-workbench :is(button,input,select,textarea,summary){font:inherit;color:var(--aurora-20392f,#20392f);background:#fff}.sub-workbench button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;border:1px solid #dce5df;border-radius:9px;padding:8px 11px;font-size:12px;font-weight:600;cursor:pointer}.sub-workbench button:disabled{opacity:.42;cursor:not-allowed}.sub-workbench button:hover:not(:disabled),.sub-workbench button[aria-pressed=true]{border-color:var(--aurora-145e49,#145e49)}.sub-workbench button[aria-pressed=true]{box-shadow:inset 0 0 0 1px var(--aurora-145e49,#145e49)}.sub-workbench :focus-visible{outline:2px solid var(--aurora-145e49,#145e49);outline-offset:3px}.sub-workbench :is(input:not([type=range]):not([type=file]),select,textarea){width:100%;min-height:44px;padding:9px 10px;border:1px solid #dce5df;border-radius:8px}.sub-workbench label{display:grid;gap:6px;font-size:11px;font-weight:600}.sub-workbench :is(p,span,small,strong,label){overflow-wrap:anywhere}.sub-workbench :is(h2,p){margin:0}.sub-workbench h2{font-size:14px;color:var(--aurora-145e49,#145e49)}.sub-document-toolbar{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;padding:10px 12px;border-bottom:1px solid #e5ebe7}.sub-toolbar-group{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.sub-export-format{width:100px}.sub-workbench .sub-primary{border-color:var(--aurora-145e49,#145e49);color:var(--aurora-145e49,#145e49)}.sub-document-status{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:8px 12px;font-size:11px;color:#62786b}.sub-document-status>span:first-child{font-weight:700;color:var(--aurora-145e49,#145e49)}.sub-workbench .sub-document-status button{border:0;padding:0 5px;font-size:11px}.sub-document-status>span:last-child{margin-left:auto}.sub-workbench :is(.sub-notice,.sub-error){margin:0 12px 10px;padding:10px 12px;border:1px solid #dfe7e2;border-radius:8px;font-size:12px;line-height:1.6}.sub-workbench .sub-error{border-color:#deb7a8;color:#974d35}.sub-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(270px,.47fr);grid-template-areas:"cues preview";gap:16px;padding:0 12px 12px;align-items:start}.sub-preview{grid-area:preview;position:sticky;top:16px;background:#fff;border:1px solid #dfe7e2;border-radius:12px}.sub-preview summary{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:44px;cursor:pointer;padding:10px 12px;font-size:12px;font-weight:650;list-style:none}.sub-preview summary::-webkit-details-marker{display:none}.sub-preview summary>span:first-child{display:flex;align-items:center;gap:7px}.sub-preview summary>span:last-child{color:#62786b;font-size:10px}.sub-preview[open] summary{border-bottom:1px solid #e5ebe7}.sub-preview-body{display:grid;gap:9px;padding:10px}.sub-preview video{display:block;width:100%;max-height:36svh;aspect-ratio:16/9;object-fit:contain;background:#fff;border:1px solid #dfe7e2;border-radius:8px}.sub-video-name{color:#62786b;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sub-seek{font-variant-numeric:tabular-nums}.sub-workbench input[type=range]{width:100%;min-height:44px;padding:0;border:0;accent-color:var(--aurora-145e49,#145e49);cursor:pointer}.sub-reading-preview{display:grid;gap:16px;padding:20px 8px;text-align:center}.sub-reading-preview small{font-size:10px;color:#62786b}.sub-reading-preview p{white-space:pre-wrap;font-size:18px;font-weight:600;line-height:1.6}.sub-transcript{grid-area:cues}.sub-browser-bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:10px}.sub-workbench .sub-search{position:relative;display:flex;align-items:center;flex:1 1 200px}.sub-search svg{position:absolute;left:11px;color:#62786b}.sub-workbench .sub-search input{padding-left:34px}.sub-jump{display:flex;align-items:center;gap:5px}.sub-jump label{width:80px}.sub-workbench .sub-jump input{padding-inline:7px}.sub-list-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:32px;margin-bottom:8px;color:#62786b;font-size:10px}.sub-workbench .sub-list-heading button{font-size:10px;min-height:44px}.sub-cue-stack{display:grid;gap:8px}.sub-cue{border:1px solid #e0e7e3;border-radius:11px;background:#fff;scroll-margin-block:var(--sub-row-offset) 20px}.sub-cue[data-open=true]{border-color:var(--aurora-66977f,#66977f);box-shadow:0 2px 12px var(--aurora-153b2409,#153b2409)}.sub-cue[data-playing=true]{border-left:3px solid var(--aurora-145e49,#145e49)}.sub-workbench .sub-cue-summary{display:flex;justify-content:flex-start;align-items:flex-start;gap:12px;width:100%;min-height:72px;padding:12px;border:0;border-radius:11px;text-align:left}.sub-cue-number{display:flex;align-items:center;gap:5px;min-width:27px;margin-top:2px;color:#6b8273;font-size:11px;font-variant-numeric:tabular-nums}.sub-playing-dot{width:6px;height:6px;border-radius:50%;background:var(--aurora-145e49,#145e49)}.sub-cue-overview{display:grid;flex:1;gap:6px}.sub-cue-time{font-size:10px;color:#62786b;font-weight:500;font-variant-numeric:tabular-nums}.sub-cue-time>span{margin-inline:4px}.sub-cue-excerpt{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;white-space:pre-wrap;font-size:13px;line-height:1.6;font-weight:500}.sub-cue-indicators{display:flex;align-items:center;gap:6px;font-size:10px;color:var(--aurora-145e49,#145e49)}.sub-issue-count{border:1px solid #d9b6a6;color:#974d35;padding:2px 5px;border-radius:5px;white-space:nowrap}.sub-workbench .sub-cue[data-open=true] .sub-cue-summary{min-height:48px;padding-block:10px;border-bottom:1px solid #e5ebe7;border-bottom-left-radius:0;border-bottom-right-radius:0}.sub-cue-editor{display:grid;gap:12px;padding:12px}.sub-cue-timing{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.sub-workbench .sub-cue-timing button{font-size:10px;min-height:44px}.sub-workbench .sub-caption-label textarea{font-size:16px;line-height:1.7;min-height:112px;max-height:60svh;field-sizing:content;resize:vertical;white-space:pre-wrap;scroll-margin-top:var(--sub-row-offset)}.sub-quality{display:flex;flex-wrap:wrap;align-items:center;gap:5px 10px;font-size:10px;color:#62786b;line-height:1.5}.sub-quality>span:first-child{width:100%;font-variant-numeric:tabular-nums}.sub-invalid{color:#a24d32;font-weight:650}.sub-review-note{color:#7d673f}.sub-cue-actions{display:flex;flex-wrap:wrap;gap:6px}.sub-workbench .sub-delete{color:#974d35}.sub-cue-navigation{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;padding-top:10px;border-top:1px solid #e5ebe7}.sub-cue-navigation>:last-child{justify-self:stretch}.sub-pagination{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:10px 0;font-size:10px;color:#62786b}.sub-workbench .sub-pagination button{font-size:11px}.sub-empty{display:grid;justify-items:start;gap:12px;padding:30px 12px;border:1px dashed #cbd9d0;border-radius:12px}.sub-empty p{font-size:12px;color:#62786b}.sub-bulk{border-top:1px solid #e5ebe7}.sub-bulk>summary{padding:14px 16px;min-height:48px;cursor:pointer;font-size:12px;font-weight:650}.sub-bulk-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:0 12px 16px}.sub-bulk-grid>section{display:grid;align-content:start;gap:10px}.sub-bulk-grid p{font-size:11px;line-height:1.7;color:#62786b}@media(max-width:1000px) and (min-width:761px){.sub-layout{grid-template-columns:minmax(0,1fr) 260px;gap:12px}.sub-preview .sub-toolbar-group button{flex:1;font-size:10px}.sub-document-status>span:last-child{display:none}}@media(max-width:760px){.social-tool-page:has(.sub-workbench){width:100%;max-width:none;padding-inline:0}.social-tool-page:has(.sub-workbench)>:is(.tool-intro,.tool-instructions,.faq,.related-tools){padding-inline:12px}.social-tool-page:has(.sub-workbench)>.back-link{margin-inline:12px}.sub-workbench{border-inline:0;border-radius:0;--sub-row-offset:58px}.sub-workbench:has(.sub-preview[open][data-has-video=true]){--sub-row-offset:240px}.sub-layout{display:block;padding:0 12px 12px}.sub-transcript{margin-top:10px}.sub-preview{top:0;z-index:5;border-radius:10px}.sub-preview[data-has-video=false]{display:none}.sub-preview-body{gap:6px;padding:8px}.sub-preview video{max-height:140px;max-height:min(25svh,140px)}.sub-preview .sub-seek,.sub-preview .sub-video-name,.sub-preview .sub-video-pause{display:none}.sub-preview .sub-toolbar-group{flex-wrap:nowrap}.sub-preview .sub-toolbar-group button{flex:1;font-size:10px}.sub-document-toolbar{gap:8px}.sub-document-toolbar>.sub-toolbar-group{flex:1 1 100%}.sub-document-toolbar>.sub-toolbar-group>button{flex:1}.sub-document-toolbar>.sub-toolbar-group:nth-child(2)>button{flex:0 1 auto}.sub-export-format{margin-left:auto;width:100px}.sub-workbench :is(input:not([type=range]):not([type=file]),select,textarea){font-size:16px}.sub-document-status{gap:8px}.sub-document-status>span:last-child{display:none}.sub-browser-bar{display:grid;grid-template-columns:minmax(0,1fr) auto}.sub-workbench .sub-search{grid-column:1/-1}.sub-jump{justify-self:end}.sub-workbench .sub-cue-summary{gap:8px;padding:10px}.sub-cue-time{font-size:9px}.sub-cue-time>span{margin-inline:1px}.sub-cue-number{min-width:22px}.sub-cue-indicators{flex-direction:column;gap:4px;align-items:end}.sub-cue-editor{padding:12px}.sub-cue-actions button{flex:1 1 auto;font-size:11px}.sub-bulk-grid{grid-template-columns:minmax(0,1fr);gap:22px}.sub-workbench .sub-pagination button{padding:8px;font-size:10px}}@media(prefers-reduced-motion:reduce){.sub-workbench *{scroll-behavior:auto}}.sub-bulk:not([open]) .sub-bulk-grid,.sub-preview:not([open]) .sub-preview-body{display:none}