.media__main{min-inline-size:0}.media__main .sheet__body{flex:1;align-content:start}.media__note{color:var(--ink-3);font-size:var(--text-sm);text-align:center;text-wrap:pretty;margin-block-start:var(--space-3)}.media__file{gap:var(--space-3);display:grid}.media__player{border:1px solid var(--sheet-rule);border-radius:var(--radius);background:var(--paper);place-items:center;display:grid;overflow:hidden}.media__video{background:var(--paper);max-block-size:50svh;inline-size:100%;display:block}@media (min-width:64rem){.media__video{max-block-size:26rem}}.media__player:has(.media__audio){gap:var(--space-3);padding:var(--space-3) var(--space-4);grid-template-columns:auto minmax(0,1fr)}.media__player--sound .media__video{block-size:3.5rem}.media__audio-icon{block-size:1.5rem;inline-size:1.5rem;color:var(--accent)}.media__audio{inline-size:100%}.media__no-preview{padding:var(--space-6) var(--space-4);color:var(--ink-3);font-size:var(--text-sm);text-align:center}.media__facts{gap:var(--space-2) var(--space-4);flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex}.media__id{flex:12rem;min-inline-size:0}.media__name{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.media__meta{color:var(--ink-3);font-size:var(--text-sm)}.media__change{margin-inline-end:calc(var(--space-3) * -1)}.media__work{gap:var(--space-2);padding:var(--space-4);border:1px solid var(--sheet-rule);border-radius:var(--radius);background:var(--paper);display:grid}.media__work .progress{block-size:6px}.media__work-head{gap:var(--space-3);justify-content:space-between;align-items:baseline;display:flex}.media__stage{font-weight:600}.media__percent{color:var(--accent);font-family:"Literata Variable", var(--font-display);font-size:var(--text-lg);font-variant-numeric:tabular-nums;font-weight:500}.media__eta{min-block-size:1lh;color:var(--ink-3);font-size:var(--text-sm)}.media__result{gap:var(--space-3);border-block-start:1px solid var(--sheet-rule);padding-block-start:var(--space-4);display:grid}.media__result-title{font-size:.875rem;font-weight:650}.media__sizes{gap:var(--space-2) var(--space-8);flex-wrap:wrap;display:flex}.media__sizes div{gap:var(--space-1);display:grid}.media__sizes dt{color:var(--ink-2);font-size:var(--text-sm)}.media__sizes dd{font-family:"Literata Variable", var(--font-display);font-size:var(--text-lg);font-weight:600}.media__saved{color:var(--accent)}.media__done{color:var(--ink-2)}.media__output{min-block-size:8rem}.media__output video,.media__output img{max-block-size:40svh}.media__output audio{inline-size:100%;box-shadow:none}.media__fieldset{border:0;min-inline-size:0;margin:0;padding:0}.media__fieldset legend{margin-block-end:var(--space-2);padding:0}.media__side .segmented{display:flex}.media__side .segmented label{text-align:center;flex:1}.media [hidden]{display:none}.trim{gap:var(--space-2);min-inline-size:0;padding:var(--space-3) var(--space-4);border:1px solid var(--sheet-rule);border-radius:var(--radius);background:var(--paper);margin:0;display:grid}.trim__row{gap:var(--space-1) var(--space-2);grid-template-columns:minmax(0,1fr) 6.5rem auto;grid-template-areas:"label time here""slider slider slider";align-items:center;display:grid}@media (min-width:40rem){.trim__row{grid-template-columns:4.5rem minmax(0,1fr) 6.5rem auto;grid-template-areas:"label slider time here"}}.trim__label{color:var(--ink-2);font-size:var(--text-sm);grid-area:label;font-weight:600}.trim__slider{grid-area:slider;inline-size:100%}.trim__time{font-variant-numeric:tabular-nums;text-align:end;grid-area:time;inline-size:100%}.trim__here{grid-area:here}.trim__foot{gap:var(--space-2);border-block-start:1px solid var(--sheet-rule);flex-wrap:wrap;justify-content:space-between;align-items:center;padding-block-start:var(--space-2);display:flex}.trim__length{font-variant-numeric:tabular-nums;font-weight:600}.trim__play{margin-inline-end:calc(var(--space-3) * -1)}.media__output img{image-rendering:auto;block-size:auto;max-inline-size:100%}