.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(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%}}