.media-workbench{--nw-accent:#92400e}.media-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:1rem;align-items:start}.media-workbench .result-panel{position:sticky;top:6rem}.media-workbench :is(input,select,button){max-width:100%}.media-workbench .nw-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.media-workbench .nw-drop{position:relative;border-color:#a16207}.media-workbench .nw-drop input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.media-workbench .nw-drop:focus-within{outline:3px solid #b45309;outline-offset:3px}.media-workbench .nw-drop :is(strong,small){display:block}.media-workbench .nw-drop small{margin-top:.35rem}.media-workbench :is(.nw-hint,.nw-drop small,.media-file-card small,.media-result-empty){color:#475569}.media-workbench :is(button,input,select):focus-visible{outline:3px solid #b45309;outline-offset:3px}.media-workbench .nw-btn{background:#92400e;color:white;border:1px solid #92400e;box-shadow:none}.media-workbench .nw-btn-secondary{background:#fff;color:#92400e}.media-workbench .nw-btn:disabled{opacity:1;background:#e2e8f0;color:#475569;border-color:#cbd5e1;cursor:not-allowed}.media-actions{display:flex;flex-wrap:wrap;gap:.65rem}.media-actions>*{flex:1 1 11rem}.media-file-card{display:flex;align-items:center;gap:.8rem;padding:.8rem;border:1px solid #e2e8f0;border-radius:1rem;background:#fff;min-width:0}.media-file-card>span{display:grid;place-items:center;flex-shrink:0;width:2.7rem;height:2.7rem;border-radius:.8rem;background:#fef3c7;color:#92400e}.media-file-card>div{min-width:0}.media-file-card :is(strong,small){display:block;overflow-wrap:anywhere}.media-result-empty{display:grid;place-items:center;min-height:20rem;text-align:center;gap:.6rem}.media-result-empty>span{display:grid;place-items:center;width:4rem;height:4rem;border-radius:1.2rem;background:#fef3c7;color:#92400e}.media-result-empty strong{color:#334155}.media-result-empty small{max-width:26rem}.media-workbench :is(audio,video){width:100%;max-height:22rem;border-radius:1rem;background:#0b1220}.media-workbench :is(.calc-hero strong,.calc-metrics strong){overflow-wrap:anywhere}.media-progress{display:grid;gap:.55rem;padding:1rem;border:1px solid #fcd34d;border-radius:1rem;background:#fffbeb}.media-progress :is(strong,span){font-size:.8rem;color:#78350f}.media-progress progress{width:100%;height:1rem;accent-color:#92400e}.media-workbench .nw-status[data-error=true]{color:#991b1b;background:#fef2f2;border:1px solid #fecaca}.media-workbench [hidden]{display:none!important}.media-workbench .calc-hero{background:#fffbeb;color:#78350f;border-color:#fcd34d}.media-workbench .calc-hero :is(span,strong,small,b){color:#78350f}.media-workbench .calc-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.media-workbench .calc-metrics span{color:#475569}
@media(max-width:850px){.media-grid{grid-template-columns:1fr}.media-workbench .result-panel{position:static}}@media(max-width:520px){.media-workbench .nw-grid{grid-template-columns:1fr}.media-workbench .nw-panel{padding:1rem}}
html[data-theme=dark] .media-workbench :is(.nw-hint,.nw-drop small,.media-file-card small,.media-result-empty,.calc-metrics span){color:#cbd5e1}html[data-theme=dark] .media-file-card{background:#0b1424;border-color:#34445e}html[data-theme=dark] .media-file-card>span,html[data-theme=dark] .media-result-empty>span{background:#451a03;color:#fde68a}html[data-theme=dark] .media-result-empty strong{color:#f8fafc}html[data-theme=dark] .media-workbench .nw-btn-secondary{background:#0f172a;color:#fde68a;border-color:#fbbf24}html[data-theme=dark] .media-progress,html[data-theme=dark] .media-workbench .calc-hero{background:#451a03;border-color:#92400e}html[data-theme=dark] .media-progress :is(strong,span),html[data-theme=dark] .media-workbench .calc-hero :is(span,strong,small,b){color:#fde68a}html[data-theme=dark] .media-workbench .nw-status[data-error=true]{color:#fecaca;background:#450a0a;border-color:#7f1d1d}

.media-workbench small{font-size:.875rem;line-height:1.6}