:root{--fondo: #0d0e10;--panel: #15171a;--panel-2: #1c1f23;--panel-3: #24282d;--borde: #2a2e34;--borde-fuerte: #3a3f46;--texto: #ecebe8;--texto-2: #a3a39f;--texto-3: #6d6e6b;--acento: #e8c07d;--acento-suave: rgba(232, 192, 125, .14);--acento-texto: #1a1408;--grupo: rgba(125, 176, 232, .16);--grupo-borde: #7db0e8;--peligro: #e8837d;--ok: #8fcf9a;--radio: 8px;--sans: "Inter", system-ui, sans-serif;--serif: "Playfair Display", Georgia, serif;--mono: "JetBrains Mono", ui-monospace, monospace}*{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:#4a5058}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:#f0cd92}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(--serif);font-style:italic;font-weight:700;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 .marca{font-size:48px}.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:#191712}.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:#8fcf9a1f;color:var(--ok)}.etiqueta.error{background:#e8837d1f;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:#1b1d20;background-image:linear-gradient(45deg,#24272b 25%,transparent 25%),linear-gradient(-45deg,#24272b 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#24272b 75%),linear-gradient(-45deg,transparent 75%,#24272b 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}.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(--serif);font-style:italic;font-weight:700;font-size:18px;color:#fff}.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:#101113;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(--serif);font-style:italic;font-weight:700;font-size:14px;background:#2e2a22;border-color:#6b5a3a}.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:#3a3220;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:#e8c07d59}.cabezal{position:absolute;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 .marca{font-size:36px}.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}}