:root{--base: #14181d;--panel: #1c2127;--panel-alto: #232a31;--linea: #2b323a;--linea-suave: #222930;--ink: #e6eaef;--ink-medio: #b6c0cb;--mute: #8c97a3;--tiempo: #e8a33d;--tiempo-sordo: #6b4d1c;--medio: #5ba3c7;--medio-sordo: #25424f;--texto-capa: #a98bd0;--ok: #6fbf8a;--mal: #d9705f;--alto-carril: 34px;--radio: 5px}*{box-sizing:border-box}html,body,#raiz{height:100%;margin:0}body{background:var(--base);color:var(--ink);font-family:Archivo,system-ui,sans-serif;font-size:13px;line-height:1.45;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--tiempo);outline-offset:2px}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.cifra{font-variant-numeric:tabular-nums;letter-spacing:.01em}.app{display:grid;grid-template-rows:48px 1fr auto;height:100%;min-height:0}.barra{display:flex;align-items:center;gap:14px;padding:0 16px;border-bottom:1px solid var(--linea);background:var(--panel)}.barra h1{font-size:14px;font-weight:600;margin:0;letter-spacing:-.01em}.barra .sep{width:1px;height:20px;background:var(--linea)}.barra .crece{flex:1}.medio-cuerpo{display:grid;grid-template-columns:300px 1fr;min-height:0}.inspector{border-right:1px solid var(--linea);background:var(--panel);overflow-y:auto;padding:14px}.escenario{display:grid;place-items:center;min-height:0;padding:20px;background:radial-gradient(circle at 50% 0%,#1a1f25 0%,var(--base) 70%)}.marco-preview{position:relative;height:100%;aspect-ratio:9 / 16;max-height:100%;border:1px solid var(--linea);border-radius:10px;overflow:hidden;background:#000;box-shadow:0 0 0 1px #00000080}.vacio{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;padding:40px;color:var(--mute);max-width:44ch;border:1px dashed var(--linea);border-radius:10px}.vacio strong{color:var(--ink);font-size:16px;font-weight:600}.btn{border:1px solid var(--linea);background:var(--panel-alto);border-radius:var(--radio);padding:6px 11px;cursor:pointer;transition:border-color .12s,background .12s}.btn:hover:not(:disabled){border-color:#3a434d;background:#283039}.btn:disabled{opacity:.4;cursor:not-allowed}.btn.primario{background:var(--tiempo);border-color:var(--tiempo);color:#1a1206;font-weight:600}.btn.primario:hover:not(:disabled){background:#f0b254;border-color:#f0b254}.btn.fantasma{background:transparent}.btn.peligro:hover:not(:disabled){border-color:var(--mal);color:var(--mal)}.btn.sm{padding:3px 8px;font-size:12px}label.campo{display:block;margin-bottom:12px}label.campo>span{display:block;color:var(--mute);margin-bottom:4px}input[type=text],input[type=number],select,textarea{width:100%;background:var(--base);border:1px solid var(--linea);border-radius:var(--radio);padding:6px 9px}input[type=range]{width:100%;accent-color:var(--tiempo)}input[type=color]{width:100%;height:30px;background:var(--base);border:1px solid var(--linea);border-radius:var(--radio);padding:2px}.fila{display:flex;gap:8px}.fila>*{flex:1;min-width:0}.bloque{padding-bottom:14px;margin-bottom:14px;border-bottom:1px solid var(--linea-suave)}.bloque:last-child{border-bottom:0;margin-bottom:0}.bloque>h2{font-size:13px;font-weight:600;margin:0 0 10px}.nota{color:var(--mute);font-size:12px}.plantillas{display:grid;gap:8px}.plantilla{display:block;text-align:left;border:1px solid var(--linea);background:var(--base);border-radius:var(--radio);padding:9px 11px;cursor:pointer}.plantilla[aria-pressed=true]{border-color:var(--tiempo);background:#241d10}.plantilla b{display:block;font-weight:600;margin-bottom:2px}.plantilla span{color:var(--mute);font-size:12px;line-height:1.35}.tiempo-panel{border-top:1px solid var(--linea);background:var(--panel)}.tiempo-cabecera{display:flex;align-items:center;gap:12px;padding:7px 16px;border-bottom:1px solid var(--linea-suave)}.reloj{color:var(--tiempo);font-weight:600;font-size:14px}.carriles{padding:8px 16px 14px;overflow-x:auto}.carril{display:grid;grid-template-columns:96px 1fr;align-items:center;gap:10px;margin-bottom:4px}.carril>.nombre{color:var(--mute);font-size:12px;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pista{position:relative;height:var(--alto-carril);background:var(--base);border:1px solid var(--linea-suave);border-radius:var(--radio);cursor:crosshair}.clip{position:absolute;top:3px;bottom:3px;border-radius:3px;border:1px solid transparent;padding:0 6px;display:flex;align-items:center;font-size:11px;white-space:nowrap;overflow:hidden;cursor:pointer;color:#0e1216;font-weight:500}.clip.medio{background:var(--medio)}.clip.texto{background:var(--texto-capa)}.clip.zoom{background:var(--tiempo)}.clip.subs{background:#3c4650;color:var(--ink-medio)}.clip.titulo{background:#4b5560;color:var(--ink)}.clip[aria-selected=true]{border-color:var(--ink);box-shadow:0 0 0 1px var(--ink)}.cabezal{position:absolute;top:-4px;bottom:-4px;width:2px;background:var(--tiempo);pointer-events:none;z-index:3}.cabezal:before{content:"";position:absolute;top:-1px;left:-4px;width:10px;height:7px;background:var(--tiempo);clip-path:polygon(0 0,100% 0,50% 100%)}.regla{display:grid;grid-template-columns:96px 1fr;gap:10px;margin-bottom:6px}.regla-marcas{position:relative;height:14px;border-bottom:1px solid var(--linea)}.marca{position:absolute;top:0;font-size:10px;color:var(--mute);transform:translate(-50%)}.marca:after{content:"";position:absolute;left:50%;bottom:-5px;width:1px;height:4px;background:var(--linea)}.aviso{display:flex;align-items:center;gap:8px;padding:8px 11px;border-radius:var(--radio);border:1px solid var(--linea);background:var(--base);margin-bottom:12px;font-size:12px}.aviso.trabajando{border-color:var(--tiempo-sordo);color:var(--tiempo)}.aviso.hecho{border-color:#2d5540;color:var(--ok)}.aviso.error{border-color:#5a2f28;color:var(--mal)}.punto{width:7px;height:7px;border-radius:50%;background:currentColor;flex:none}.aviso.trabajando .punto{animation:latir 1.1s ease-in-out infinite}@keyframes latir{0%,to{opacity:1}50%{opacity:.25}}.rejilla-broll{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:8px}.rejilla-broll button{padding:0;border:1px solid var(--linea);border-radius:3px;overflow:hidden;aspect-ratio:9 / 16;background:var(--base);cursor:pointer}.rejilla-broll button:hover{border-color:var(--medio)}.rejilla-broll img{width:100%;height:100%;object-fit:cover;display:block}@media(max-width:900px){.medio-cuerpo{grid-template-columns:1fr;grid-template-rows:auto 1fr}.inspector{border-right:0;border-bottom:1px solid var(--linea);max-height:42vh}.carril,.regla{grid-template-columns:64px 1fr}}