:root{--fondo: #100e0c;--panel: #0e0b09;--carta-arriba: #211b15;--carta-abajo: #181310;--linea: rgba(236, 220, 196, .08);--linea-fuerte: rgba(236, 220, 196, .14);--tinta: #ece4d3;--tinta-2: #a3988a;--tinta-3: #968b79;--ambar: #ffb454;--riel: rgba(255, 255, 255, .09);--fosforo: #e6d3ac;--tk-comentario: #a1937a;--tk-cadena: #ffc97e;--tk-numero: #f6dda4;--tk-palabra: #ffb454;--tk-metodo: #edc78d;--fuente-panel: "Futura", "Avenir Next Condensed", "Avenir Next", "Helvetica Neue", sans-serif;--fuente-mono: ui-monospace, "SF Mono", "Menlo", "Monaco", monospace}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:radial-gradient(1100px 700px at 50% -12%,rgba(64,48,30,.55),transparent 65%),radial-gradient(900px 620px at -8% 108%,rgba(38,30,24,.8),transparent 60%),radial-gradient(900px 620px at 108% 108%,rgba(38,30,24,.8),transparent 60%),var(--fondo);color:var(--tinta);font-family:var(--fuente-panel);-webkit-font-smoothing:antialiased;overflow:hidden}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23g)'/%3E%3C/svg%3E");z-index:40}:focus-visible{outline:2px solid var(--ambar);outline-offset:2px;border-radius:6px}.visualmente-oculto{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.mesa{display:flex;flex-direction:column;height:100vh;max-width:1860px;margin-inline:auto}.mesa__cuerpo{flex:1;min-height:0;display:grid;grid-template-columns:minmax(320px,1fr) clamp(420px,34vw,560px) minmax(320px,1fr);gap:0}.flanco{display:flex;flex-direction:column;gap:14px;min-width:0;overflow-y:auto;padding:18px 18px 28px;scrollbar-width:thin;scrollbar-color:#33291f transparent}.flanco--izq{padding-left:26px}.flanco--der{padding-right:26px}.cabecera{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px 24px;padding:18px 30px 14px;border-bottom:1px solid var(--linea)}.cabecera__marca h1{font-size:20px;font-weight:600;letter-spacing:.24em;text-transform:uppercase}.cabecera__marca h1 span{color:var(--tinta-3);font-weight:400}.cabecera__sub{margin-top:5px;font-size:11px;letter-spacing:.14em;color:var(--tinta-3);text-transform:uppercase}.cabecera__pieza{position:relative;display:flex;align-items:center;gap:12px;min-width:0}.pieza-nombre input{font-family:var(--fuente-panel);font-size:14px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--tinta);background:#0c0906;border:1px solid var(--linea);border-radius:10px;box-shadow:inset 0 2px 8px #0009;padding:9px 14px;width:clamp(170px,18vw,260px);text-align:center;overflow:hidden;text-overflow:ellipsis}.pieza-nombre input:hover{border-color:var(--linea-fuerte)}.pieza-nombre input:focus{outline:2px solid var(--ambar);outline-offset:1px}.archivo{display:flex;gap:8px}.archivo button{font-family:var(--fuente-panel);font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--tinta-2);background:linear-gradient(180deg,#2b241b,#1b1511);border:1px solid var(--linea-fuerte);border-radius:9px;padding:8px 14px;cursor:pointer;box-shadow:inset 0 1px #ffffff12,0 3px 8px #00000059;transition:all .15s}.archivo button:hover{color:var(--ambar);border-color:#ffb45466}.archivo button:active{transform:translateY(1px)}.archivo__aviso{position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);white-space:nowrap;font-family:var(--fuente-mono);font-size:11px;color:var(--ambar);background:#17120e;border:1px solid rgba(255,180,84,.3);border-radius:8px;padding:6px 12px;box-shadow:0 10px 24px #00000080;z-index:30}.transporte{display:flex;align-items:center;gap:18px}.play{width:56px;height:56px;border-radius:50%;border:1px solid var(--linea-fuerte);background:radial-gradient(circle at 32% 28%,#322a21,#1c1712 68%);color:var(--ambar);cursor:pointer;display:grid;place-items:center;box-shadow:inset 0 1px #ffffff14,0 6px 18px #00000073;transition:box-shadow .25s,transform .1s}.play:hover{box-shadow:inset 0 1px #ffffff1a,0 6px 22px #00000080,0 0 14px #ffb4542e}.play:active{transform:scale(.96)}.play--sonando{background:radial-gradient(circle at 32% 28%,#ffca7e,#e89a3e 70%);color:#241505;border-color:#ffc88280;box-shadow:0 0 26px #ffb45466,0 6px 18px #00000073;animation:latido var(--ciclo, 2.6s) ease-in-out infinite}.play--arrancando{opacity:.6;cursor:wait}@keyframes latido{0%{box-shadow:0 0 34px #ffb4548c,0 6px 18px #00000073}18%,to{box-shadow:0 0 20px #ffb4544d,0 6px 18px #00000073}}.tempo{display:flex;align-items:baseline;gap:8px;padding:9px 16px;border-radius:12px;background:#0c0906;border:1px solid var(--linea);box-shadow:inset 0 2px 8px #0009;cursor:ns-resize;-webkit-user-select:none;user-select:none;touch-action:none}.tempo__valor{font-family:var(--fuente-mono);font-size:26px;font-weight:500;color:var(--ambar);text-shadow:0 0 12px rgba(255,180,84,.35);min-width:3ch;text-align:right;font-variant-numeric:tabular-nums}.tempo__unidad{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--tinta-3)}.tempo--agarrado .tempo__valor{text-shadow:0 0 18px rgba(255,180,84,.6)}.modo{display:flex;padding:3px;border-radius:10px;background:#0c0906;border:1px solid var(--linea);box-shadow:inset 0 2px 8px #0009}.modo button{font-family:var(--fuente-panel);font-size:10.5px;font-weight:600;letter-spacing:.13em;text-transform:uppercase;color:var(--tinta-3);background:transparent;border:none;border-radius:7px;padding:7px 12px;cursor:pointer;transition:all .15s}.modo button[aria-pressed=true]{color:var(--ambar);background:linear-gradient(180deg,#2b241b,#1b1511);box-shadow:inset 0 1px #ffffff14,0 2px 6px #0006}.secciones{display:flex;align-items:center;gap:8px;padding:9px 30px;border-bottom:1px solid var(--linea);overflow-x:auto;scrollbar-width:thin;scrollbar-color:#33291f transparent;min-height:50px}.secciones__titulo{font-size:10px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--tinta-3);margin-right:6px;flex:none}.secciones__vacio{font-size:11px;letter-spacing:.06em;color:var(--tinta-3)}.seccion-chip{display:flex;align-items:center;gap:2px;flex:none;border-radius:10px;border:1px solid var(--linea);background:linear-gradient(180deg,#1d1712,#141009);box-shadow:inset 0 1px #ffffff0d;transition:border-color .15s}.seccion-chip--activa{border-color:#ffb4548c;background:linear-gradient(180deg,#2b241b,#1b1511);box-shadow:inset 0 1px #ffffff14,0 0 12px #ffb45424}.seccion-chip__cuerpo{display:flex;align-items:baseline;gap:7px;border:none;background:transparent;padding:8px 12px;cursor:pointer}.seccion-chip__nombre{font-family:var(--fuente-panel);font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--tinta-2)}.seccion-chip--activa .seccion-chip__nombre{color:var(--ambar)}.seccion-chip__ciclos{font-family:var(--fuente-mono);font-size:11px;color:var(--tinta-3);font-variant-numeric:tabular-nums}.seccion-chip--activa .seccion-chip__ciclos{color:color-mix(in srgb,var(--ambar) 70%,#fff)}.seccion-chip__acciones{display:flex;gap:2px;padding-right:7px}.seccion-chip__acciones button{width:20px;height:20px;border:none;border-radius:6px;background:#ffffff0f;color:var(--tinta-2);font-size:12px;line-height:1;cursor:pointer}.seccion-chip__acciones button:hover:not(:disabled){background:#ffffff24;color:var(--tinta)}.seccion-chip__acciones button:disabled{opacity:.3;cursor:default}.seccion-chip__quitar:hover{color:#ff9c8d!important}.seccion-chip__renombrar{font-family:var(--fuente-panel);font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--tinta);background:#0c0906;border:1px solid rgba(255,180,84,.4);border-radius:8px;padding:7px 10px;width:12ch;margin:1px}.secciones__agregar{flex:none;font-family:var(--fuente-panel);font-size:10.5px;font-weight:600;letter-spacing:.13em;text-transform:uppercase;color:var(--tinta-3);background:transparent;border:1.5px dashed var(--linea-fuerte);border-radius:10px;padding:8px 14px;cursor:pointer;transition:all .15s}.secciones__agregar:hover{color:var(--ambar);border-color:var(--ambar)}.bloque{position:relative;display:flex;flex-direction:column;flex:1 0 auto;gap:10px;border-radius:14px;background:linear-gradient(180deg,var(--carta-arriba),var(--carta-abajo));border:1px solid var(--linea);box-shadow:inset 0 1px #ffffff0d,0 12px 26px #00000059;padding:14px 18px 12px 24px;transition:opacity .25s}.bloque__lomo{position:absolute;left:0;top:10px;bottom:10px;width:4px;border-radius:0 4px 4px 0;background:var(--acento);box-shadow:0 0 12px color-mix(in srgb,var(--acento) 55%,transparent)}.bloque--atenuado>:not(.bloque__lomo){opacity:.42;filter:saturate(.5)}.bloque--atenuado .bloque__lomo{opacity:.3;box-shadow:none}.bloque--atenuado .bloque__ms,.bloque--solo .bloque__ms{opacity:1;filter:none}.bloque__cabecera{display:flex;align-items:center;justify-content:space-between;gap:12px}.bloque__nombre{font-size:14px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bloque__variacion{display:inline-grid;place-items:center;width:16px;height:16px;margin-left:8px;border-radius:5px;font-size:11px;font-weight:700;letter-spacing:0;color:var(--acento);background:color-mix(in srgb,var(--acento) 16%,transparent);border:1px solid color-mix(in srgb,var(--acento) 45%,transparent);vertical-align:1px}.bloque__ms{display:flex;align-items:center;gap:7px}.ms{width:28px;height:28px;border-radius:50%;border:1px solid rgba(236,220,196,.22);background:radial-gradient(circle at 35% 30%,#2b241c,#191410 70%);color:var(--tinta-2);font-family:var(--fuente-panel);font-size:11.5px;font-weight:600;cursor:pointer;transition:all .15s}.ms:hover{color:var(--tinta)}.ms--mute.ms--activo{background:#e85d4c;color:#2a0d08;border-color:#ff8d7c;box-shadow:0 0 14px #e85d4c80}.ms--solo.ms--activo{background:var(--ambar);color:#2a1a05;border-color:#ffd08e;box-shadow:0 0 14px #ffb45480}.bloque__quitar{width:22px;height:22px;margin-left:3px;border:none;border-radius:6px;background:transparent;color:transparent;font-size:15px;line-height:1;cursor:pointer;transition:all .15s}.bloque:hover .bloque__quitar,.bloque__quitar:focus-visible{color:var(--tinta-3)}.bloque__quitar:hover{color:#ff9c8d;background:#e85d4c1f}.bloque__medio{flex:1;display:flex;flex-direction:column;justify-content:center;gap:10px;min-height:0}.bloque__fuente{display:flex;align-items:center}.bloque__sonido select{-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:var(--fuente-mono);font-size:11.5px;color:var(--tinta-2);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='6'%3E%3Cpath d='M0 0h8L4 6z' fill='%236e6557'/%3E%3C/svg%3E") no-repeat right 9px center,#14100c;border:1px solid var(--linea);border-radius:8px;padding:5px 26px 5px 10px;cursor:pointer}.bloque__sonido select:hover{color:var(--tinta);border-color:var(--linea-fuerte)}.bloque__kit{font-family:var(--fuente-mono);font-size:10.5px;color:var(--tinta-3);border:1px dashed var(--linea-fuerte);border-radius:8px;padding:4px 10px;letter-spacing:.06em}.bloque__patron-boton{position:relative;display:block;width:100%;text-align:left;background:transparent;border:1px dashed transparent;border-radius:10px;padding:6px 8px;margin:-6px -8px;cursor:pointer;transition:all .15s}.bloque__patron-boton:hover{border-color:color-mix(in srgb,var(--acento) 45%,transparent);background:color-mix(in srgb,var(--acento) 6%,transparent)}.bloque__patron-editar{position:absolute;top:6px;right:8px;font-size:9.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:color-mix(in srgb,var(--acento) 75%,#fff);opacity:0;transition:opacity .15s}.bloque__patron-boton:hover .bloque__patron-editar,.bloque__patron-boton:focus-visible .bloque__patron-editar{opacity:1}.bloque__patron{display:flex;flex-direction:column;gap:5px}.patron__capa{display:flex;flex-wrap:wrap;gap:5px;align-items:center}.patron__capa+.patron__capa:before{content:"+";color:var(--tinta-3);font-family:var(--fuente-mono);font-size:10px;margin-right:2px}.patron__ficha{font-family:var(--fuente-mono);font-size:11px;color:var(--tinta-2);background:#ffffff0b;border:1px solid var(--linea);border-radius:6px;padding:2.5px 8px;max-width:100%;overflow-wrap:anywhere}.bloque__cadena{display:flex;flex-wrap:wrap;align-items:center;align-content:center;gap:4px 8px;margin-top:auto;padding-top:8px;border-top:1px dashed var(--linea)}.socket{position:relative;padding-top:16px}.socket__controles{position:absolute;top:0;left:50%;transform:translate(-50%);display:flex;gap:3px;opacity:0;transition:opacity .15s}.socket:hover .socket__controles,.socket:focus-within .socket__controles{opacity:1}.socket__mover,.socket__quitar{width:18px;height:16px;border:none;border-radius:5px;background:#ffffff12;color:var(--tinta-2);font-size:11px;line-height:1;cursor:pointer}.socket__mover:hover:not(:disabled),.socket__quitar:hover{background:#ffffff24;color:var(--tinta)}.socket__quitar:hover{color:#ff9c8d}.socket__mover:disabled{opacity:.25;cursor:default}.socket-grupo{display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px 8px 4px;border:1px dashed var(--linea-fuerte);border-radius:10px;background:#ffffff05}.socket-grupo__titulo{font-size:9.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--tinta-2)}.socket-grupo__faders{display:flex;align-items:flex-end;gap:6px}.socket--compacto{padding-top:0}.socket-grupo .fader{width:74px}.socket-grupo .fader__pista{width:30px;height:52px}.socket-grupo .fader__cursor{width:24px;height:12px}.socket-grupo .fader__nombre{font-size:7.5px;letter-spacing:0;white-space:nowrap;text-align:center}.socket-grupo .fader__valor{font-size:9.5px}.socket__quitar--compacto{position:absolute;top:-6px;right:-4px;width:15px;height:14px;border:none;border-radius:5px;background:#ffffff12;color:var(--tinta-2);font-size:10px;line-height:1;cursor:pointer;opacity:0;transition:opacity .15s}.socket--compacto:hover .socket__quitar--compacto,.socket--compacto:focus-within .socket__quitar--compacto{opacity:1}.socket__quitar--compacto:hover{color:#ff9c8d;background:#ffffff24}.agregar__envolvente{border-bottom:1px dashed var(--linea)!important;margin-bottom:2px}.fader{display:flex;flex-direction:column;align-items:center;gap:2px;width:72px;cursor:ns-resize;-webkit-user-select:none;user-select:none;touch-action:none;border-radius:10px;padding:2px 0 4px}.fader__pista{position:relative;width:44px;height:74px;margin-bottom:4px}.fader__marcas{position:absolute;top:3px;right:6px;bottom:3px;left:6px;background:repeating-linear-gradient(to top,rgba(255,255,255,.13) 0 1px,transparent 1px calc((100% - 1px)/4));-webkit-mask-image:linear-gradient(90deg,#000 5px,transparent 5px,transparent calc(100% - 5px),#000 calc(100% - 5px));mask-image:linear-gradient(90deg,#000 5px,transparent 5px,transparent calc(100% - 5px),#000 calc(100% - 5px))}.fader__riel{position:absolute;top:0;bottom:0;left:50%;width:8px;transform:translate(-50%);border-radius:4px;background:linear-gradient(180deg,#0a0806,#14100c);box-shadow:inset 0 1px 3px #000000d9,0 1px #ffffff0d}.fader__nivel{position:absolute;bottom:0;left:50%;width:4px;transform:translate(-50%);border-radius:2px;background:linear-gradient(180deg,color-mix(in srgb,var(--acento) 85%,#fff),var(--acento));box-shadow:0 0 7px color-mix(in srgb,var(--acento) 60%,transparent)}.fader__cursor{position:absolute;left:50%;width:34px;height:15px;transform:translate(-50%,50%);border-radius:4px;border:1px solid rgba(255,255,255,.14);background:linear-gradient(180deg,#383024,#241d15 46%,#171209 54%,#2a231a);box-shadow:inset 0 1px #ffffff1f,0 4px 8px #0000008c}.fader__cursor:after{content:"";position:absolute;left:3px;right:3px;top:50%;height:2px;transform:translateY(-50%);border-radius:1px;background:var(--acento);box-shadow:0 0 5px color-mix(in srgb,var(--acento) 75%,transparent)}.fader--agarrado .fader__nivel{box-shadow:0 0 12px var(--acento)}.fader--agarrado .fader__cursor:after{box-shadow:0 0 9px var(--acento)}.fader__nombre{font-size:9.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--tinta-2)}.fader__valor{font-family:var(--fuente-mono);font-size:11px;color:color-mix(in srgb,var(--acento) 62%,#fff)}.socket__latch{display:flex;flex-direction:column;align-items:center;gap:2px;width:72px;padding:2px 0 4px}.latch{width:42px;height:42px;margin:7px 0;border-radius:10px;border:1px solid var(--linea-fuerte);background:linear-gradient(180deg,#2b241b,#1b1511);box-shadow:inset 0 1px #ffffff14,0 4px 8px #00000073;cursor:pointer;display:grid;place-items:center}.latch__led{width:10px;height:10px;border-radius:50%;background:var(--acento);box-shadow:0 0 10px var(--acento)}.latch:hover{border-color:#ffffff40}.agregar{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;padding-top:16px;width:72px}.agregar__boton{width:42px;height:42px;margin:7px 0 9px;border-radius:50%;border:1.5px dashed var(--linea-fuerte);background:transparent;color:var(--tinta-3);font-size:22px;line-height:1;cursor:pointer;transition:all .15s}.agregar__boton:hover,.agregar__boton[aria-expanded=true]{color:var(--ambar);border-color:var(--ambar);box-shadow:0 0 12px #ffb45433}.agregar .socket__nombre{font-size:9.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--tinta-3)}.agregar__menu{position:absolute;z-index:30;top:68px;left:50%;transform:translate(-50%);min-width:210px;background:#17120e;border:1px solid var(--linea-fuerte);border-radius:12px;box-shadow:0 18px 40px #0009;padding:6px;display:flex;flex-direction:column}.agregar__menu button{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:8px 12px;border:none;border-radius:8px;background:transparent;color:var(--tinta);font-family:var(--fuente-panel);font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;text-align:left}.agregar__menu button:hover{background:#ffb4541f}.agregar__menu code{font-family:var(--fuente-mono);font-size:11px;color:var(--tk-metodo);text-transform:none;letter-spacing:0;font-weight:400}.agregar-bloque{flex:none;display:flex;align-items:center;justify-content:center;gap:8px;padding:6px 12px;border:1.5px dashed var(--linea-fuerte);border-radius:12px;color:var(--tinta-3)}.agregar-bloque__titulo{font-size:10.5px;font-weight:600;letter-spacing:.18em;text-transform:uppercase}.agregar-bloque button{font-family:var(--fuente-panel);font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--tinta-2);background:#ffffff0d;border:1px solid var(--linea-fuerte);border-radius:9px;padding:7px 13px;cursor:pointer;transition:all .15s}.agregar-bloque button:hover{color:var(--ambar);border-color:#ffb45473;box-shadow:0 0 10px #ffb45426}.editor-patron__velo{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;background:#080604b8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);padding:24px}.editor-patron{position:relative;width:min(880px,94vw);max-height:90vh;overflow-y:auto;border-radius:16px;background:linear-gradient(180deg,#251e17,#171210);border:1px solid var(--linea-fuerte);box-shadow:inset 0 1px #ffffff0f,0 30px 80px #000000a6,0 0 40px color-mix(in srgb,var(--acento) 10%,transparent);padding:18px 22px 16px 26px;scrollbar-width:thin;scrollbar-color:#33291f transparent}.editor-patron__lomo{position:absolute;left:0;top:12px;bottom:12px;width:4px;border-radius:0 4px 4px 0;background:var(--acento);box-shadow:0 0 12px color-mix(in srgb,var(--acento) 55%,transparent)}.editor-patron__cabecera{display:flex;align-items:center;gap:16px;padding-bottom:12px;border-bottom:1px solid var(--linea)}.editor-patron__cabecera h2{font-size:14px;font-weight:600;letter-spacing:.2em;text-transform:uppercase}.editor-patron__cabecera h2 span{color:color-mix(in srgb,var(--acento) 75%,#fff)}.editor-patron__modos{margin-left:auto;display:flex;gap:0;border:1px solid var(--linea-fuerte);border-radius:9px;overflow:hidden}.editor-patron__modos button{font-family:var(--fuente-panel);font-size:10.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--tinta-3);background:transparent;border:none;padding:7px 13px;cursor:pointer}.editor-patron__modos button[aria-selected=true]{color:#241505;background:var(--ambar)}.editor-patron__modos button:disabled{opacity:.35;cursor:not-allowed}.editor-patron__cerrar{width:30px;height:30px;border-radius:8px;border:1px solid var(--linea);background:transparent;color:var(--tinta-2);font-size:17px;line-height:1;cursor:pointer}.editor-patron__cerrar:hover{color:var(--tinta);border-color:var(--linea-fuerte)}.editor-patron__presets{display:flex;flex-wrap:wrap;align-items:center;gap:7px;padding:14px 0}.editor-patron__presets-titulo{font-size:10px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--tinta-3);margin-right:4px}.preset{font-family:var(--fuente-panel);font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--tinta-2);background:#ffffff0b;border:1px solid var(--linea);border-radius:999px;padding:6px 13px;cursor:pointer;transition:all .15s}.preset:hover{color:var(--tinta);border-color:#ffb45466}.preset:focus-visible{outline:2px solid var(--ambar);outline-offset:2px}.preset--activo{color:#241505;background:color-mix(in srgb,var(--acento) 85%,#fff);border-color:transparent;box-shadow:0 0 12px color-mix(in srgb,var(--acento) 40%,transparent)}.editor-patron__nota{font-size:12px;color:var(--tinta-2);padding:2px 0 12px;letter-spacing:.04em}.editor-patron__nota code{font-family:var(--fuente-mono);color:var(--tk-cadena)}.grilla{display:flex;flex-direction:column;gap:4px;padding:6px 0 2px}.grilla__fila{display:flex;align-items:center;gap:4px}.grilla__fila--negra .grilla__celda:not(.grilla__celda--activa){background:#14100b}.grilla__etiqueta{width:108px;flex:none;display:flex;align-items:baseline;justify-content:flex-end;gap:6px;padding-right:10px;font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--tinta-3)}.grilla__etiqueta code{font-family:var(--fuente-mono);font-size:11px;text-transform:none;letter-spacing:0;color:var(--tinta-2)}.grilla__etiqueta--do code{color:var(--ambar)}.grilla__celda{width:34px;height:26px;flex:none;border-radius:6px;border:1px solid var(--linea);background:#191410;box-shadow:inset 0 2px 5px #0000008c;cursor:pointer;transition:background .1s,box-shadow .1s}.grilla__celda:nth-of-type(4n+1):not(:first-of-type){margin-left:10px}.grilla__celda:hover{border-color:color-mix(in srgb,var(--acento) 60%,transparent)}.grilla__celda--nota{display:grid;place-items:center;font-family:var(--fuente-mono);font-size:8.5px;letter-spacing:.02em;color:#a3988a80;padding:0}.grilla__celda--nota:hover{color:var(--tinta-2)}.grilla__celda--nota.grilla__celda--activa{color:#1c1208;font-weight:700}.grilla__celda--activa{background:var(--acento);border-color:color-mix(in srgb,var(--acento) 70%,#fff);box-shadow:0 0 10px color-mix(in srgb,var(--acento) 55%,transparent),inset 0 1px #ffffff59}.grilla-nota__octavas{display:flex;gap:8px;padding-bottom:8px}.editor-patron__octava{font-family:var(--fuente-panel);font-size:10px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--tinta-2);background:#ffffff0d;border:1px solid var(--linea);border-radius:8px;padding:5px 11px;cursor:pointer}.editor-patron__octava:hover:not(:disabled){color:var(--tinta);border-color:var(--linea-fuerte)}.editor-patron__octava:disabled{opacity:.3;cursor:default}.grilla-ritmo{display:flex;flex-direction:column;gap:4px}.grilla__quitar-fila{flex:none;width:15px;height:15px;border:none;border-radius:5px;background:transparent;color:var(--tinta-3);font-size:11px;line-height:1;cursor:pointer;opacity:0;transition:opacity .15s}.grilla__fila:hover .grilla__quitar-fila,.grilla__quitar-fila:focus-visible{opacity:1}.grilla__quitar-fila:hover{color:#ff9c8d;background:#ffffff1a}.grilla__agregar-pista{position:relative;align-self:flex-start;margin-top:4px}.grilla__agregar-boton{font-family:var(--fuente-panel);font-size:10px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--tinta-3);background:transparent;border:1.5px dashed var(--linea-fuerte);border-radius:8px;padding:5px 11px;cursor:pointer}.grilla__agregar-boton:hover,.grilla__agregar-boton[aria-expanded=true]{color:var(--ambar);border-color:var(--ambar)}.grilla__agregar-menu{position:relative;margin-top:6px;min-width:200px;max-height:320px;overflow-y:auto;background:#17120e;border:1px solid var(--linea-fuerte);border-radius:12px;box-shadow:0 18px 40px #0009;padding:6px;display:flex;flex-direction:column;gap:4px}.grilla__agregar-grupo{display:flex;flex-direction:column}.grilla__agregar-titulo{padding:6px 10px 2px;font-size:9px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--tinta-3)}.grilla__agregar-grupo button{padding:6px 12px;border:none;border-radius:8px;background:transparent;color:var(--tinta);font-family:var(--fuente-panel);font-size:12px;font-weight:600;letter-spacing:.08em;text-align:left;cursor:pointer}.grilla__agregar-grupo button:hover{background:#ffb4541f}.editor-texto textarea{width:100%;resize:vertical;font-family:var(--fuente-mono);font-size:13px;line-height:1.6;color:var(--fosforo);text-shadow:0 0 8px rgba(255,190,110,.22);background:#0c0906;border:1px solid var(--linea);border-radius:10px;box-shadow:inset 0 2px 8px #0009;padding:12px 14px}.editor-texto textarea:focus{outline:2px solid var(--ambar);outline-offset:1px}.editor-texto__estado{padding-top:8px;font-family:var(--fuente-mono);font-size:11px;color:#9ecf9a}.editor-texto__estado--error{color:#ff9c8d}.editor-patron__pie{display:flex;align-items:baseline;gap:12px;margin-top:16px;padding-top:12px;border-top:1px dashed var(--linea)}.editor-patron__pie-titulo{flex:none;font-size:10px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--tinta-3)}.editor-patron__pie code{font-family:var(--fuente-mono);font-size:12.5px;color:var(--fosforo);text-shadow:0 0 8px rgba(255,190,110,.22);overflow-wrap:anywhere}.panel-codigo{position:relative;display:flex;flex-direction:column;background:var(--panel);border-left:1px solid var(--linea);border-right:1px solid var(--linea);min-width:0;min-height:0}.panel-codigo:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(0,0,0,.18) 0 1px,transparent 1px 3px);z-index:5}.panel-codigo__cabecera{display:flex;align-items:center;gap:10px;padding:16px 22px 12px;border-bottom:1px solid var(--linea)}.panel-codigo__cabecera h2{font-size:12px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--tinta-2)}.led{width:8px;height:8px;border-radius:50%;background:#3a322a;box-shadow:inset 0 1px 2px #0009}.led--vivo{background:#7fe0a8;box-shadow:0 0 10px #7fe0a8b3}.panel-codigo__copiar{margin-left:auto;font-family:var(--fuente-mono);font-size:11px;color:var(--tinta-2);background:#ffffff0d;border:1px solid var(--linea);border-radius:7px;padding:4px 10px;cursor:pointer}.panel-codigo__copiar:hover{color:var(--tinta);border-color:var(--linea-fuerte)}.panel-codigo__cuerpo{position:relative;flex:1;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;padding:18px 20px;font-family:var(--fuente-mono);font-size:12.5px;line-height:1.7;color:var(--fosforo);text-shadow:0 0 8px rgba(255,190,110,.22);background:radial-gradient(120% 90% at 50% 0%,rgba(255,180,84,.045),transparent 70%);scrollbar-width:thin;scrollbar-color:#33291f transparent}.panel-codigo__editor{position:relative}.panel-codigo__editor pre{font:inherit}.panel-codigo__entrada{position:absolute;top:0;right:0;bottom:0;left:0;resize:none;overflow:hidden;background:transparent;border:none;color:transparent;caret-color:var(--ambar);font:inherit;line-height:inherit;letter-spacing:inherit;padding:0 8px 0 10px;margin:0 -8px;white-space:pre-wrap;overflow-wrap:break-word;word-break:normal}.panel-codigo__entrada:focus{outline:none}.panel-codigo--editando .panel-codigo__cuerpo{background:radial-gradient(120% 90% at 50% 0%,rgba(255,180,84,.075),transparent 70%)}.panel-codigo__dialecto{font-family:var(--fuente-mono);font-size:10.5px;color:#9ecf9a;letter-spacing:.02em}.panel-codigo__dialecto--fuera{color:#ff9c8d}.linea{display:block;border-radius:4px;margin:0 -8px;padding:0 8px;border-left:2px solid transparent;white-space:pre-wrap;overflow-wrap:break-word;word-break:normal}.linea--bloque{border-left-color:color-mix(in srgb,var(--acento) 55%,transparent);color:color-mix(in srgb,var(--acento) 40%,var(--fosforo))}.linea--bloque .tk-palabra{color:color-mix(in srgb,var(--acento) 48%,var(--tk-palabra))}.linea--bloque .tk-cadena{color:color-mix(in srgb,var(--acento) 44%,var(--tk-cadena))}.linea--bloque .tk-numero{color:color-mix(in srgb,var(--acento) 44%,var(--tk-numero))}.linea--bloque .tk-metodo{color:color-mix(in srgb,var(--acento) 48%,var(--tk-metodo))}.linea--titulo .tk-comentario{color:color-mix(in srgb,var(--acento) 72%,#fff);text-shadow:0 0 8px color-mix(in srgb,var(--acento) 45%,transparent);font-style:normal}.linea--perilla{background:color-mix(in srgb,var(--acento) 16%,transparent);border-left-color:var(--acento)}.linea--cambiada{animation:flash-linea 1s ease-out forwards}@keyframes flash-linea{0%{background:#ffb4544d}to{background:transparent}}.linea--perilla.linea--cambiada{animation:none}.tk-comentario{color:var(--tk-comentario);font-style:italic;text-shadow:none}.tk-cadena{color:var(--tk-cadena)}.tk-numero{color:var(--tk-numero)}.tk-palabra{color:var(--tk-palabra);font-weight:700}.tk-metodo{color:var(--tk-metodo)}.panel-codigo__estado{margin-top:auto;padding-top:14px;border-top:1px dashed var(--linea)}.panel-codigo__telemetria{display:flex;align-items:center;flex-wrap:wrap;gap:8px 14px;font-family:var(--fuente-mono);font-size:11px;color:var(--tinta-2);text-shadow:none}.panel-codigo__dato{color:var(--ambar);font-variant-numeric:tabular-nums}.panel-codigo__pie{margin-top:10px;font-family:var(--fuente-panel);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--tinta-3);text-shadow:none}.cursor{color:var(--ambar);animation:titilar 1.1s steps(1) infinite}@keyframes titilar{50%{opacity:0}}@media(prefers-reduced-motion:reduce){.cursor{animation:none}}@media(prefers-reduced-motion:reduce){.play--sonando{animation:none}.linea--cambiada{animation-duration:.01s;background:#ffb45433}}@media(min-width:1900px){.bloque{padding:22px 26px 20px 32px;gap:14px}.bloque__nombre{font-size:17px}.patron__ficha{font-size:13px;padding:4px 11px}.bloque__sonido select{font-size:13px}.bloque__kit{font-size:12px}.fader,.socket__latch,.agregar{width:96px}.fader__pista{width:56px;height:96px}.fader__cursor{width:42px;height:18px}.latch,.agregar__boton{width:54px;height:54px}.fader__nombre{font-size:11px}.fader__valor{font-size:12.5px}.flanco{gap:28px;padding:28px 24px 32px;justify-content:center}.bloque{flex:0 0 auto;padding:26px 28px 24px 34px;gap:18px}.bloque__medio{gap:14px}.panel-codigo__cuerpo{font-size:16px;line-height:1.95;padding:26px 30px}}.mesa__cuerpo--angosto{grid-template-columns:minmax(0,1fr) clamp(340px,42vw,500px)}.mesa__cuerpo--angosto .panel-codigo{grid-column:2;grid-row:1;border-right:none}.flanco--unico{grid-column:1;grid-row:1;padding-left:26px}@media(max-width:1279px){.cabecera{flex-wrap:wrap;gap:14px 20px;padding-bottom:14px}}@media(max-width:879px){body{overflow:auto}.mesa{height:auto}.mesa__cuerpo--angosto{display:flex;flex-direction:column}.panel-codigo{border:none;border-bottom:1px solid var(--linea)}.panel-codigo__cuerpo{max-height:44vh}.flanco,.flanco--unico{overflow:visible;padding:14px 22px 28px}.bloque{flex:none}}.sonidos-boton{font-family:var(--fuente-panel);font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--tinta-2);background:linear-gradient(180deg,#2b241b,#1b1511);border:1px solid var(--linea-fuerte);border-radius:9px;padding:8px 14px;cursor:pointer;box-shadow:inset 0 1px #ffffff12,0 3px 8px #00000059;transition:all .15s}.sonidos-boton:hover{color:var(--ambar);border-color:#ffb45466}.panel-sonidos__velo{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;background:#080604b8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);padding:24px}.panel-sonidos{position:relative;width:min(640px,94vw);max-height:86vh;overflow-y:auto;border-radius:16px;background:linear-gradient(180deg,#251e17,#171210);border:1px solid var(--linea-fuerte);box-shadow:inset 0 1px #ffffff0f,0 30px 80px #000000a6;padding:18px 22px 20px;scrollbar-width:thin;scrollbar-color:#33291f transparent}.panel-sonidos__cabecera{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:12px;border-bottom:1px solid var(--linea)}.panel-sonidos__cabecera h2{font-size:14px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--ambar)}.panel-sonidos__nota{padding:12px 0;font-size:12px;line-height:1.5;color:var(--tinta-3);border-bottom:1px dashed var(--linea)}.panel-sonidos__lista{display:flex;flex-direction:column;gap:12px;padding-top:14px}.pack{border:1px solid var(--linea);border-radius:12px;padding:14px 16px;background:#ffffff05}.pack__nombre{font-size:13px;font-weight:700;letter-spacing:.04em;color:var(--tinta)}.pack__descripcion{margin-top:6px;font-size:12px;line-height:1.5;color:var(--tinta-2)}.pack__licencia{margin-top:8px;font-size:11px;color:var(--tinta-3)}.pack__licencia a{color:color-mix(in srgb,var(--acento, #4cc9f0) 75%,#fff)}.pack__meta{margin-top:4px;font-size:10.5px;color:var(--tinta-3)}.pack__meta code{font-family:var(--fuente-mono);color:var(--tinta-2)}.pack__progreso{position:relative;margin-top:10px;height:18px;border-radius:9px;background:#14100c;border:1px solid var(--linea);overflow:hidden;display:flex;align-items:center;justify-content:center}.pack__progreso-barra{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,var(--ambar),#ffcf8a);transition:width .15s}.pack__progreso span{position:relative;z-index:1;font-family:var(--fuente-mono);font-size:9.5px;color:#1c1208;font-weight:700;mix-blend-mode:screen}.pack__error{margin-top:8px;font-size:11px;color:#ff9c8d}.pack__boton{margin-top:10px;font-family:var(--fuente-panel);font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--tinta-2);background:#ffffff0d;border:1px solid var(--linea-fuerte);border-radius:9px;padding:7px 14px;cursor:pointer;transition:all .15s}.pack__boton:hover:not(:disabled){color:var(--ambar);border-color:#ffb45473}.pack__boton:disabled{opacity:.6;cursor:default}.banco{max-width:760px;margin:0 auto;padding:48px 20px 80px;color:var(--tinta);font-family:var(--fuente-panel)}.banco__cabecera h1{font-size:20px;letter-spacing:.08em;text-transform:uppercase;color:var(--ambar)}.banco__cabecera p{margin-top:10px;color:var(--tinta-2);font-size:14px;line-height:1.6;max-width:60ch}.banco__groove{margin-top:18px;background:var(--carta-arriba);border:1px solid var(--linea-fuerte);color:var(--ambar);font-family:var(--fuente-mono);font-size:13px;padding:10px 16px;border-radius:4px;cursor:pointer}.banco__groove:hover{border-color:var(--ambar)}.banco__golpe{margin-top:30px;padding-top:22px;border-top:1px solid var(--linea)}.banco__fila{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.banco__disparo{background:var(--carta-arriba);border:1px solid var(--linea-fuerte);color:var(--tinta);font-family:var(--fuente-panel);font-size:15px;letter-spacing:.04em;padding:10px 18px;border-radius:4px;cursor:pointer;min-width:170px;text-align:left}.banco__disparo:hover{border-color:var(--ambar);color:var(--ambar)}.banco__receta{font-family:var(--fuente-mono);font-size:11.5px;color:var(--tk-comentario)}.banco__refs{margin-top:8px;display:flex;gap:8px;flex-wrap:wrap}.banco__ref{background:none;border:1px solid var(--linea);color:var(--tinta-3);font-family:var(--fuente-mono);font-size:11.5px;padding:6px 10px;border-radius:4px;cursor:pointer}.banco__ref:hover{color:var(--tinta);border-color:var(--linea-fuerte)}.banco__veredicto{margin-top:12px;display:flex;gap:10px;align-items:center;flex-wrap:wrap}.banco__veredicto label{display:flex;gap:6px;align-items:center;font-family:var(--fuente-mono);font-size:12px;color:var(--tinta-2);border:1px solid var(--linea);padding:5px 10px;border-radius:999px;cursor:pointer}.banco__veredicto label.activo{color:var(--ambar);border-color:var(--ambar)}.banco__veredicto input[type=radio]{accent-color:var(--ambar)}.banco__nota{flex:1;min-width:220px;background:var(--panel);border:1px solid var(--linea);color:var(--tinta);font-family:var(--fuente-mono);font-size:12px;padding:7px 10px;border-radius:4px}.banco__pie{margin-top:40px}.banco__reporte{width:100%;background:var(--panel);border:1px solid var(--linea);color:var(--fosforo);font-family:var(--fuente-mono);font-size:12px;line-height:1.7;padding:12px;border-radius:4px;resize:vertical}.banco__copiar{margin-top:10px;background:var(--ambar);border:0;color:#100e0c;font-family:var(--fuente-panel);font-size:14px;letter-spacing:.04em;padding:10px 18px;border-radius:4px;cursor:pointer}