.srt-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;align-items:start}.srt-column,.srt-sidebar{min-width:0;display:grid;gap:20px}.srt-card,.srt-settings,.srt-history{background:var(--paper);border:1px solid var(--line);border-radius:8px;padding:24px}.srt-heading{display:flex;gap:12px;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:16px}.srt-heading h3,.srt-history h3,.srt-settings>h3{font-size:10px;letter-spacing:.08em;margin:0}.srt-heading>span{color:var(--muted);font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:65%}.srt-dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;width:100%;min-height:225px;margin-top:20px;padding:28px 20px;border:1px dashed var(--blue);border-radius:8px;background:var(--pale);color:var(--ink);font:inherit;text-align:center;cursor:pointer;transition:background .15s,border-color .15s}.srt-dropzone:hover,.srt-dropzone.dragging{border-style:solid;background:var(--bg)}.srt-dropzone:focus-visible{outline:2px solid var(--blue);outline-offset:3px}.srt-dropzone:disabled{cursor:default;opacity:.6}.srt-dropzone>[data-icon]{color:var(--blue);margin-bottom:8px}.srt-dropzone>[data-icon] svg{width:30px;height:30px}.srt-dropzone strong{font-size:16px}.srt-dropzone>span:not([data-icon]){font-size:12px;color:var(--muted);line-height:1.7}.srt-dropzone small{font-size:10px;color:var(--muted);margin-top:6px}.srt-file-card{display:flex;align-items:center;gap:14px;margin-top:20px;padding:18px;border:1px solid var(--line);border-radius:8px;background:var(--bg)}.srt-file-icon{flex:none;color:var(--blue)}.srt-file-icon svg{width:26px;height:26px}.srt-file-details{flex:1;min-width:0}.srt-file-details>strong{display:block;font-size:13px;overflow-wrap:anywhere}.srt-file-metadata{display:flex;flex-wrap:wrap;gap:8px 18px;color:var(--muted);font-size:10px;margin-top:8px}.srt-file-remove{flex:none;font-size:22px;padding:4px 8px;line-height:1}.srt-file-remove:disabled{opacity:.4;cursor:default}.srt-import-status{display:block;font-size:11px;color:var(--blue);margin-top:12px}.srt-import-status:empty{display:none}.srt-limits,.srt-validation{display:block;color:var(--muted);font-size:10px;line-height:1.7;margin-top:10px}.srt-validation{color:var(--blue)}.srt-validation.error{color:#c34a35}.srt-footer{margin-top:20px;border-top:1px solid var(--line);padding-top:16px}.srt-title{display:flex;align-items:center;gap:15px}.srt-title input{border:0;min-width:0;flex:1;background:transparent;color:var(--ink);font:inherit;font-size:11px;padding:8px 0}.srt-draft{display:block;font-size:10px;color:var(--muted);margin-top:9px}.srt-settings>h3{margin-bottom:20px}.srt-settings>label,.srt-settings legend{display:block;font-size:9px;letter-spacing:.08em;margin:22px 0 10px}.srt-voice{display:flex;align-items:center;gap:10px;margin-bottom:12px}.srt-voice>span{border-radius:50%;height:35px;width:35px;flex:none;display:grid;place-items:center;background:var(--pale);color:var(--blue);font-size:11px}.srt-voice div{min-width:0}.srt-voice strong{font-size:12px;display:block}.srt-voice small{display:block;font-size:9px;color:var(--muted);overflow-wrap:anywhere;margin-top:5px}.srt-settings>button.small-button{width:100%}.srt-settings>select{width:100%;padding:10px;background:var(--paper);border:1px solid var(--line);border-radius:5px;color:var(--ink);font:inherit;font-size:11px}.srt-mode{border:0;margin:0;padding:0}.srt-mode div{display:flex;border:1px solid var(--line);border-radius:5px;overflow:hidden}.srt-mode label{flex:1;position:relative;font-size:10px}.srt-mode input{position:absolute;opacity:0}.srt-mode span{display:block;padding:10px 2px;text-align:center;cursor:pointer}.srt-mode input:checked+span{color:var(--blue);background:var(--pale);font-weight:600}.srt-mode input:focus-visible+span{outline:2px solid var(--blue);outline-offset:-2px}.srt-mode input:disabled+span{cursor:default;opacity:.6}.srt-help{font-size:10px;color:var(--muted);line-height:1.8;margin:12px 0}.srt-speed-label{display:flex;justify-content:space-between;font-size:10px;margin:20px 0 12px}.srt-speed-label label{color:var(--muted)}.srt-settings>input[type=range]{width:100%;accent-color:var(--blue)}.srt-cost{margin-top:20px;border:1px solid var(--line);border-radius:5px;padding:14px}.srt-cost span,.srt-cost small{display:block;font-size:10px;color:var(--muted);line-height:1.8}.srt-cost strong{display:block;color:var(--blue);font-size:15px;margin:5px 0}.srt-settings>.button{width:100%;margin-top:18px;font-size:12px}.srt-job-details{font-size:10px;color:var(--muted);margin-top:15px}.srt-history-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px}.srt-history .history-row{padding:16px 0}.srt-history .history-row:last-child{border-bottom:0}.srt-history .history-row strong{font-size:11px}.srt-history .history-row p,.srt-history .history-row small{font-size:10px}.srt-history .small-button{font-size:10px}.srt-history>button{margin-top:15px;font-size:10px}
@media(max-width:1200px){.srt-grid{grid-template-columns:minmax(0,1fr) 260px;gap:18px}.srt-card,.srt-settings,.srt-history{padding:18px}}@media(max-width:1000px){.srt-grid{grid-template-columns:1fr}.srt-sidebar{grid-template-columns:1fr 1fr}.srt-settings{grid-column:1}.srt-history{grid-column:2}}@media(max-width:640px){.srt-card,.srt-settings,.srt-history{padding:16px}.srt-sidebar{grid-template-columns:1fr}.srt-settings,.srt-history{grid-column:auto}.srt-title{flex-wrap:wrap;gap:5px}.srt-file-card{gap:10px;padding:14px}.srt-file-metadata{gap:6px 12px}.srt-dropzone{min-height:200px;padding:22px 14px}}