.umt{color:var(--familia-texto,#f5f5f5)}
.umt .umt-settings{display:grid;grid-template-columns:2fr 1fr 1fr;gap:12px}
.umt .umt-toolbar{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}
.umt .umt-workspace{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px;align-items:start}
.umt .umt-monitor{min-width:0;padding:12px;background:var(--familia-superficie,#17191a);border:1px solid var(--familia-borde,#343739);border-radius:12px}
.umt .umt-preview{display:block;width:100%;max-height:480px;aspect-ratio:16/9;object-fit:contain;background:#000;border-radius:8px}
.umt .umt-result{margin:18px 0;padding:16px;background:var(--familia-superficie,#17191a);border:1px solid var(--familia-borde,#343739);border-radius:12px}
.umt .umt-result-video{display:block;width:100%;max-height:480px;background:#000;border-radius:8px}
.umt [hidden]{display:none!important}
.umt .umt-scrub{display:flex;align-items:center;gap:12px;margin-top:12px}
.umt .umt-scrub input{flex:1;min-width:0}
.umt .umt-scrub span{font-variant-numeric:tabular-nums;white-space:nowrap}
.umt .umt-clips{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}
.umt .umt-clips button{width:100%;text-align:left;white-space:normal;overflow-wrap:anywhere}
.umt .umt-clips button[aria-pressed=true]{border-color:var(--familia-lima,#aff33e);color:var(--familia-lima,#aff33e)}
.umt .umt-properties .uth-campo{margin-bottom:10px}
.umt .umt-status{min-height:1.4em;overflow-wrap:anywhere}
.umt .umt-status.is-error{color:#ffb3a5}
.umt :focus-visible{outline:2px solid var(--familia-lima,#aff33e);outline-offset:3px}
@media(max-width:900px){.umt .umt-workspace{grid-template-columns:1fr}.umt .umt-clips{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.umt .umt-settings,.umt .umt-clips{grid-template-columns:1fr}.umt .umt-toolbar .uth-btn{flex:1 1 auto}.umt .umt-preview{max-height:320px}}