:root{--fondo: #06080a;--panel: #0e1314;--panel-2: #192023;--panel-3: #222b2e;--borde: rgba(238, 243, 241, .1);--borde-fuerte: rgba(238, 243, 241, .18);--texto: #eef3f1;--texto-2: #b4bdba;--texto-3: #8c9693;--cian: #00ffe0;--verde: #00ff7a;--niebla: #bcbdb5;--rosa: #ff4fe0;--grad: linear-gradient(120deg, #00ffe0 0%, #00ff7a 38%, #bcbdb5 66%, #ff4fe0 100%);--grad-pulso: linear-gradient(120deg, #00ffe0, #00ff7a);--grad-eco: linear-gradient(120deg, #bcbdb5, #ff4fe0);--acento: #00ff7a;--acento-suave: rgba(0, 255, 122, .12);--acento-texto: #0b0f10;--grupo: rgba(0, 255, 224, .12);--grupo-borde: #00ffe0;--peligro: #ff5a5a;--ok: #00ff7a;--radio: 10px;--sans: "Manrope", system-ui, sans-serif;--display: "Sora", "Manrope", system-ui, sans-serif;--serif: "Sora", "Manrope", system-ui, sans-serif;--mono: "IBM Plex Mono", ui-monospace, monospace;color-scheme:dark}*{box-sizing:border-box}html,body,#raiz{height:100%;margin:0}body{background:var(--fondo);color:var(--texto);font:14px/1.45 var(--sans);-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;border:1px solid var(--borde-fuerte);background:var(--panel-2);border-radius:var(--radio);padding:7px 12px;display:inline-flex;align-items:center;gap:7px;white-space:nowrap;transition:background .12s,border-color .12s}button:hover{background:var(--panel-3);border-color:#eef3f147}button:disabled{opacity:.4;cursor:default}button.primario{background:var(--acento);border-color:var(--acento);color:var(--acento-texto);font-weight:600}button.primario:hover{background:#5cffa8}button.fantasma{background:transparent;border-color:transparent}button.fantasma:hover{background:var(--panel-3)}button.activo{background:var(--acento-suave);border-color:var(--acento);color:var(--acento)}button.chico{padding:4px 8px;font-size:12px}input[type=text],input[type=number],select,textarea{background:var(--fondo);border:1px solid var(--borde-fuerte);border-radius:var(--radio);padding:7px 10px;outline:none;min-width:0}input:focus,select:focus,textarea:focus{border-color:var(--acento)}input[type=range]{accent-color:var(--acento);width:100%}kbd{font:11px var(--mono);padding:1px 5px;border:1px solid var(--borde-fuerte);border-bottom-width:2px;border-radius:4px;color:var(--texto-2);background:var(--panel-2)}.marca{font-family:var(--display);font-weight:800;letter-spacing:-.03em}.inicio{max-width:1080px;margin:0 auto;padding:48px 24px 80px}.inicio h1{font-size:40px;font-weight:500;letter-spacing:-.05em;margin:0 0 6px}.inicio h1{display:flex;align-items:center;gap:14px}.inicio h1 .logo{width:52px;height:52px}.marca-klix{font-weight:900;letter-spacing:-.04em;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.inicio .sub{color:var(--texto-2);margin:0 0 32px}.zona{border:1.5px dashed var(--borde-fuerte);border-radius:16px;padding:48px 24px;text-align:center;background:var(--panel);transition:border-color .15s,background .15s;cursor:pointer}.zona.encima,.zona:hover{border-color:var(--acento);background:#0b1512}.zona .grande{font-size:18px;font-weight:500;margin:8px 0 4px}.zona .ayuda{color:var(--texto-3);font-size:13px}.vocab{display:flex;gap:10px;align-items:center;margin:14px 0 0;color:var(--texto-2);font-size:13px}.vocab input{flex:1}.grilla{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;margin-top:36px}.tarjeta{background:var(--panel);border:1px solid var(--borde);border-radius:12px;padding:14px;cursor:pointer;display:flex;flex-direction:column;gap:6px;transition:border-color .12s;position:relative}.tarjeta:hover{border-color:var(--borde-fuerte)}.tarjeta .nombre{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-right:28px}.tarjeta .meta{color:var(--texto-3);font-size:12px}.tarjeta .borrar{position:absolute;top:8px;right:8px;padding:4px 6px;opacity:0}.tarjeta:hover .borrar{opacity:1}.barra{height:4px;background:var(--panel-3);border-radius:2px;overflow:hidden}.barra>div{height:100%;background:var(--acento);transition:width .3s}.etiqueta{display:inline-block;font-size:11px;padding:2px 7px;border-radius:99px;background:var(--panel-3);color:var(--texto-2)}.etiqueta.ok{background:#ff4fe01f;color:var(--ok)}.etiqueta.error{background:#ff5a5a1f;color:var(--peligro)}.editor{height:100%;display:grid;grid-template-rows:52px 1fr auto;grid-template-columns:minmax(0,1fr) 420px;grid-template-areas:"cabecera cabecera" "visor lateral" "linea linea"}.cabecera{grid-area:cabecera;display:flex;align-items:center;gap:10px;padding:0 12px;border-bottom:1px solid var(--borde);background:var(--panel)}.cabecera .titulo{background:transparent;border:1px solid transparent;font-weight:500;font-size:15px;width:320px}.cabecera .titulo:hover{border-color:var(--borde)}.cabecera .guardado{color:var(--texto-3);font-size:12px}.cabecera .espacio{flex:1}.visor{grid-area:visor;min-height:0;display:flex;flex-direction:column;background:#08090a}.visor .escenario{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:16px}.visor .escenario.ajedrez{background-color:#0b0f10;background-image:linear-gradient(45deg,#192023 25%,transparent 25%),linear-gradient(-45deg,#192023 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#192023 75%),linear-gradient(-45deg,transparent 75%,#192023 75%);background-size:24px 24px;background-position:0 0,0 12px,12px -12px,-12px 0}.controles{display:flex;align-items:center;gap:8px;padding:8px 12px;border-top:1px solid var(--borde);background:var(--panel)}.controles .tiempo{font:13px var(--mono);color:var(--texto-2);min-width:150px}.lateral{grid-area:lateral;min-height:0;border-left:1px solid var(--borde);background:var(--panel);display:flex;flex-direction:column}.pestanas{display:flex;gap:4px;padding:8px;border-bottom:1px solid var(--borde)}.pestanas button{flex:1;justify-content:center}.lateral .cuerpo{flex:1;min-height:0;overflow-y:auto;padding:14px}.inspector{border-top:1px solid var(--borde);padding:12px 14px 14px;background:var(--panel-2);display:flex;flex-direction:column;gap:10px}.inspector .fila{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.inspector .rotulo{font-size:11px;color:var(--texto-3);text-transform:uppercase;letter-spacing:.06em}.par-tiempo{display:inline-flex;align-items:center;gap:4px;margin-right:8px}.campo-tiempo{display:flex;align-items:center;gap:2px;font:12px var(--mono)}.campo-tiempo input{width:74px;font:12px var(--mono);padding:5px 6px;text-align:center}.transcripcion{font-size:16px;line-height:2.1;-webkit-user-select:none;user-select:none}.pal{display:inline;padding:3px;margin:0 1px;border-radius:5px;cursor:pointer;border:1px solid transparent;transition:background .08s}.pal:hover{background:var(--panel-3)}.pal.enfasis{font-family:var(--display);font-weight:800;font-size:17px;letter-spacing:-.02em;color:var(--verde)}.pal.grupo{background:var(--grupo);border-radius:0;margin:0;padding-left:4px;padding-right:4px}.pal.grupo.g-ini{border-top-left-radius:6px;border-bottom-left-radius:6px;box-shadow:inset 2px 0 0 var(--grupo-borde)}.pal.grupo.g-fin{border-top-right-radius:6px;border-bottom-right-radius:6px;box-shadow:inset -2px 0 0 var(--grupo-borde)}.pal.grupo.g-ini.g-fin{box-shadow:inset 2px 0 0 var(--grupo-borde),inset -2px 0 0 var(--grupo-borde)}.pal.oculta{color:var(--texto-3);text-decoration:line-through}.pal.actual{color:var(--acento)}.pal.sel{border-color:var(--acento);background:var(--acento-suave)}.pal input{font-size:15px;padding:2px 6px;width:140px}.ajuste{margin-bottom:16px}.ajuste .cab{display:flex;justify-content:space-between;font-size:13px;color:var(--texto-2);margin-bottom:4px}.ajuste .cab span:last-child{font:12px var(--mono);color:var(--texto)}.seccion{font-size:11px;color:var(--texto-3);text-transform:uppercase;letter-spacing:.08em;margin:22px 0 10px}.seccion:first-child{margin-top:0}.atajos{display:grid;grid-template-columns:auto 1fr;gap:6px 12px;font-size:13px;color:var(--texto-2);align-items:center}.linea{grid-area:linea;border-top:1px solid var(--borde);background:var(--panel);-webkit-user-select:none;user-select:none}.linea .barra-linea{display:flex;align-items:center;gap:10px;padding:6px 12px;font-size:12px;color:var(--texto-3)}.linea .barra-linea input[type=range]{width:140px}.pista{position:relative;height:128px;overflow-x:auto;overflow-y:hidden;background:#080b0d;cursor:text}.pista canvas{position:sticky;left:0;top:0;display:block;pointer-events:none}.pista .contenido{position:absolute;top:0;left:0;height:100%}.regla{position:absolute;top:0;height:18px;font:10px var(--mono);color:var(--texto-3);border-left:1px solid var(--borde-fuerte);padding-left:3px;pointer-events:none}.bloque{position:absolute;top:70px;height:46px;border-radius:6px;background:var(--panel-3);border:1px solid var(--borde-fuerte);font-size:12px;display:flex;align-items:center;padding:0 6px;overflow:hidden;white-space:nowrap;cursor:grab}.bloque.enfasis{font-family:var(--display);font-weight:700;color:#ffc2f3;font-size:14px;background:#ff4fe01a;border-color:#ff4fe080}.bloque.grupo{box-shadow:inset 0 -3px 0 var(--grupo-borde)}.bloque.oculta{opacity:.35;text-decoration:line-through}.bloque.sel{border-color:var(--acento);background:#00ff7a24;z-index:2}.bloque .borde{position:absolute;top:0;bottom:0;width:7px;cursor:ew-resize}.bloque .borde.izq{left:0}.bloque .borde.der{right:0}.bloque .borde:hover{background:#00ff7a59}.cabezal{position:absolute;left:0;will-change:transform;top:0;bottom:0;width:2px;margin-left:-1px;background:var(--acento);pointer-events:none;z-index:5}.velo{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:50}.modal{background:var(--panel);border:1px solid var(--borde-fuerte);border-radius:14px;width:min(560px,calc(100vw - 32px));padding:20px}.modal h2{margin:0 0 14px;font-size:18px;font-weight:500}.opcion{display:flex;gap:12px;align-items:flex-start;width:100%;text-align:left;padding:12px 14px;margin-bottom:8px;white-space:normal}.opcion .t{font-weight:500}.opcion .d{color:var(--texto-3);font-size:12px}.vacio{color:var(--texto-3);text-align:center;padding:24px}.cargando{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;color:var(--texto-2)}.cargando .barra{width:320px}.aviso{position:fixed;bottom:160px;left:50%;transform:translate(-50%);background:var(--panel-3);border:1px solid var(--borde-fuerte);padding:8px 14px;border-radius:99px;font-size:13px;z-index:60;pointer-events:none}.emoji-chip{font-family:"Segoe UI Emoji","Apple Color Emoji",sans-serif;font-style:normal;font-size:13px;margin-left:3px;vertical-align:super}.emojis-rapidos{display:flex;flex-wrap:wrap;gap:2px}.emojis-rapidos button{padding:3px 5px;font-size:16px;line-height:1}.muestras{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-bottom:14px}.muestra{width:26px;height:26px;padding:0;border-radius:50%;border:2px solid var(--borde-fuerte);justify-content:center;font-size:12px}.muestra.activa{border-color:var(--acento);box-shadow:0 0 0 2px var(--acento-suave)}.muestra.defecto{background:var(--panel-3);color:var(--texto-2)}.propio{display:inline-flex;gap:2px;margin-left:4px}input[type=color]{width:30px;height:26px;padding:0;border:1px solid var(--borde-fuerte);border-radius:6px;background:transparent;cursor:pointer}.temas{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.tema{justify-content:center;padding:12px 6px;background:#0b0c0e}.fila2{display:flex;gap:6px;margin-bottom:10px}.fila2 select{flex:1}.interruptor{display:flex;gap:8px;align-items:center;font-size:13px;color:var(--texto-2);margin-bottom:14px;cursor:pointer}.interruptor input{accent-color:var(--acento)}.chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}.rotulo-chico{font-size:13px;color:var(--texto-2);margin-bottom:6px}.barra>div.indeterminada{animation:ir-y-venir 1.2s ease-in-out infinite alternate}@keyframes ir-y-venir{0%{transform:translate(-10%)}to{transform:translate(200%)}}.pestanas button{font-size:13px;padding:7px 6px}.solo-movil{display:none}@media(max-width:860px){.solo-movil{display:inline-flex}.solo-escritorio{display:none!important}body{font-size:15px}.editor{height:100dvh;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,40dvh) minmax(0,1fr) auto;grid-template-areas:"cabecera" "visor" "lateral" "linea";padding-bottom:env(safe-area-inset-bottom)}.cabecera{padding:env(safe-area-inset-top) 8px 0;min-height:52px;gap:4px}.cabecera .titulo{width:auto;flex:1;min-width:0;font-size:14px}.cabecera .guardado,.cabecera .espacio{display:none}.visor .escenario{padding:8px}.controles{padding:6px 8px;gap:6px}.controles .tiempo{min-width:0;font-size:12px}.lateral{border-left:0;border-top:1px solid var(--borde)}.pestanas{padding:6px}.lateral .cuerpo{padding:10px 12px}.transcripcion{font-size:17px;line-height:2.2}.pal{padding:4px}.inspector{max-height:48%;overflow-y:auto;padding:10px 12px}button{min-height:36px}button.chico{min-height:32px}.muestra{width:30px;height:30px}.emojis-rapidos button{font-size:20px;padding:5px 6px}.linea .barra-linea span:last-child{display:none}.pista{height:104px}.bloque{top:54px;height:42px;font-size:13px}.bloque .borde{width:16px}.inicio{padding:calc(28px + env(safe-area-inset-top)) 16px 60px}.inicio h1{font-size:30px}.inicio h1 .logo{width:40px;height:40px}.zona{padding:36px 16px}.vocab{flex-direction:column;align-items:stretch}.tarjeta .borrar{opacity:1}.temas{grid-template-columns:repeat(2,1fr)}.aviso{bottom:130px}}.pista,.bloque{touch-action:pan-x}.bloque .borde{touch-action:none}@media(pointer:coarse){.bloque .borde{width:16px}.bloque .borde:after{content:"";position:absolute;top:30%;bottom:30%;left:50%;width:2px;margin-left:-1px;border-radius:1px;background:#ffffff59}}.pista{height:196px}.clip{position:absolute;top:18px;height:18px;border-radius:5px;background:#0f2626;border:1px solid rgba(0,255,224,.35);font-size:10px;color:#9fe9df;display:flex;align-items:center;padding:0 8px;overflow:hidden;white-space:nowrap;cursor:grab;touch-action:pan-x;z-index:1}.clip.sel{border-color:var(--acento);background:#00ff7a24;color:var(--acento)}.clip.moviendo{opacity:.85;z-index:6;box-shadow:0 6px 18px #00000080}.clip .borde,.marca-efecto .borde{position:absolute;top:0;bottom:0;width:8px;cursor:ew-resize;touch-action:none}.clip .borde.izq,.marca-efecto .borde.izq{left:0}.clip .borde.der,.marca-efecto .borde.der{right:0}.clip .borde:hover,.marca-efecto .borde:hover{background:#00ff7a59}.bloque{top:72px;height:42px}.marca-efecto{position:absolute;height:20px;border-radius:5px;font-size:11px;display:flex;align-items:center;padding:0 8px;white-space:nowrap;overflow:hidden;cursor:grab;touch-action:pan-x;z-index:2}.marca-efecto.zoom{top:120px;background:#00ffe024;border:1px solid rgba(0,255,224,.45);color:#b3fff5}.marca-efecto.zoom>span{position:relative;z-index:1}.curva-zoom{position:absolute;left:0;top:0;pointer-events:none}.curva-zoom path{fill:#00ffe047;stroke:#78ffebcc;stroke-width:1;vector-effect:non-scaling-stroke}.marca-efecto.zoom.sel .curva-zoom path{fill:#00ff7a40;stroke:var(--acento)}.rampa-tirador{position:absolute;top:1px;width:9px;height:9px;margin-left:-4.5px;transform:rotate(45deg);background:#b3fff5;border:1px solid #0b0f10;cursor:ew-resize;touch-action:none;z-index:4}.marca-efecto.zoom.sel .rampa-tirador{background:var(--acento)}.marca-efecto.sonido{top:145px;min-width:20px;padding:0 6px;background:#ff4fe01f;border:1px solid rgba(255,79,224,.45);color:#ffc2f3}.marca-efecto.sonido.atado{background:transparent;border-style:dashed;opacity:.75}.marca-efecto.sel{border-color:var(--acento);color:var(--acento);background:#00ff7a24;z-index:3}.nombre-sonido{margin-left:4px;overflow:hidden;text-overflow:ellipsis}.ayuda-linea{margin-left:auto}button.peligro{color:var(--peligro);border-color:#ff5a5a73}.ayuda-panel{font-size:12px;color:var(--texto-3);margin:0 0 10px;line-height:1.5}.lista-efectos{display:flex;flex-direction:column;gap:4px;margin-bottom:8px}.item-efecto{justify-content:flex-start;gap:10px;font-size:13px;background:var(--panel-2)}.item-efecto.sel{border-color:var(--acento)}.item-efecto.cortado{opacity:.5}.item-efecto .nombre{overflow:hidden;text-overflow:ellipsis}.mono{font-family:var(--mono);font-size:12px;color:var(--texto-2)}.enfasis-sonido{border:1px solid var(--borde);border-radius:var(--radio);padding:10px;margin-top:6px}.modal-ancho{width:min(680px,calc(100vw - 24px));max-height:calc(100dvh - 40px);display:flex;flex-direction:column}.lista-sonidos{flex:1;min-height:120px;overflow-y:auto;margin:8px 0}.fila-sonido{display:flex;align-items:center;gap:8px;padding:7px 4px;border-bottom:1px solid var(--borde)}.info-sonido{flex:1;min-width:0}.info-sonido .nombre{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.info-sonido .meta{font-size:11px;color:var(--texto-3)}.info-sonido a,.credito-biblio a{color:var(--texto-2)}.credito-biblio{font-size:11px;color:var(--texto-3);margin:4px 0 10px}.grilla-iconos{flex:1;min-height:120px;overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(52px,1fr));gap:6px;margin:8px 0;align-content:start}.icono-opcion{justify-content:center;padding:10px 0;background:var(--panel-2)}.icono-chip{width:14px;height:14px;margin-left:3px;vertical-align:-1px;opacity:.85}.icono-grande{width:24px;height:24px}.sonido-chip{font-size:11px;color:var(--ok);margin-left:2px;vertical-align:super}.pal.cortada{opacity:.35;text-decoration:line-through}.aviso-punto{position:absolute;top:10px;left:50%;transform:translate(-50%);background:#000000b3;color:var(--acento);font-size:12px;padding:5px 10px;border-radius:99px;pointer-events:none;white-space:nowrap}@media(max-width:860px){.pista{height:156px}.clip{top:17px;height:16px}.bloque{top:60px;height:36px}.marca-efecto{height:18px}.marca-efecto.zoom{top:100px}.marca-efecto.sonido{top:122px}.clip .borde,.marca-efecto .borde{width:16px}.rampa-tirador{width:12px;height:12px;margin-left:-6px}.ayuda-linea{display:none}.barra-linea{flex-wrap:wrap}}.curva-ajuste{display:flex;align-items:center;gap:6px;margin-top:4px}.curva-ajuste input{flex:1;min-width:0}.curva-ajuste .extremo{font-size:10px;color:var(--texto-3)}.mini-curva{flex:none;background:#00ffe014;border-radius:4px}.mini-curva polyline{fill:none;stroke:#b3fff5;stroke-width:1.5}@media(max-width:860px){.editor{grid-template-rows:auto minmax(0,36dvh) auto minmax(0,1fr);grid-template-areas:"cabecera" "visor" "linea" "lateral"}.linea{border-bottom:1px solid var(--borde)}.linea .barra-linea{padding:4px 8px;gap:8px}.linea .barra-linea input[type=range]{width:96px}.pista{height:126px}.clip{top:15px;height:15px}.bloque{top:50px;height:32px;font-size:13px}.marca-efecto{height:17px;font-size:10px}.marca-efecto.zoom{top:85px;height:19px}.marca-efecto.sonido{top:107px}.lateral.con-inspector>.cuerpo{display:none}.lateral.con-inspector>.inspector{flex:1;max-height:none;overflow-y:auto;border-top:0}.volver-texto{align-self:flex-start}.inspector.sin-eleccion{display:none}.pestanas{padding:4px 6px;gap:2px}.pestanas button{padding:6px 4px;font-size:14px}.cabecera button.primario{padding-left:12px;padding-right:12px}input[type=text],input[type=number],input[type=search],input:not([type]),select,textarea,.cabecera .titulo,.campo-tiempo input{font-size:16px}.velo{align-items:stretch}.modal,.modal-ancho{width:100%;max-height:none;height:100dvh;border-radius:0;border:0;padding:calc(14px + env(safe-area-inset-top)) 14px calc(14px + env(safe-area-inset-bottom));overflow-y:auto;display:flex;flex-direction:column}.fila-sonido{flex-wrap:wrap}.fila-sonido .info-sonido{flex:1 1 calc(100% - 90px)}.fila-sonido>button:not(:first-child){flex:1 1 auto}.aviso{bottom:calc(16px + env(safe-area-inset-bottom))}}@media(pointer:coarse){button,.pal,.bloque,.clip,.marca-efecto{touch-action:manipulation}.pista,.bloque,.clip,.marca-efecto{touch-action:pan-x}input[type=range]{height:30px}}.licencia{color:#8fcf9a}.licencia.credito{color:var(--acento)}.marca-efecto.musica{top:172px;background:#bcbdb524;border:1px solid rgba(188,189,181,.5);color:#e4e5de}.marca-efecto.musica .fundido{position:absolute;top:0;bottom:0;pointer-events:none}.marca-efecto.musica .fundido.ent{left:0;background:linear-gradient(to right,rgba(6,8,10,.75),transparent)}.marca-efecto.musica .fundido.sal{right:0;background:linear-gradient(to left,rgba(6,8,10,.75),transparent)}.marca-efecto.musica>span{position:relative}.credito-texto{font-size:12px;color:var(--texto-2);background:var(--panel);border:1px solid var(--borde);border-radius:6px;padding:6px 8px;-webkit-user-select:text;user-select:text}@media(min-width:861px){.pista{height:214px}}@media(max-width:860px){.pista{height:148px}.marca-efecto.musica{top:128px}}.aviso-formato{display:flex;align-items:center;gap:10px;padding:8px 12px;font-size:13px;background:#00ff7a24;color:var(--acento);border-bottom:1px solid var(--borde)}.aviso-formato span{flex:1}.modal-miniatura{width:min(980px,calc(100vw - 24px))}.miniatura{display:flex;gap:16px;min-height:0;flex:1;overflow:hidden}.miniatura-vista{position:relative;flex:none;height:min(68vh,640px);aspect-ratio:9 / 16;border-radius:8px;overflow:hidden;background:#000}.miniatura-vista canvas{width:100%;height:100%;display:block}.miniatura-cargando{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:var(--texto-2);font-size:13px;text-align:center;padding:16px;background:#00000080}.miniatura-cargando.chico{inset:auto 8px 8px auto;padding:2px 8px;border-radius:6px}.miniatura-controles{flex:1;min-width:0;overflow-y:auto;display:flex;flex-direction:column;gap:6px;padding-right:4px}.miniatura-controles>*{flex:none}.miniatura-controles textarea{min-height:64px;width:100%;resize:vertical;font:inherit;font-size:15px;padding:8px;border-radius:8px;border:1px solid var(--borde-fuerte);background:var(--panel-2);color:var(--texto)}.miniatura-cuadros{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}.miniatura-cuadros button{padding:0;border-radius:6px;overflow:hidden;border:2px solid transparent;aspect-ratio:9 / 16;min-height:0}.miniatura-cuadros button.activo{border-color:var(--acento)}.miniatura-cuadros img{width:100%;height:100%;object-fit:cover;display:block}@media(max-width:860px){.modal-miniatura{width:100%}.miniatura{flex-direction:column;overflow-y:auto}.miniatura-vista{height:46dvh;align-self:center}.miniatura-controles{overflow:visible}.miniatura-controles textarea{font-size:16px}}.miniatura-vista canvas{cursor:move;touch-action:none}.miniatura-marco{position:absolute;border:1.5px dashed var(--acento);border-radius:6px;pointer-events:none}.miniatura-capa{display:flex;flex-direction:column;gap:6px;padding:10px;border:1px solid var(--borde);border-radius:8px;background:var(--panel-2)}.campo-chico{display:flex;flex-direction:column;gap:3px;font-size:11px;color:var(--texto-3)}.musica-propia{display:flex;flex-direction:column;gap:6px;padding:10px;margin-bottom:10px;border:1px solid var(--borde);border-radius:8px;background:var(--panel-2);font-size:13px;color:var(--texto-2)}.boton-enlace{display:inline-flex;align-items:center;text-decoration:none;cursor:pointer;padding:5px 10px;border-radius:7px;border:1px solid var(--borde-fuerte);color:var(--texto);font-size:12px}.boton-enlace.primario{background:var(--acento);color:#0b0f10;border-color:var(--acento)}.boton-enlace.deshabilitado{opacity:.6;pointer-events:none}.icono-esperando{display:inline-block;min-width:14px;min-height:14px;border-radius:4px;background:#ffffff14}.linea-musica{flex:1 1 100%;display:flex;align-items:center;gap:8px;font-size:11px;color:var(--texto-3);padding:2px 4px 0 40px}.barra-musica{position:relative;flex:1;display:flex;align-items:center}.barra-musica .bajado{position:absolute;left:0;top:50%;height:4px;margin-top:-2px;border-radius:2px;background:#ffffff1f;pointer-events:none}.barra-musica input{position:relative;width:100%}.cargando-musica{color:var(--acento)}.fila-sonido{flex-wrap:wrap}.marco-texto{position:absolute;border:1.5px dashed var(--acento);border-radius:6px;pointer-events:none}.marca-efecto.texto-libre{top:194px;background:#f0f0f01a;border:1px solid rgba(240,240,240,.45);color:#eee}@media(min-width:861px){.pista{height:236px}}@media(max-width:860px){.pista{height:170px}.marca-efecto.texto-libre{top:149px}}.texto-libre-campo{width:100%;min-height:60px;resize:vertical;font:inherit;font-size:15px;padding:8px;border-radius:8px;border:1px solid var(--borde-fuerte);background:var(--panel);color:var(--texto)}@media(max-width:860px){.texto-libre-campo{font-size:16px}}.ajuste-sombra{display:flex;flex-direction:column;gap:4px;padding:8px;border:1px solid var(--borde);border-radius:8px}.marco-subtitulo{position:absolute;border:1.5px dashed rgba(0,255,224,.9);border-radius:6px;pointer-events:none}.pal.con-pos:after{content:"";display:inline-block;width:5px;height:5px;margin-left:2px;border-radius:50%;background:#00ffe0e6;vertical-align:super}.acordeon{border-bottom:1px solid var(--borde)}.acordeon:first-child{border-top:1px solid var(--borde)}.acordeon-cab{all:unset;box-sizing:border-box;display:flex;align-items:center;gap:8px;width:100%;padding:12px 2px;cursor:pointer;font-size:11px;color:var(--texto-2);text-transform:uppercase;letter-spacing:.08em}.acordeon-cab:hover{color:var(--texto)}.acordeon-cab:focus-visible{outline:2px solid var(--acento);outline-offset:-2px}.acordeon-extra{margin-left:auto;text-transform:none;letter-spacing:0;color:var(--texto-3)}.acordeon-flecha{margin-left:auto;font-size:16px;line-height:1;transition:transform .15s}.acordeon-extra+.acordeon-flecha{margin-left:0}.acordeon.abierta .acordeon-cab{color:var(--texto)}.acordeon.abierta .acordeon-flecha{transform:rotate(90deg)}.acordeon-cuerpo{padding:2px 0 16px}.frase-linea{position:absolute;top:61px;height:8px;border-radius:4px 4px 1px 1px;background:#00ffe059;border:1px solid rgba(0,255,224,.7);border-bottom:none;cursor:pointer;z-index:2;touch-action:pan-x}.frase-linea.par{background:#bcbdb559;border-color:#bcbdb5bf}.frase-linea:hover{filter:brightness(1.4)}.frase-linea.sel{background:var(--acento);border-color:var(--acento)}@media(max-width:860px){.frase-linea{top:50px;height:9px}}@media(max-width:560px){.frase-linea{top:40px;height:9px}}.juegos{display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:6px;margin-bottom:10px}.juego{display:flex;flex-direction:column;align-items:flex-start;gap:5px;padding:7px 8px;font-size:12px;background:var(--panel-2);border:1px solid var(--borde);border-radius:var(--radio);color:var(--texto-2);cursor:pointer}.juego:hover{border-color:var(--borde-fuerte);color:var(--texto)}.juego.activo{border-color:var(--acento);color:var(--texto)}.juego-muestras{display:flex;gap:3px}.juego-muestras i{width:16px;height:16px;border-radius:4px}.editar-variante{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:4px 0 10px;font-size:12px;color:var(--texto-2)}.editar-variante label{display:flex;align-items:center;gap:6px}.mis-temas{margin-top:14px}.tema-propio{display:inline-flex}.tema-propio .chico:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.tema-propio .quitar{border-top-left-radius:0;border-bottom-left-radius:0;padding-left:7px;padding-right:7px}.cuenta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;padding-top:10px;border-top:1px solid var(--borde)}.cuenta img{width:26px;height:26px;border-radius:50%}.cuenta-nombre{flex:1;min-width:0;display:flex;flex-direction:column;font-size:13px;overflow:hidden;text-overflow:ellipsis}.cuenta-nombre small{color:var(--texto-3);font-size:11px}h1,h2,h3,.titulo,.tarjeta .nombre,.zona .grande{font-family:var(--display);letter-spacing:-.025em}.inicio h1{font-weight:800;letter-spacing:-.04em}.modal h2{font-weight:700}.seccion,.acordeon-cab,.rotulo-chico,.rotulo,.pestanas button,kbd,.mono{font-family:var(--mono)}.seccion,.acordeon-cab,.rotulo-chico,.rotulo{letter-spacing:.14em;text-transform:uppercase}.pestanas button{font-size:12px;letter-spacing:.08em;text-transform:uppercase}button.primario{background:var(--grad-pulso);border-color:transparent;color:var(--acento-texto);font-family:var(--display);font-weight:700;box-shadow:0 0 28px -10px #00ff7a99}button.primario:hover{background:var(--grad-pulso);filter:brightness(1.08)}:focus-visible{outline:2px solid var(--verde);outline-offset:2px}.modal,.zona{position:relative;background:linear-gradient(180deg,#ffffff0e,#ffffff04),var(--panel);box-shadow:0 0 60px -20px #00ff7a47,inset 0 1px #ffffff0f}.modal:before,.zona:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:1px;background:var(--grad);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.55;pointer-events:none}.zona{border-color:transparent;border-radius:22px}.zona.encima,.zona:hover{border-color:transparent;background:linear-gradient(180deg,#00ff7a14,#ffffff04),var(--panel)}.zona.encima:before,.zona:hover:before{opacity:1}.tarjeta:hover{border-color:#00ff7a73}.pie-inicio{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:56px;padding-top:18px;border-top:1px solid var(--borde);font:500 11px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--texto-3)}.pie-inicio a{color:var(--texto-2)}.pie-inicio a:hover{color:var(--verde)}.lazo{position:absolute;z-index:8;border:1px solid var(--verde);background:#00ff7a1a;border-radius:3px;pointer-events:none}.tinte-video{mix-blend-mode:soft-light;pointer-events:none}.fila-atajo{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 0;border-bottom:1px solid var(--borde)}.nombre-atajo{display:flex;flex-direction:column;font-size:13px;min-width:0}.nombre-atajo small{color:var(--texto-3);font-size:11px}.teclas-atajo{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:4px}.tecla{font:500 12px var(--mono);padding:4px 9px;border-radius:7px;border:1px solid var(--borde-fuerte);border-bottom-width:2px;background:var(--panel-2);color:var(--texto);white-space:nowrap}.tecla:hover{border-color:var(--verde)}.tecla.sumar{color:var(--texto-3);border-style:dashed}.tecla.escuchando{border-color:var(--verde);color:var(--verde);box-shadow:0 0 14px -4px #00ff7acc;animation:latido 1s ease-in-out infinite}@keyframes latido{50%{opacity:.55}}.tecla-con-quitar{position:relative;display:inline-flex}.quitar-tecla{position:absolute;top:-7px;right:-7px;width:16px;height:16px;padding:0;justify-content:center;border-radius:50%;font-size:11px;line-height:1;opacity:0;background:var(--panel-3)}.tecla-con-quitar:hover .quitar-tecla{opacity:1}.aviso-atajo{font-size:12px;color:var(--verde);margin:4px 0 8px}.clip.agarrado{border-style:dashed;border-color:var(--rosa);color:#ffc2f3}.clip.reacomodo{transition:left .16s ease-out}.guia-iman{position:absolute;top:14px;bottom:0;width:2px;margin-left:-1px;background:var(--borde-fuerte);z-index:7;pointer-events:none}.guia-iman.activa{background:var(--verde);box-shadow:0 0 10px #00ff7acc}.vel-clip{font-family:var(--mono);color:var(--cian);font-weight:500}.silencio-previa{position:absolute;top:18px;bottom:0;background:repeating-linear-gradient(135deg,#ff5a5a38 0,#ff5a5a38 6px,#ff5a5a1a 6px,#ff5a5a1a 12px);border-left:1px solid rgba(255,90,90,.7);border-right:1px solid rgba(255,90,90,.7);pointer-events:none;z-index:5}.velocidad-precisa{display:flex;align-items:center;gap:4px}.velocidad-precisa input{width:80px;font-family:var(--mono)}.curva-vel svg{width:100%;height:auto;background:var(--fondo);border:1px solid var(--borde);border-radius:10px;touch-action:none;cursor:crosshair}.curva-vel .eje{stroke:#eef3f112}.curva-vel .eje-uno{stroke:#eef3f138;stroke-dasharray:3 3}.curva-vel text{font:9px var(--mono);fill:var(--texto-3)}.curva-vel .trazo{fill:none;stroke:var(--cian);stroke-width:2}.curva-vel .punto{fill:var(--fondo);stroke:var(--verde);stroke-width:2;cursor:grab}.curva-vel .punto.elegido{fill:var(--verde)}.curva-vel input[type=number]{font-family:var(--mono)}.fundido-fila{display:flex;align-items:center;gap:8px}.fundido-fila input[type=range]{flex:1}.fundido-fila .mono{font-size:11px;color:var(--texto-2);min-width:42px;text-align:right}.pal.mayus{text-transform:uppercase}.pal.negrita{font-weight:800}.editor{position:relative}.aviso-soltar{position:absolute;top:8px;right:8px;bottom:8px;left:8px;z-index:50;display:grid;place-items:center;border:2px dashed var(--verde);border-radius:18px;background:#06080ac7;pointer-events:none}.aviso-soltar div{display:grid;gap:6px;text-align:center;max-width:420px;padding:0 16px}.aviso-soltar b{font:800 26px var(--display);background:var(--grad-pulso);-webkit-background-clip:text;background-clip:text;color:transparent}.aviso-soltar span{color:var(--texto-2);font-size:13px}.miniatura-marco .manija{position:absolute;width:14px;height:14px;border-radius:3px;background:var(--fondo);border:2px solid var(--verde);pointer-events:auto;touch-action:none}.miniatura-marco .manija.ai{left:-8px;top:-8px;cursor:nwse-resize}.miniatura-marco .manija.ad{right:-8px;top:-8px;cursor:nesw-resize}.miniatura-marco .manija.bi{left:-8px;bottom:-8px;cursor:nesw-resize}.miniatura-marco .manija.bd{right:-8px;bottom:-8px;cursor:nwse-resize}.guia-mini{position:absolute;pointer-events:none;background:var(--rosa);box-shadow:0 0 8px #ff4fe0cc;z-index:3}.guia-mini.vertical{left:50%;top:0;bottom:0;width:1px}.guia-mini.horizontal{top:50%;left:0;right:0;height:1px}.selector-emoji{display:flex;flex-wrap:wrap;gap:2px;margin:6px 0;padding:6px;border:1px solid var(--borde);border-radius:10px;background:var(--fondo)}.selector-emoji button{font-size:20px;padding:3px 5px}.selector-emoji input{flex:1 1 100%;margin-top:4px}