:root{--fondo:#1b1c1f;--panel:#26272b;--borde:#3a3b40;--texto:#ececec;--suave:#9a9ba2;--acento:#f3a712;--peligro:#e4572e;color:var(--texto);background:var(--fondo);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:var(--fondo);margin:0}button,input,select,textarea{font:inherit;color:inherit}button{background:var(--acento);color:#111;cursor:pointer;white-space:nowrap;border:0;border-radius:7px;padding:7px 12px;font-weight:600}button:disabled{opacity:.35;cursor:default}button.sec{color:var(--texto);border:1px solid var(--borde);background:0 0;font-weight:500}button.sec:hover:not(:disabled){border-color:var(--suave)}button.mini{color:var(--suave);border:1px solid var(--borde);background:0 0;padding:3px 8px;font-size:12px;font-weight:500}button.peligro:hover,button.confirmar{color:#fff;background:var(--peligro);border-color:var(--peligro)}input,select,textarea{border:1px solid var(--borde);background:#111214;border-radius:7px;padding:7px 9px}textarea{resize:vertical}input:focus,select:focus,textarea:focus{outline:2px solid var(--acento);outline-offset:-1px}.espacio{flex:1}a.boton{color:var(--texto);border:1px solid var(--borde);border-radius:7px;align-items:center;padding:7px 12px;font-weight:500;text-decoration:none;display:inline-flex}.fila{gap:8px;display:flex}.fila-der{justify-content:flex-end;gap:8px;margin-top:18px;display:flex}.inicio{max-width:980px;margin:0 auto;padding:32px 20px}.inicio-top{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.inicio h1{letter-spacing:.08em;margin:0;font-size:30px}.error{color:var(--peligro)}.nuevo{background:var(--panel);border:1px solid var(--borde);border-radius:12px;margin-bottom:24px;padding:20px}.nuevo label{color:var(--suave);gap:6px;font-size:13px;display:grid}.nuevo label input{color:var(--texto);font-size:16px}.etq{color:var(--suave);margin:16px 0 8px;font-size:13px}.resoluciones{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;display:grid}.res{color:var(--texto);border:1px solid var(--borde);background:#111214;justify-items:center;gap:3px;padding:12px 8px;font-weight:500;display:grid}.res.activo{border-color:var(--acento);box-shadow:0 0 0 1px var(--acento)}.res small{color:var(--suave);font-size:11px}.res-caja{place-items:center;width:64px;height:64px;margin-bottom:6px;display:grid}.res-forma{width:min(64px, calc(64px * var(--r)));background:#fff;border-radius:2px;display:block}.lista{gap:8px;display:grid}.item{background:var(--panel);border:1px solid var(--borde);cursor:pointer;border-radius:10px;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.item:hover{border-color:var(--suave)}.item b{display:block}.item small,.vacio{color:var(--suave)}.barra{z-index:5;border-bottom:1px solid var(--borde);background:#141517;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 16px;display:flex;position:sticky;top:0}.nombre{background:0 0;border-color:#0000;min-width:160px;font-size:17px;font-weight:700}.nombre:hover{border-color:var(--borde)}.chip{color:var(--suave);border:1px solid var(--borde);border-radius:99px;padding:3px 9px;font-size:12px}.sel{color:var(--suave);align-items:center;gap:6px;font-size:13px;display:flex}.sel select{color:var(--texto);padding:5px 6px}.toggle{color:var(--suave);border:1px solid var(--borde);background:0 0;font-weight:500}.toggle.on{color:#111;background:#d9d9de;border-color:#d9d9de}.board{flex-direction:column;min-height:100vh;display:flex}.hoja{flex-direction:column;flex:1;gap:16px;padding:18px 16px 40px;display:flex}.escena{border:2px solid color-mix(in srgb, var(--c) 70%, transparent);background:color-mix(in srgb, var(--c) 7%, var(--fondo));border-radius:12px;padding:10px 12px 14px}.escena-top{align-items:center;gap:8px;margin-bottom:10px;display:flex}.punto{border-radius:50%;flex:none;width:16px;height:16px;padding:0}.escena-titulo{background:0 0;border-color:#0000;min-width:120px;padding:4px 6px;font-size:15px;font-weight:700}.escena-titulo:hover{border-color:var(--borde)}.cont,.cuenta{color:var(--suave);font-size:12px}.paneles{flex-wrap:wrap;align-items:flex-start;gap:14px;display:flex}.panel{font-size:var(--fs);background:var(--panel);border:1px solid var(--borde);cursor:grab;border-radius:8px;padding:6px}.panel.fantasma{opacity:.35}.panel.destino{box-shadow:-5px 0 0 -1px var(--acento)}.panel-top{min-height:1.3em;max-width:calc(var(--img) + var(--desc) + 8px);align-items:baseline;gap:6px;margin-bottom:5px;display:flex}.num{color:var(--acento);font-weight:800}.titulo{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.titulo i{color:var(--suave);font-weight:400}.tags{color:var(--suave);white-space:nowrap;margin-left:auto;font-size:.9em}.panel-cuerpo{grid-template-columns:var(--img) auto;grid-template-areas:"img desc""letra desc";column-gap:8px;display:grid}.panel-img{width:var(--img);cursor:pointer;border-radius:4px;grid-area:img;line-height:0;position:relative;overflow:hidden}.panel-img svg{width:100%;height:auto;display:block}.panel-img:hover{outline:2px solid var(--acento)}.acciones{gap:3px;line-height:1;display:none;position:absolute;top:4px;right:4px}.panel-img:hover .acciones{display:flex}.acciones button{color:#fff;background:#141416d9;padding:2px 7px;font-size:12px}.acciones button.confirmar{background:var(--peligro)}.panel-desc{width:var(--desc);color:#cfcfd4;white-space:pre-wrap;overflow-wrap:anywhere;grid-area:desc;line-height:1.35}.panel-letra{width:var(--img);color:#f3d48a;white-space:pre-wrap;grid-area:letra;margin-top:5px;font-style:italic;line-height:1.3}.panel-nuevo{color:var(--suave);border:2px dashed var(--borde);background:0 0;margin-top:calc(1.3em + 11px);font-weight:500}.panel-nuevo:hover{color:var(--texto);border-color:var(--suave)}.escena-nueva{color:var(--suave);border:2px dashed var(--borde);background:0 0;align-self:flex-start;padding:14px 22px}.paginacion{border-top:1px solid var(--borde);background:#141517;flex-wrap:wrap;justify-content:center;gap:6px;padding:10px;display:flex;position:sticky;bottom:0}.pag{color:var(--suave);border:1px solid var(--borde);background:0 0;padding:5px 10px;font-weight:500}.pag.activo{background:var(--acento);color:#111;border-color:var(--acento)}.calco{gap:6px;font-size:12px;display:grid}.calco-etq{color:var(--suave)}.calco select{width:100%;padding:5px 6px;font-size:12px}.calco-op{color:var(--suave);gap:3px;display:grid}.calco-op input{accent-color:var(--acento);padding:0}.editor{z-index:20;background:var(--fondo);flex-direction:column;display:flex;position:fixed;inset:0}.ed-num{font-size:15px}.ed-escena{padding:5px 8px}.ed-cuerpo{flex:1;grid-template-columns:150px 1fr 300px;min-height:0;display:grid}.herramientas{border-right:1px solid var(--borde);flex-direction:column;gap:6px;min-width:0;padding:12px 10px;display:flex;overflow:hidden auto}.herr{color:var(--texto);border:1px solid var(--borde);text-align:left;background:0 0;align-items:center;gap:6px;font-size:13px;font-weight:500;display:flex}.herr.on{color:#111;background:#d9d9de;border-color:#d9d9de}.grosor{background:currentColor;border-radius:9px;width:18px;display:inline-block}.sep{background:var(--borde);height:1px;margin:4px 0}.colores{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.color{border:2px solid #0000;border-radius:6px;height:26px;padding:0}.color.on{box-shadow:0 0 0 2px var(--acento);border-color:#fff}.ed-lienzo{flex-direction:column;justify-content:center;align-items:center;gap:10px;min-width:0;min-height:0;padding:16px;display:flex}.lienzo-marco{width:min(100%, calc((100vh - 190px) * var(--r)));position:relative;box-shadow:0 6px 30px #00000080}.lienzo{touch-action:none;cursor:crosshair;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.lienzo.modo-borrador{cursor:cell}.lienzo.modo-seleccion,.lienzo.modo-lazo{cursor:default}.lienzo.modo-relleno{cursor:copy}.herr .ic{text-align:center;width:16px}.herr kbd{opacity:.6;margin-left:auto;font:10px ui-monospace,Menlo,monospace}.calco-etq kbd{opacity:.7;border:1px solid var(--borde);border-radius:3px;padding:0 3px;font:10px ui-monospace,Menlo,monospace}.ayuda{line-height:1.45}.ed-letra{color:#f3d48a;text-align:center;width:100%;max-width:900px;font-style:italic}.ed-datos{border-left:1px solid var(--borde);flex-direction:column;gap:12px;padding:14px;display:flex;overflow:auto}.ed-datos label{color:var(--suave);gap:5px;font-size:12px;display:grid}.ed-datos input,.ed-datos select,.ed-datos textarea{color:var(--texto);font-size:14px}.ayuda{color:var(--suave);margin-top:auto;font-size:11px}.presentacion{z-index:30;background:#050505;flex-direction:column;gap:12px;padding:14px 20px 10px;display:flex;position:fixed;inset:0}.pres-top{align-items:center;gap:12px;font-size:15px;display:flex}.pres-escena{border-left:4px solid var(--c);color:var(--suave);padding-left:8px}.pres-cuenta{color:var(--suave);font-variant-numeric:tabular-nums}.pres-cuerpo{flex:1;grid-template-columns:1fr;gap:18px;min-height:0;display:grid}.pres-cuerpo.con-desc{grid-template-columns:1fr 300px}.pres-img{cursor:pointer;justify-content:center;align-items:center;min-height:0;display:flex}.pres-img svg{width:100%;max-width:100%;height:100%;max-height:100%}.pres-desc{color:#ddd;white-space:pre-wrap;align-self:center;font-size:17px;line-height:1.45}.pres-letra{text-align:center;color:#f3d48a;white-space:pre-wrap;font-size:22px;font-style:italic}.pres-ayuda{text-align:center;color:#555;font-size:11px}@media (width<=900px){.ed-cuerpo{grid-template-rows:auto 1fr auto;grid-template-columns:1fr}.herramientas{border-right:0;border-bottom:1px solid var(--borde);flex-flow:wrap}.herramientas .sep{display:none}.ed-datos{border-left:0;border-top:1px solid var(--borde);max-height:40vh}.pres-cuerpo.con-desc{grid-template-columns:1fr}}.cargando{letter-spacing:.08em;min-height:100vh;color:var(--suave);place-items:center;font-weight:700;display:grid}.entrar{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:14px;min-height:100vh;padding:16px;display:flex}.entrar h1{letter-spacing:.08em;margin:0;font-size:34px}.entrar p{color:var(--suave);max-width:420px;margin:0}.entrar form{gap:8px;display:flex}.mi-cuenta{color:var(--suave);align-items:center;gap:8px;margin:-12px 0 18px;font-size:13px;display:flex}.mi-cuenta img{border-radius:50%;width:22px;height:22px}.aviso{background:var(--panel);border:1px solid var(--borde);border-left:3px solid var(--acento);border-radius:8px;justify-content:space-between;align-items:center;padding:10px 14px}.medidas{align-items:center;gap:4px;font-size:12px;display:flex}.medidas input{text-align:center;width:62px;padding:3px 5px;font-size:12px}.estado{white-space:nowrap;font-size:12px}.estado.en_vivo{color:#29a36a}.estado.sin_conexion,.estado.conectando{color:var(--acento)}.gente{display:flex}.avatar{color:#fff;background:#2e86de;border:2px solid #141517;border-radius:50%;place-items:center;width:26px;height:26px;margin-left:-6px;font-size:12px;font-weight:700;display:grid;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%}.modal-fondo{z-index:40;background:#0009;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal{background:var(--panel);border:1px solid var(--borde);border-radius:14px;gap:12px;width:min(520px,100%);padding:20px;display:grid}.modal h2{margin:0;font-size:19px}.suave{color:var(--suave);margin:0;font-size:13px}.miembros{gap:6px;display:grid}.miembro{border:1px solid var(--borde);background:#111214;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;font-size:14px;display:flex}.miembro small{color:var(--suave)}.creditos{border-bottom:1px solid var(--borde);cursor:pointer;background:#17181a;flex-wrap:wrap;gap:6px 22px;padding:10px 16px;font-size:13px;display:flex}.creditos span{flex-direction:column;display:flex}.creditos small{color:var(--suave);font-size:11px}.creditos-form{grid-template-columns:1fr 1fr;gap:10px;display:grid}.creditos-form label{color:var(--suave);gap:4px;font-size:12px;display:grid}.creditos-form input{color:var(--texto)}@media (width<=560px){.creditos-form{grid-template-columns:1fr}}.chip.solo-ver{color:var(--acento);border-color:var(--acento)}.punto:disabled{opacity:1;cursor:default}.permiso{padding:5px 6px;font-size:13px}.publico{gap:6px;display:grid}.publico label{color:var(--suave);font-size:12px}.lienzo.modo-directa{cursor:default}.lienzo-marco{position:relative}.pluma-modo{grid-template-columns:1fr 1fr;gap:4px;display:grid}.pluma-modo .herr{justify-content:center;padding:5px 4px;font-size:12px}.barra-trazado{border:1px solid var(--borde);z-index:2;background:#141517eb;border-radius:9px;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px;max-width:96%;padding:5px 7px;font-size:12px;display:flex;position:absolute;top:8px;left:50%;transform:translate(-50%)}.barra-trazado span{color:var(--suave);padding:0 4px}.barra-trazado button{color:var(--texto);border:1px solid var(--borde);background:0 0;padding:3px 8px;font-size:12px;font-weight:500}.barra-trazado button:hover{border-color:var(--acento)}.hormigas{stroke:#111;animation:.5s linear infinite hormigas}@keyframes hormigas{to{stroke-dashoffset:-18px}}.capas{border-top:1px solid var(--borde);gap:6px;padding-top:10px;display:grid}.capas-top{justify-content:space-between;align-items:center;font-size:13px;display:flex}.capas-lista{gap:3px;max-height:260px;display:grid;overflow-y:auto}.capa{border:1px solid var(--borde);cursor:pointer;background:#111214;border-radius:7px;align-items:center;gap:6px;padding:5px 6px;font-size:13px;display:flex}.capa.activa{border-color:var(--acento);background:color-mix(in srgb, var(--acento) 12%, #111214)}.capa.soltable{border-style:dashed}.capa input{flex:1;min-width:0;padding:2px 5px;font-size:13px}.capa-nombre{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.capa-cuenta{color:var(--suave);font-size:10px}.capa .ojo,.capa .candado{color:var(--texto);background:0 0;border:0;width:22px;padding:0 2px;font-size:13px}.capa .ojo.apagado{color:var(--suave)}.capa .candado{opacity:.45}.capa .candado.puesto{opacity:1}.capa-opciones{color:var(--suave);gap:6px;font-size:12px;display:grid}.capa-opciones label{gap:3px;display:grid}.capa-opciones input[type=range]{accent-color:var(--acento);padding:0}.capa-botones{flex-wrap:wrap;gap:4px;display:flex}.aviso-capa{color:var(--acento);margin:0;font-size:12px}.lienzo.modo-mover{cursor:move}.aviso-lienzo{max-width:90%;color:var(--texto);border:1px solid var(--acento);z-index:3;cursor:pointer;background:#141517f2;border-radius:9px;padding:8px 12px;font-size:13px;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.pincel{color:var(--suave);gap:6px;font-size:12px;display:grid}.pincel label{gap:3px;display:grid}.pincel b{color:var(--texto);font-weight:600}.pincel kbd{opacity:.6;font:10px ui-monospace,Menlo,monospace}.pincel input[type=range]{accent-color:var(--acento);padding:0}.pincel-punta{grid-template-columns:1fr 1fr;gap:4px;display:grid}.pincel-punta .herr{justify-content:center}.pestanas{border:1px solid var(--borde);border-radius:8px;display:flex;overflow:hidden}.pestanas button{color:var(--suave);background:0 0;border-radius:0;padding:6px 12px;font-weight:600}.pestanas button.on{color:#111;background:#d9d9de}.modal.guion{gap:10px;width:min(720px,94vw);display:grid}.modal.guion textarea{width:100%;min-height:140px}.guion-opciones{flex-wrap:wrap;align-items:end;gap:14px;display:flex}.guion-opciones label{color:var(--suave);gap:4px;font-size:13px;display:grid}.guion-opciones label.check{color:var(--texto);align-items:center;gap:6px;display:flex}.guion-vista{border:1px solid var(--borde);background:#111214;border-radius:8px;gap:8px;max-height:220px;padding:10px 12px;font-size:13px;display:grid;overflow:auto}.guion-vista ol{color:var(--suave);margin:4px 0 0;padding-left:22px}.timeline{flex-direction:column;flex:1;gap:10px;min-height:0;padding:12px 16px 20px;display:flex}.tl-vista{justify-content:center;align-items:flex-start;gap:18px;display:flex}.tl-img{background:#fff;border-radius:6px;flex:none;max-width:62vw;height:min(42vh,460px);line-height:0;overflow:hidden}.tl-img svg{width:100%;height:100%}.tl-info{align-content:start;gap:6px;width:300px;display:grid}.tl-num{color:var(--acento);font-weight:800}.tl-karaoke{margin:4px 0;font-size:20px;line-height:1.35}.tl-karaoke span{color:var(--suave)}.tl-karaoke span.dicha{color:var(--texto)}.tl-controles{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.tl-reloj{font-variant-numeric:tabular-nums;color:var(--suave);min-width:120px}.tl-pista{border:1px solid var(--borde);background:#111214;border-radius:10px;padding:0 10px 8px;overflow:auto hidden}.tl-lienzo{position:relative}.tl-regla{cursor:pointer;border-bottom:1px solid var(--borde);height:22px;position:relative}.tl-regla span{color:var(--suave);border-left:1px solid var(--borde);padding-left:3px;font-size:10px;position:absolute;top:4px}.tl-onda{cursor:pointer;height:56px;image-rendering:pixelated;margin-top:6px;display:block}.tl-palabras{cursor:pointer;height:18px;position:relative}.tl-palabras span{color:var(--suave);white-space:nowrap;border-left:1px solid #3a3b40;padding-left:2px;font-size:10px;position:absolute}.tl-paneles{height:74px;margin-top:6px;position:relative}.tl-panel{background:var(--panel);border:1px solid var(--borde);border-top:3px solid var(--c,var(--borde));cursor:pointer;border-radius:5px;justify-content:center;align-items:center;height:70px;display:flex;position:absolute;top:0;overflow:hidden}.tl-panel.actual{outline:2px solid var(--acento);outline-offset:-1px}.tl-panel svg{max-width:100%;height:100%}.tl-n{color:var(--acento);text-shadow:0 0 3px #000;font-size:10px;font-weight:800;position:absolute;top:1px;left:3px}.tl-orilla{cursor:ew-resize;width:8px;position:absolute;top:0;bottom:0;right:0}.tl-orilla:hover{background:color-mix(in srgb, var(--acento) 60%, transparent)}.tl-cabeza{background:var(--peligro);pointer-events:none;width:2px;margin-left:-1px;position:absolute;top:0;bottom:0}.tl-ayuda{color:var(--suave);margin:0;font-size:12px}.aviso.error{color:var(--peligro)}.modal.exportar{width:min(640px,94vw)}.modal.exportar section{border-top:1px solid var(--borde);padding:12px 0}.modal.exportar h3{margin:0 0 4px;font-size:15px}.modal.exportar .fila{flex-wrap:wrap;align-items:center}label.check{align-items:center;gap:6px;font-size:13px;display:flex}.barra-avance{background:#111214;border-radius:99px;height:6px;margin-top:8px;overflow:hidden}.barra-avance div{background:var(--acento);height:100%;transition:width .2s}.impresion{display:none}@media print{@page{size:landscape;margin:9mm}body{background:#fff}#root{display:none!important}.impresion{color:#111;font-family:Inter,Helvetica,Arial,sans-serif;display:block}.hoja-imp{break-after:page;flex-direction:column;gap:3mm;height:calc(100vh - 1mm);display:flex}.hoja-imp:last-child{break-after:auto}.hoja-imp header{border-bottom:.3mm solid #999;align-items:baseline;gap:6mm;padding-bottom:1.5mm;font-size:9pt;display:flex}.hoja-imp header b{font-size:12pt}.hoja-imp header span{color:#555}.pag-imp{margin-left:auto}.rejilla-imp{grid-template-columns:repeat(var(--cols), 1fr);grid-template-rows:repeat(var(--filas), minmax(0, 1fr));flex:1;gap:4mm 5mm;min-height:0;display:grid}.celda-imp{flex-direction:column;min-height:0;font-size:8pt;display:flex;overflow:hidden}.cab-imp{white-space:nowrap;align-items:baseline;gap:1.5mm;margin-bottom:1mm;display:flex;overflow:hidden}.cab-imp b{font-size:10pt}.cab-imp i{color:#555;margin-left:auto;font-style:normal}.esc-imp{color:#555;border-left:1.2mm solid var(--c);padding-left:1mm}.img-imp{border:.3mm solid #888;flex:0 auto;min-height:0;max-height:100%;line-height:0;display:flex}.img-imp svg{width:100%;height:100%}.letra-imp{margin:1mm 0 0;font-style:italic}.desc-imp{color:#333;margin:.8mm 0 0}}