.media-nav{display:flex;gap:16px;flex-wrap:wrap;margin:0 0 20px;font-size:14px}.media-import{padding:18px;background:var(--note-bg);border:1px dashed var(--line);border-radius:10px;display:grid;gap:10px}.media-import input{max-width:100%}.media-preview{width:100%;max-height:400px;background:#070b13;border-radius:8px;margin:16px 0}.media-preview[hidden]{display:none}.media-preview audio{width:100%}.media-settings{margin-top:18px}.media-status{min-height:1.7em;color:var(--accent);margin:12px 0;overflow-wrap:anywhere}.media-device{font-size:13px;padding:10px 14px;background:var(--note-bg);border-radius:8px;color:var(--muted)}.media-result{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.subtitle-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,1fr);gap:20px}.subtitle-list{list-style:none;padding:0;margin:12px 0;border:1px solid var(--line);border-radius:8px;max-height:430px;overflow:auto}.subtitle-list button{display:block;text-align:left;width:100%;padding:12px;color:var(--ink);background:none;border:0;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.subtitle-list button[aria-current=true]{background:var(--accent-soft);color:var(--accent)}.subtitle-list small{display:block;color:var(--muted)}.subtitle-editor textarea{min-height:95px;font:inherit}.subtitle-editor .actions{margin-top:12px}.subtitle-empty{color:var(--muted);padding:14px}.media-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.media-row .field{flex:1;min-width:130px}.media-output{margin-top:20px;padding-top:16px;border-top:1px solid var(--line)}.media-progress{width:100%;height:6px;accent-color:var(--accent)}.media-tools-note{margin:20px 0 0;color:var(--muted);font-size:13px}.subtitle-count{font-size:13px;color:var(--muted)}.video-subtitle-tools{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:12px 0;font-size:12px}.video-subtitle-tools input[type=number]{width:80px;background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:6px;padding:7px}.video-subtitle-tools .secondary-button{font-size:12px;min-height:36px}.video-subtitle-tools a{color:var(--accent)}
body[data-app-id=media] .secondary-button,body[data-app-id=subtitles] .secondary-button,.video-subtitle-tools .secondary-button{background:var(--paper);color:var(--ink);border:1px solid var(--line)}
@media(min-width:1100px){body[data-app-id=subtitles] .tool-main{max-width:1200px}}@media(max-width:700px){.subtitle-layout{grid-template-columns:1fr}.subtitle-list{max-height:250px}.media-preview{max-height:260px}.media-nav{gap:12px}}@media(prefers-reduced-motion:reduce){.media-progress{transition:none}}