.media-workspace fieldset{border:0;margin:0;padding:0;min-width:0}.media-notice,.media-help,.media-empty{padding:18px 24px;font-size:13px}.media-notice{background:var(--accent-soft)}.media-help{color:var(--muted)}.media-empty{text-align:center;padding:35px}.media-workspace .workspace-toolbar{flex-wrap:wrap;gap:16px}.media-file-label{position:relative;overflow:hidden;cursor:pointer}.media-file-label input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%}.media-file-label:focus-within{outline:3px solid var(--accent)}.media-workspace fieldset:disabled .media-file-label{opacity:.45;pointer-events:none}#media-summary{font-size:12px;color:var(--muted)}.media-clips{list-style:none;padding:0 24px;margin:0;display:grid;gap:20px}.media-clip{border:1px solid var(--border);border-radius:10px;padding:20px;min-width:0}.media-clip header{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:14px}.media-clip h2{font-size:15px;overflow-wrap:anywhere;min-width:0;flex:1}.media-clip .clip-actions{display:flex;gap:12px;align-items:center}.media-workspace video{width:100%;max-height:300px;background:#171b1d;border-radius:6px}.media-workspace audio{width:100%;max-width:100%}.media-ranges{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:14px}.media-ranges>div{display:grid;gap:7px;min-width:0}.media-ranges label{font-size:12px}.media-ranges input[type=number]{width:100%;padding:10px;border:1px solid var(--border);border-radius:6px;background:var(--paper);color:var(--ink)}.media-ranges input[type=range]{width:100%;min-width:0;accent-color:var(--accent)}.media-ranges button{white-space:normal}.clip-info{font-size:12px;color:var(--muted);margin-top:12px}.media-options{padding:24px;border-top:1px solid var(--border);margin-top:24px}.media-options label{display:flex;gap:12px;align-items:center;flex-wrap:wrap;font-size:13px}.media-options p{font-size:12px;color:var(--muted);margin-top:12px}.media-workspace .action-bar{gap:16px;flex-wrap:wrap}.media-workspace .action-bar p{white-space:normal}.media-busy{display:flex;align-items:center;gap:20px;padding:20px 24px}.media-busy[hidden],.media-result[hidden]{display:none}.media-busy progress{flex:1;min-width:0;accent-color:var(--accent)}.media-result{border-top:1px solid var(--border);padding:24px;display:grid;gap:14px}.media-result h2{font-size:20px}.media-result a{justify-self:start}.media-result p{font-size:12px}
#media-video-options{margin-top:16px}.media-options select{max-width:100%}
.media-precision-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px;max-width:100%}.media-precision-actions select{padding-left:8px;padding-right:26px}.media-precision .media-keep-playing{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:8px 10px;font-size:13px;white-space:nowrap}.media-keep-playing[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:white}.media-playback-state{font-size:11px;font-weight:600}.media-precision .media-playback-status{color:var(--accent)}
.media-precision{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:20px}.media-precision label{font-size:13px}.media-precision select{min-height:44px;max-width:100%;font-size:16px}.media-precision p{flex-basis:100%;font-size:12px;line-height:1.7;color:var(--muted)}.media-fine-trim{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:8px;min-width:0}.media-nudge{min-width:44px;min-height:48px;border:1px solid var(--border);border-radius:8px;background:var(--paper);color:var(--ink);font-size:24px;touch-action:manipulation}.media-nudge:disabled{opacity:.35}.media-fine-ruler{position:relative;min-width:0;min-height:72px;display:grid;align-content:center;gap:5px;border:1px solid var(--border);border-radius:8px;background:var(--paper);cursor:ew-resize;touch-action:pan-y pinch-zoom;user-select:none;-webkit-user-select:none;overflow:hidden}.media-fine-ruler:focus-visible,.media-nudge:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.media-fine-ruler[aria-disabled=true]{opacity:.45;cursor:default}.media-fine-ruler.dragging{border-color:var(--accent);background:var(--accent-soft)}.media-fine-value{font:600 15px/1.4 ui-monospace,SFMono-Regular,monospace;text-align:center;font-variant-numeric:tabular-nums}.media-fine-marks{display:block;height:22px;overflow:hidden;pointer-events:none}.media-fine-track{display:block;width:calc(100% + 40px);height:100%;background:repeating-linear-gradient(to right,var(--border) 0,var(--border) 1px,transparent 1px,transparent 20px)}.media-fine-ruler::after{content:"";position:absolute;bottom:8px;left:50%;width:2px;height:24px;background:var(--accent);pointer-events:none}
body[data-tool=audio-editor] .media-ranges input[type=number]{min-height:44px;font-size:16px}body[data-tool=audio-editor] .media-ranges input[type=range]{min-height:44px;touch-action:pan-y pinch-zoom}body[data-tool=audio-editor] .media-ranges .text-button{min-height:44px}
@media(max-width:600px){body[data-tool=audio-editor] .media-ranges{grid-template-columns:1fr;gap:24px}body[data-tool=audio-editor] .media-ranges>div+div{padding-top:20px;border-top:1px solid var(--border)}}
@media(max-width:600px){.media-clips{padding:0 12px}.media-clip{padding:14px}.media-ranges{gap:12px}.media-notice,.media-help,.media-options,.media-result{padding:16px}.media-workspace .action-bar{align-items:stretch}.media-workspace .action-bar button{width:100%}.media-clip header{flex-direction:column}.media-options select{width:100%}}

.media-waveform{margin-top:18px;min-width:0}.wave-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.wave-toolbar button{min-width:44px;min-height:44px;white-space:normal}.wave-toolbar label{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:13px}.wave-toolbar select{min-height:44px;font-size:16px;max-width:100%}.wave-zoom{font:12px ui-monospace,monospace;color:var(--muted)}.wave-body[hidden],.media-waveform [hidden]{display:none}.wave-status,.wave-help{font-size:12px;line-height:1.7;color:var(--muted);margin:10px 0}.wave-status:empty{display:none}.wave-scroll{margin-top:12px;width:100%;max-width:100%;overflow-x:auto;overflow-y:hidden;border:1px solid var(--border);border-radius:8px;background:var(--paper);touch-action:pan-x pan-y pinch-zoom}.wave-track{position:relative;height:184px;min-width:100%}.wave-view{position:sticky;left:0;height:184px}.wave-canvas{display:block;width:100%;height:184px;touch-action:pan-x pan-y pinch-zoom}.wave-handle{position:absolute;top:0;width:44px;height:52px;cursor:ew-resize;touch-action:pan-y pinch-zoom;user-select:none;-webkit-user-select:none;display:grid;place-items:start center;padding-top:2px}.wave-handle span{background:var(--accent);color:white;font:600 11px/22px sans-serif;border-radius:5px;padding:0 6px;pointer-events:none}.wave-handle-end{top:110px;place-items:end center;padding:0 0 2px}.wave-handle-end span{background:#2873b5}.wave-handle[aria-disabled=true]{opacity:.45;cursor:default}.wave-handle:focus-visible,.wave-scroll:focus-visible{outline:3px solid var(--accent);outline-offset:-3px}

.pitch-canvas{display:block;width:100%;height:220px;touch-action:pan-x pan-y pinch-zoom;border-top:1px solid var(--border)}.pitch-details{padding-top:12px}.pitch-readout{font:13px/1.7 ui-monospace,SFMono-Regular,monospace;overflow-wrap:anywhere;color:var(--ink);margin:6px 0}.pitch-position-label{display:grid;gap:4px;font-size:12px;color:var(--muted)}.pitch-position{width:100%;min-height:44px;accent-color:var(--accent);touch-action:pan-y pinch-zoom}