/* composition: COMP-01 · instrument · primary: mark-start, mark-end · disclosure: inspector · stage: mid */
html,body{margin:0;background:var(--os-ground);color:var(--os-ink);font-family:var(--taste-font,var(--os-font-body))}
.trim-workspace{position:relative;max-width:calc(var(--os-space-unit)*300);display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,1fr);column-gap:calc(var(--os-space-unit)*6);margin:auto;padding:calc(var(--os-space-unit)*8)}
header,h1,.trim-guide,footer{grid-column:1 / -1}
header{display:flex;justify-content:space-between;gap:calc(var(--os-space-unit)*4);font-size:var(--os-type-meta-size);color:var(--os-muted)}
a{color:var(--os-ink);text-underline-offset:0.25em}
h1{color:var(--taste-accent,var(--os-ink));font-size:clamp(28px,5vw,48px);font-weight:600;letter-spacing:-0.04em;margin-bottom:calc(var(--os-space-unit)*3)}
p{line-height:1.5;overflow-wrap:anywhere}
.trim-guide{color:var(--os-muted);margin-bottom:calc(var(--os-space-unit)*6)}
#trim-player{min-width:0}
.trim-edit{display:grid;grid-template-columns:1fr;align-content:start;gap:calc(var(--os-space-unit)*6);padding-block:calc(var(--os-space-unit)*5)}
.trim-range{font-size:var(--os-type-body-size);font-weight:600;font-variant-numeric:tabular-nums;margin-top:0}
#discarded,.trim-message,footer{color:var(--os-muted);font-size:var(--os-type-meta-size)}
footer{border-top:1px solid var(--os-rule);padding-top:calc(var(--os-space-unit)*3)}
#save-actions{margin-top:calc(var(--os-space-unit)*4)}
@media(max-width:800px){.trim-workspace{padding:calc(var(--os-space-unit)*4);grid-template-columns:1fr}header{flex-wrap:wrap}.trim-edit{grid-template-columns:1fr;gap:calc(var(--os-space-unit)*4)}}

#trim-appearance{margin-left:auto}