.peal-library-modal{--lib-modal-bg:#111113;--lib-modal-surface:#141416;--lib-modal-well:#09090b;--lib-modal-border:#ffffff12;--lib-modal-border-lit:#ffffff1c;--lib-modal-text:#ffffffe6;--lib-modal-text-dim:#ffffff75;--lib-modal-text-muted:#ffffff4d;--lib-modal-accent:#4a9eff}html:not(.dark) .peal-library-modal{--lib-modal-bg:#f3f5f8;--lib-modal-surface:#fff;--lib-modal-well:#e8ecf2;--lib-modal-border:#0f172a1a;--lib-modal-border-lit:#0f172a24;--lib-modal-text:#0f172ae6;--lib-modal-text-dim:#0f172a85;--lib-modal-text-muted:#0f172a61}.peal-library-modal__panel{background:var(--lib-modal-bg);border:1px solid var(--lib-modal-border);border-radius:10px;box-shadow:0 24px 64px -32px #000000bf}.peal-library-modal__header{border-bottom:1px solid var(--lib-modal-border);padding:20px 24px}.peal-library-modal__kicker{font-family:var(--font-jetbrains,ui-monospace, monospace);letter-spacing:.16em;text-transform:uppercase;color:var(--lib-modal-text-muted);margin-bottom:4px;font-size:10px;font-weight:500}.peal-library-modal__title{font-family:var(--font-space-grotesk), system-ui, sans-serif;letter-spacing:-.02em;color:var(--lib-modal-text);margin:0;font-size:1.05rem;font-weight:400}.peal-library-modal__copy{color:var(--lib-modal-text-dim);margin:4px 0 0;font-size:.8rem}.peal-library-modal__close{color:var(--lib-modal-text-muted);border-radius:6px;padding:6px;transition:color .15s,background .15s}.peal-library-modal__close:hover{color:var(--lib-modal-text);background:#ffffff0d}.peal-library-modal__controls{gap:10px;margin-top:16px;display:flex}.peal-library-modal__search-wrap{flex:1;position:relative}.peal-library-modal__search-icon{color:var(--lib-modal-text-muted);pointer-events:none;position:absolute;top:50%;left:11px;transform:translateY(-50%)}.peal-library-modal__input,.peal-library-modal__select{width:100%;color:var(--lib-modal-text);background:var(--lib-modal-well);border:1px solid var(--lib-modal-border);border-radius:6px;outline:none;padding:8px 12px 8px 36px;font-size:13px;transition:border-color .15s}.peal-library-modal__select{cursor:pointer;width:auto;min-width:148px;padding-left:12px}.peal-library-modal__input:focus,.peal-library-modal__select:focus{border-color:#4a9eff59}.peal-library-modal__input::placeholder{color:var(--lib-modal-text-muted)}.peal-library-modal__body{flex:1;padding:16px 20px 20px;overflow-y:auto}.peal-library-modal__empty{text-align:center;color:var(--lib-modal-text-dim);padding:48px 0;font-size:13px}.peal-library-modal__loading{text-align:center;font-size:12px;font-family:var(--font-jetbrains,ui-monospace, monospace);color:var(--lib-modal-accent);letter-spacing:.06em;padding:12px 0}.peal-library-card{background:var(--lib-modal-surface);border:1px solid var(--lib-modal-border);border-radius:8px;flex-direction:column;gap:8px;padding:12px;transition:border-color .15s,background .15s;display:flex}.peal-library-card:hover{border-color:var(--lib-modal-border-lit);background:#18181b}.peal-library-card__head{justify-content:space-between;align-items:center;gap:8px;display:flex}.peal-library-card__type{font-family:var(--font-jetbrains,ui-monospace, monospace);letter-spacing:.14em;text-transform:uppercase;color:var(--lib-modal-text-muted);font-size:9px;font-weight:600}.peal-library-card__duration{font-family:var(--font-jetbrains,ui-monospace, monospace);letter-spacing:.06em;color:var(--lib-modal-text-muted);font-size:9px}.peal-library-card__scope{background:var(--lib-modal-well);border:1px solid #0000008c;border-radius:4px;height:56px;position:relative;overflow:hidden;box-shadow:inset 0 2px 12px #0006}.peal-library-card__canvas{width:100%;height:100%;display:block}.peal-library-card__scope-loading{font-family:var(--font-jetbrains,ui-monospace, monospace);letter-spacing:.2em;color:var(--lib-modal-text-muted);justify-content:center;align-items:center;font-size:10px;display:flex;position:absolute;inset:0}.peal-library-card__name{font-family:var(--font-space-grotesk), system-ui, sans-serif;letter-spacing:-.01em;color:var(--lib-modal-text);margin:0;font-size:.82rem;font-weight:500;line-height:1.3}.peal-library-card__meta{color:var(--lib-modal-text-muted);margin:-4px 0 0;font-size:10px;line-height:1.45}.peal-library-card__actions{align-items:center;gap:4px;margin-top:2px;display:flex}.peal-library-card__pad{color:#fff6;cursor:pointer;background:linear-gradient(#1e1e22 0%,#141416 100%);border:1px solid #00000080;border-top-color:#ffffff0d;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;padding:0;transition:color .12s,background .12s,border-color .12s;display:inline-flex}.peal-library-card__pad:hover{color:#ffffffc7;background:linear-gradient(#26262c 0%,#1a1a1e 100%)}.peal-library-card__pad:active{transform:translateY(1px)}.peal-library-card__pad--play{width:34px}.peal-library-card__pad.is-active{color:#fff;background:linear-gradient(180deg, #6bb0ff 0%, var(--lib-modal-accent) 55%, #2d6eb8 100%);border-color:#00000073;box-shadow:inset 0 1px #ffffff29}.peal-library-card__pad.is-fav{color:#e8a317;border-color:#e8a31733}.peal-library-card__pad.is-fav:hover{color:#f0b429}.peal-library-card__pad--studio{width:auto;min-width:28px;font-family:var(--font-jetbrains,ui-monospace, monospace);letter-spacing:.08em;text-transform:uppercase;gap:4px;margin-left:auto;padding:0 8px;font-size:9px;font-weight:600}.peal-library-card__pad--studio:hover{color:var(--lib-modal-accent);border-color:#4a9eff47}.peal-library-modal .peal-sound-card-pad{color:#fff6;cursor:pointer;background:linear-gradient(#1e1e22 0%,#141416 100%);border:1px solid #00000080;border-top-color:#ffffff0d;border-radius:4px;justify-content:center;align-items:center;width:28px;height:28px;padding:0;display:inline-flex}
.peal-studio-shell{--peal-surface-0:#111113;--peal-surface-1:#0d0d0f;--peal-surface-2:#1c1c1e;--peal-surface-3:#2c2c2e;--peal-surface-4:#232327;--peal-surface-5:#3a3a3e;--peal-surface-code:#0f0f11;--peal-surface-code-header:#0d0d0f;--peal-surface-border:#ffffff0f;--peal-surface-text:#e5e7eb;--peal-surface-text-strong:#f3f4f6;--peal-surface-text-muted:#6b7280;--inst-chassis:#0c0c0e;--inst-face:#16161a;--inst-face-raised:#1e1e22;--inst-well:#09090b;--inst-line-hi:#ffffff17;--inst-line-lo:#0000008c;--inst-accent:#4a9eff;--inst-accent-hi:#6bb0ff;--inst-accent-glow:#4a9eff6b;--inst-amber:#e8a317;--inst-amber-glow:#e8a31761;--inst-label:#ffffff6b;--inst-engrave:#ffffffb8;--inst-readout:#ffffff61;--inst-pad-fg:#ffffff73;--inst-pad-fg-hover:#ffffffc7;--inst-pad-bg:linear-gradient(180deg, #242428 0%, #1a1a1e 100%);--inst-pad-bg-hover:linear-gradient(180deg, #2a2a30 0%, #1f1f24 100%);--inst-shadow-panel:0 1px 2px #00000040;--inst-shadow-deck:0 12px 32px #0006;background:var(--peal-surface-0);color:var(--peal-surface-text)}html:not(.dark) .peal-studio-shell{--peal-surface-0:#e9edf3;--peal-surface-1:#dfe5ed;--peal-surface-2:#fbfcfe;--peal-surface-3:#cfd7e2;--peal-surface-4:#d9e0e9;--peal-surface-5:#bdc8d6;--peal-surface-code:#f8fafc;--peal-surface-code-header:#f1f5f9;--peal-surface-border:#1e293b24;--peal-surface-text:#2f3d50;--peal-surface-text-strong:#0f172a;--peal-surface-text-muted:#58677a;--inst-chassis:#d8dee7;--inst-face:#eff3f7;--inst-face-raised:#fcfdff;--inst-well:#e3e8ef;--inst-line-hi:#fffffff2;--inst-line-lo:#1e293b24;--inst-accent-glow:#4a9eff47;--inst-amber-glow:#e8a31747;--inst-label:#1e293b94;--inst-engrave:#0f172ac7;--inst-readout:#1e293b85;--inst-pad-fg:#0f172a80;--inst-pad-fg-hover:#0f172ad1;--inst-pad-bg:linear-gradient(180deg, #fff 0%, #e8ecf2 100%);--inst-pad-bg-hover:linear-gradient(180deg, #fff 0%, #dfe5ee 100%);--inst-shadow-panel:0 1px 2px #0f172a0d, 0 10px 24px -12px #0f172a1f;--inst-shadow-deck:0 1px 2px #0f172a0d, 0 14px 28px -14px #0f172a24;background-color:var(--peal-surface-0);background-image:radial-gradient(circle at 50% -8rem,#ffffffb3,#0000 38rem),linear-gradient(#edf1f6 0%,#e4e9f0 100%)}.peal-inst-rack{background:var(--inst-face);border:1px solid var(--peal-surface-border,var(--inst-line-lo));box-shadow:var(--inst-shadow-panel);border-radius:6px}.peal-inst-rack-header{border-bottom:1px solid var(--peal-surface-border,var(--inst-line-lo));justify-content:space-between;align-items:center;gap:.75rem;padding:.5rem .75rem;display:flex}.peal-inst-rack-label{font-family:var(--font-mono,ui-monospace, monospace);letter-spacing:.16em;text-transform:uppercase;color:var(--inst-label);font-size:10px;font-weight:600}.peal-inst-rack-readout{font-family:var(--font-mono,ui-monospace, monospace);letter-spacing:.08em;color:var(--inst-readout);font-size:10px}.peal-inst-scope-well{background:var(--inst-well);border:1px solid #000000a6;border-radius:4px;box-shadow:inset 0 0 0 1px #ffffff08,inset 0 2px 12px #00000073}.peal-inst-led{background:#ffffff1f;border-radius:50%;flex-shrink:0;width:6px;height:6px;box-shadow:inset 0 0 0 1px #00000080}.peal-inst-led--on{background:var(--inst-accent);box-shadow:0 0 6px var(--inst-accent-glow), 0 0 0 1px #00000059 inset}.peal-inst-led--amber{background:var(--inst-amber);box-shadow:0 0 6px var(--inst-amber-glow), 0 0 0 1px #00000059 inset}.peal-inst-led--green{background:#3ecf6e;box-shadow:0 0 6px #3ecf6e66}.peal-inst-pad-tray{background:var(--inst-well);border:1px solid var(--inst-line-lo);box-shadow:0 1px 0 var(--inst-line-hi) inset;border-radius:5px;align-items:center;gap:2px;padding:3px;display:inline-flex}.peal-inst-pad{min-height:22px;font-family:var(--font-mono,ui-monospace, monospace);letter-spacing:.12em;text-transform:uppercase;color:var(--inst-pad-fg);background:var(--inst-pad-bg);cursor:pointer;border:1px solid #00000080;border-top-color:#ffffff0f;border-radius:3px;justify-content:center;align-items:center;gap:.25rem;padding:.25rem .5rem;font-size:9px;font-weight:600;transition:background .12s,color .12s,box-shadow .12s,transform 80ms;display:inline-flex;box-shadow:0 1px 2px #00000059}.peal-inst-pad:hover:not(:disabled){color:var(--inst-pad-fg-hover);background:var(--inst-pad-bg-hover)}.peal-inst-pad:active:not(:disabled){transform:translateY(1px);box-shadow:0 0 #0000}.peal-inst-pad--active{color:#0a0a0c;background:linear-gradient(180deg, var(--inst-accent-hi) 0%, var(--inst-accent) 100%);box-shadow:0 0 10px var(--inst-accent-glow), 0 1px 0 #ffffff40 inset;border-color:#00000059}.peal-inst-pad--amber.peal-inst-pad--active{color:#0a0a0c;background:linear-gradient(180deg, #f0b429 0%, var(--inst-amber) 100%);box-shadow:0 0 10px var(--inst-amber-glow)}.peal-inst-pad--muted.peal-inst-pad--active{color:#ffffffe0;background:linear-gradient(#3a3a40 0%,#2c2c32 100%);box-shadow:inset 0 1px #ffffff14}.peal-inst-pad:disabled{opacity:.35;cursor:not-allowed}.peal-inst-deck{background:radial-gradient(ellipse 80% 60% at 50% 0%, #4a9eff0f 0%, transparent 70%), linear-gradient(180deg, var(--inst-face-raised) 0%, var(--inst-chassis) 100%);border:1px solid var(--inst-line-lo);border-top-color:var(--inst-line-hi);box-shadow:var(--inst-shadow-deck);border-radius:8px;justify-content:center;align-items:center;gap:1.25rem;padding:1.25rem 1.5rem;display:flex}.peal-inst-transport{cursor:pointer;border:2px solid #0000008c;border-radius:50%;justify-content:center;align-items:center;transition:transform .1s,box-shadow .12s;display:flex;position:relative;box-shadow:0 0 0 1px #ffffff0f,0 4px 12px #00000073}.peal-inst-transport:active:not(:disabled){transform:scale(.96)}.peal-inst-transport--aux{color:#ffffffa6;background:linear-gradient(145deg,#2a2a30 0%,#18181c 55%,#121216 100%);width:3.25rem;height:3.25rem}.peal-inst-transport--aux:hover:not(:disabled){color:#ffffffe6;box-shadow:0 0 0 1px #ffffff1a,0 4px 16px #00000080}.peal-inst-transport--main{background:linear-gradient(145deg, var(--inst-accent-hi) 0%, var(--inst-accent) 45%, #2d6eb8 100%);color:#fff;width:4.75rem;height:4.75rem;box-shadow:0 0 0 1px #ffffff26 inset, 0 0 24px var(--inst-accent-glow), 0 6px 20px #00000073}.peal-inst-transport--main:hover:not(:disabled){box-shadow:0 0 0 1px #fff3 inset, 0 0 32px var(--inst-accent-glow), 0 8px 24px #00000080}.peal-inst-transport--pause{background:linear-gradient(145deg, #f0b429 0%, var(--inst-amber) 45%, #b87a0f 100%);box-shadow:0 0 0 1px #ffffff26 inset, 0 0 24px var(--inst-amber-glow), 0 6px 20px #00000073}.peal-inst-transport:disabled{opacity:.35;cursor:not-allowed;box-shadow:none}.peal-inst-transport-ring{pointer-events:none;border:1px solid #ffffff0a;border-radius:50%;position:absolute;inset:-5px}.peal-inst-module-tabs{background:var(--inst-well);border-bottom:1px solid var(--inst-line-lo);gap:2px;padding:4px;display:flex}.peal-inst-module-tab{font-family:var(--font-mono,ui-monospace, monospace);letter-spacing:.14em;text-transform:uppercase;color:#ffffff61;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;flex:1;justify-content:center;align-items:center;gap:.4rem;padding:.55rem .75rem;font-size:10px;font-weight:600;transition:color .12s,background .12s,border-color .12s;display:flex;position:relative}.peal-inst-module-tab:hover{color:#ffffffa6;background:#ffffff08}.peal-inst-module-tab--active{color:var(--inst-accent);background:linear-gradient(#1c1c20 0%,#141418 100%);border-color:#00000073;box-shadow:inset 0 1px #ffffff0d}.peal-inst-module-tab--active:after{content:"";background:var(--inst-accent);height:2px;box-shadow:0 0 8px var(--inst-accent-glow);border-radius:1px;position:absolute;bottom:-5px;left:20%;right:20%}.peal-instruments input[type=range]{appearance:none;background:linear-gradient(#08080a 0%,#141418 100%);border:1px solid #0000008c;border-radius:3px;width:100%;height:6px;box-shadow:inset 0 1px #ffffff0a}.peal-instruments input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;cursor:grab;background:radial-gradient(circle at 35% 30%,#4a4a52 0%,#1e1e24 55%,#121216 100%);border:1px solid #0009;border-radius:50%;width:14px;height:14px;box-shadow:0 0 0 1px #ffffff14,0 2px 4px #00000080}.peal-instruments input[type=range]::-moz-range-thumb{cursor:grab;background:radial-gradient(circle at 35% 30%,#4a4a52 0%,#1e1e24 55%,#121216 100%);border:1px solid #0009;border-radius:50%;width:14px;height:14px;box-shadow:0 2px 4px #00000080}.peal-instruments input[type=range]:active::-webkit-slider-thumb{cursor:grabbing;box-shadow:0 0 8px var(--inst-accent-glow), 0 0 0 1px var(--inst-accent)}.peal-inst-nav-tray{background:var(--inst-well);border:1px solid var(--inst-line-lo);box-shadow:0 1px 0 var(--inst-line-hi) inset;border-radius:5px;align-items:center;gap:2px;padding:3px;display:inline-flex}.peal-inst-nav-tool{font-family:var(--font-mono,ui-monospace, monospace);letter-spacing:.14em;text-transform:uppercase;color:#ffffff6b;background:linear-gradient(#222228 0%,#18181c 100%);border:1px solid #00000073;border-radius:3px;padding:.3rem .65rem;font-size:10px;font-weight:600;transition:color .12s,background .12s,box-shadow .12s}.peal-inst-nav-tool:hover{color:var(--inst-accent);background:linear-gradient(#282830 0%,#1c1c22 100%)}.peal-inst-nav-tool--active{color:#0a0a0c;background:linear-gradient(180deg, var(--inst-accent-hi) 0%, var(--inst-accent) 100%);box-shadow:0 0 8px var(--inst-accent-glow);border-color:#00000059}.peal-inst-nav-transport{min-height:28px;font-family:var(--font-mono,ui-monospace, monospace);letter-spacing:.12em;text-transform:uppercase;color:var(--inst-accent);background:linear-gradient(#1a1a1e 0%,#121216 100%);border:1px solid #4a9eff47;border-radius:4px;align-items:center;gap:.35rem;padding:.3rem .65rem;font-size:10px;font-weight:600;transition:background .12s,box-shadow .12s;display:inline-flex;box-shadow:inset 0 1px #ffffff0a}.peal-inst-nav-transport:hover:not(:disabled){background:linear-gradient(#222228 0%,#16161a 100%);box-shadow:0 0 10px #4a9eff26}.peal-inst-nav-transport:disabled{opacity:.35}.peal-inst-tool-pad{color:#ffffff8c;background:linear-gradient(#1e1e24 0%,#141418 100%);border:1px solid #00000080;border-top-color:#ffffff0f;border-radius:4px;justify-content:center;align-items:center;width:28px;height:28px;transition:color .12s,background .12s,box-shadow .12s;display:inline-flex;box-shadow:0 1px 2px #00000059}.peal-inst-tool-pad:hover{color:#ffffffe0;background:linear-gradient(#282830 0%,#1a1a20 100%)}.peal-inst-tool-pad--active{color:var(--inst-accent);border-color:#4a9eff59;box-shadow:0 0 8px #4a9eff2e}.peal-inst-field,.peal-inst-select{width:100%;font-family:var(--font-mono,ui-monospace, monospace);color:var(--inst-engrave);background:var(--inst-well);border:1px solid var(--inst-line-lo);border-radius:4px;outline:none;padding:.5rem .65rem;font-size:11px;font-weight:500;transition:border-color .12s,box-shadow .12s;box-shadow:inset 0 1px #ffffff08}.peal-inst-field:focus,.peal-inst-select:focus{border-color:#4a9eff73;box-shadow:0 0 0 1px #4a9eff33}.peal-inst-select{cursor:pointer}.peal-inst-take-row{border-bottom:1px solid var(--inst-line-lo);cursor:pointer;padding:.75rem;transition:background .12s}.peal-inst-take-row:hover{background:#ffffff05}.peal-inst-take-row--active{border-left:2px solid var(--inst-accent);background:#4a9eff14}.peal-inst-voice-tracks{flex-direction:column;display:flex}.peal-inst-voice-track{border-bottom:1px solid var(--inst-line-lo);cursor:pointer;background:0 0;flex-direction:column;gap:.45rem;padding:.65rem .75rem;transition:background .12s,border-color .12s;display:flex}.peal-inst-voice-track:hover{background:#ffffff05}.peal-inst-voice-track--selected{border-left:2px solid var(--inst-accent);background:#4a9eff0f}.peal-inst-voice-track--playing{background:#e8a31712;box-shadow:inset 0 0 0 1px #e8a31724}.peal-inst-voice-track-main{align-items:center;gap:.5rem;min-width:0;display:flex}.peal-inst-voice-track-slot{width:1rem;font-family:var(--font-mono,ui-monospace, monospace);letter-spacing:.12em;color:#ffffff47;text-align:center;flex-shrink:0;font-size:9px;font-weight:700}.peal-inst-voice-track-fx{width:7.5rem;font-family:var(--font-mono,ui-monospace, monospace);color:#ffffffc7;background:var(--inst-well);border:1px solid var(--inst-line-lo);cursor:pointer;border-radius:3px;outline:none;flex-shrink:0;padding:.35rem .45rem;font-size:9px}.peal-inst-voice-track-fx:focus{border-color:#4a9eff73}.peal-inst-voice-track-meter{align-items:center;gap:.5rem;padding-left:2.75rem;display:flex}.peal-inst-voice-track-fx-readout{width:5.5rem;font-family:var(--font-mono,ui-monospace, monospace);letter-spacing:.08em;text-transform:uppercase;color:#4a9effb8;flex-shrink:0;font-size:8px}.peal-inst-deck-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.55rem;display:grid}@media (max-width:900px){.peal-inst-deck-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.peal-inst-deck-pad{--deck-source:#ffffff2e;text-align:left;background:linear-gradient(165deg, var(--inst-face-raised) 0%, var(--inst-well) 78%);border:1px solid var(--inst-line-lo);border-top-color:var(--inst-line-hi);min-height:6.5rem;box-shadow:0 1px 0 #ffffff0a inset, var(--inst-shadow-panel);cursor:pointer;border-radius:2px;flex-direction:column;align-items:flex-start;gap:.35rem;padding:.65rem .55rem .5rem .75rem;transition:transform 80ms,border-color .12s,background .12s,box-shadow .12s;display:flex;position:relative;overflow:hidden}.peal-inst-deck-pad:before{background:var(--deck-source);content:"";opacity:.72;width:2px;transition:width .12s,background-color .12s,box-shadow .12s,opacity .12s;position:absolute;inset:0 auto 0 0}.peal-inst-deck-pad:hover{border-color:#4a9eff3d;transform:translateY(-1px)}.peal-inst-deck-pad:active{transform:translateY(0)scale(.985)}.peal-inst-deck-pad:focus-visible{background:linear-gradient(165deg, #4a9eff26, var(--inst-well) 78%);outline:none}.peal-inst-deck-pad:focus-visible:before{background:var(--inst-accent);opacity:1;width:4px;box-shadow:2px 0 10px #4a9eff4d}.peal-inst-deck-pad--empty{color:#ffffff59;background:#0003;border-style:dashed;border-color:#ffffff1a}.peal-inst-deck-pad--target{background:linear-gradient(165deg, #4a9eff1f, var(--inst-well) 78%);border-color:#4a9eff4d}.peal-inst-deck-pad--target:before{background:var(--inst-accent);opacity:1;width:4px;box-shadow:2px 0 10px #4a9eff47}.peal-inst-deck-pad--selected{border-color:var(--inst-line-lo);border-top-color:var(--inst-line-hi);background:linear-gradient(165deg, #4a9eff26, var(--inst-well) 78%);box-shadow:inset 0 1px #ffffff0d,0 10px 24px #00000040}.peal-inst-deck-pad--selected:before{background:var(--inst-accent);opacity:1;width:4px;box-shadow:2px 0 10px #4a9eff4d}.peal-inst-deck-pad--playing{border-color:#e8a31761;box-shadow:inset 0 -2px #e8a3178c,0 10px 24px #00000040}.peal-inst-deck-pad--tts{--deck-source:#4a9effe6}.peal-inst-deck-pad--music{--deck-source:#e8a317e6}.peal-inst-deck-pad--sfx{--deck-source:#3ecf6ee6}.peal-inst-deck-pad-top{align-items:center;gap:.35rem;width:100%;display:flex}.peal-inst-deck-pad-slot{font-family:var(--font-mono,ui-monospace, monospace);letter-spacing:.12em;color:#ffffff47;font-size:9px;font-weight:700}.peal-inst-deck-pad-source{font-family:var(--font-mono,ui-monospace, monospace);letter-spacing:.1em;text-transform:uppercase;color:#ffffff57;margin-left:auto;font-size:8px}.peal-inst-deck-pad-label{width:100%;font-family:var(--font-mono,ui-monospace, monospace);color:var(--inst-engrave);font-size:10px;font-weight:600;line-height:1.35}.peal-inst-deck-pad-meta{width:100%;font-family:var(--font-mono,ui-monospace, monospace);letter-spacing:.05em;text-transform:uppercase;color:#ffffff57;font-size:8px}.peal-inst-deck-pad-action{color:#4a9effd9;cursor:pointer;background:0 0;border:none;margin-top:auto;padding:0}.peal-inst-deck-pad-action:hover{color:#4a9eff}.peal-inst-deck-pad-empty-label{font-family:var(--font-mono,ui-monospace, monospace);letter-spacing:.12em;text-transform:uppercase;margin-top:auto;font-size:9px}.peal-inst-deck-panel .peal-inst-deck-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.peal-inst-deck-panel .peal-inst-deck-pad{min-height:5.25rem;padding:.5rem .45rem .4rem .65rem}.peal-inst-deck-panel .peal-inst-deck-pad-label{font-size:9px}.peal-inst-mixer,.peal-inst-fx-designer{background:linear-gradient(#0000001f 0%,#0000 28%)}.peal-inst-fx-scope{flex-direction:column;min-height:9rem;display:flex}.peal-inst-fx-scope--loaded{min-height:12.75rem}.peal-inst-genre-bank,.peal-inst-channel-strip{border:1px solid var(--inst-line-lo);border-top-color:var(--inst-line-hi);background:repeating-linear-gradient(0deg,#ffffff03 0 1px,#0000 1px 4px),linear-gradient(#ffffff06,#0000000f);border-radius:4px;margin-left:.5rem;margin-right:.5rem;padding:.65rem;box-shadow:inset 0 1px #ffffff06,inset 0 3px 10px #0000001f}.peal-inst-genre-bank{margin-bottom:.75rem}.peal-inst-channel-strip{flex-direction:column;display:flex}.peal-inst-preview-wave-shell{border:1px solid var(--inst-line-lo);border-top-color:var(--inst-line-hi);background:#00000038;padding:.45rem .5rem .4rem;box-shadow:inset 0 3px 12px #00000038}.peal-inst-preview-wave-readout,.peal-inst-preview-wave-scale{font-family:var(--font-mono,ui-monospace, monospace);letter-spacing:.12em;text-transform:uppercase;color:var(--inst-readout);justify-content:space-between;align-items:center;gap:.75rem;font-size:8px;display:flex}.peal-inst-preview-wave-readout{margin-bottom:.35rem}.peal-inst-preview-wave-readout span:last-child{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.peal-inst-preview-wave-scale{margin-top:.3rem}.peal-inst-preview-wave-scale span:nth-child(2){color:#4a9effc7}.peal-inst-preview-waveform{isolation:isolate;background-color:#040a12b8;background-image:linear-gradient(#4a9eff11 1px,#0000 1px),linear-gradient(90deg,#4a9eff11 1px,#0000 1px);background-size:16px 16px;border-color:#4a9eff2e;border-radius:1px;box-shadow:inset 0 0 0 1px #0000004d,inset 0 0 18px #4a9eff0d}.peal-inst-preview-waveform:before{z-index:0;content:"";background:#4a9eff24;height:1px;position:absolute;top:50%;left:0;right:0}.peal-inst-preview-waveform canvas{z-index:1;opacity:.92;position:relative}.peal-inst-preview-waveform>div{z-index:2}.peal-inst-fx-knob-grid{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:min-content;align-items:start;gap:.65rem;display:grid}@media (max-width:720px){.peal-inst-fx-knob-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.peal-inst-knob{-webkit-user-select:none;user-select:none;border:1px solid var(--inst-line-lo,#0000008c);border-top-color:var(--inst-line-hi,#ffffff17);background:linear-gradient(#0000002e 0%,#00000052 100%);border-radius:6px;flex-direction:column;align-items:center;gap:.4rem;padding:.55rem .4rem .45rem;display:flex;box-shadow:inset 0 1px #ffffff08}.peal-inst-knob--tweaked{border-color:#4a9eff59;box-shadow:inset 0 0 0 1px #4a9eff1a,0 0 14px #4a9eff14}.peal-inst-knob-module{cursor:ns-resize;touch-action:none;outline:none;justify-content:center;align-items:center;width:100%;display:flex}.peal-inst-knob-module:focus-visible .peal-inst-knob-svg{filter:drop-shadow(0 0 6px #4a9eff73)}.peal-inst-knob-module:active{cursor:grabbing}.peal-inst-knob-svg{width:4.75rem;max-width:100%;height:4.75rem;display:block}.peal-inst-knob--tweaked .peal-inst-knob-readout{color:#8ec5ff}.peal-inst-knob-readout{min-height:.9rem;font-family:var(--font-mono,ui-monospace, monospace);letter-spacing:.05em;color:#ffffffc7;font-size:9px;font-weight:600}.peal-inst-knob-label{text-align:center;max-width:5.5rem;font-family:var(--font-mono,ui-monospace, monospace);letter-spacing:.14em;text-transform:uppercase;color:var(--inst-label,#ffffff6b);font-size:8px;font-weight:600;line-height:1.35}.peal-inst-knob-tweak{color:#4a9eff;margin-left:.15rem}.peal-inst-sample-row{border:1px solid var(--inst-line-lo);background:#0000002e;border-radius:5px;align-items:center;gap:.45rem;min-height:2.75rem;padding:.35rem .45rem .35rem .35rem;display:flex}.peal-inst-sample-row--empty{color:#ffffff59;cursor:pointer;background:0 0;border-style:dashed;border-color:#ffffff1a;width:100%}.peal-inst-sample-row--target{border-color:#4a9eff73}.peal-inst-sample-row--selected{border-color:#4a9eff80;box-shadow:0 0 12px #4a9eff1f}.peal-inst-sample-row--playing{border-color:#e8a31773}.peal-inst-sample-row--tts{border-left:3px solid #4a9effbf}.peal-inst-sample-row--music{border-left:3px solid #e8a317bf}.peal-inst-sample-row--sfx{border-left:3px solid #3ecf6ebf}.peal-inst-sample-row-body{text-align:left;min-width:0;color:inherit;cursor:pointer;background:0 0;border:none;flex:1;align-items:center;gap:.5rem;padding:.15rem .25rem;display:flex}.peal-inst-sample-row-slot{width:1.25rem;font-family:var(--font-mono,ui-monospace, monospace);letter-spacing:.1em;color:#ffffff47;flex-shrink:0;font-size:9px;font-weight:700}.peal-inst-sample-row-label{text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-mono,ui-monospace, monospace);color:var(--inst-engrave);font-size:10px;font-weight:600;display:block;overflow:hidden}.peal-inst-sample-row-meta{text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-mono,ui-monospace, monospace);letter-spacing:.06em;text-transform:uppercase;color:#ffffff57;font-size:8px;display:block;overflow:hidden}.peal-voice-tile-root{min-height:0;display:flex;overflow:hidden}.peal-voice-tile-pane{flex-direction:column;min-width:12rem;min-height:0;display:flex;overflow:hidden}.peal-voice-tile-pane-bar{border-bottom:1px solid var(--inst-line-lo);background:linear-gradient(#ffffff09,#0000000f);flex-shrink:0;justify-content:space-between;align-items:center;min-height:1.75rem;padding:.3rem .55rem;display:flex}.peal-voice-tile-focus{border:1px solid var(--inst-line-lo);border-top-color:var(--inst-line-hi);background:var(--inst-pad-bg);color:var(--inst-pad-fg);font-family:var(--font-mono,ui-monospace, monospace);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;border-radius:2px;padding:.18rem .4rem;font-size:8px;font-weight:600}.peal-voice-tile-focus:hover{background:var(--inst-pad-bg-hover);color:var(--inst-pad-fg-hover)}.peal-voice-tile-focus:focus-visible{outline:2px solid var(--inst-accent);outline-offset:2px}.peal-voice-tile-divider{background:var(--inst-line-lo);cursor:col-resize;border:none;flex-shrink:0;width:5px;transition:background .12s}.peal-voice-tile-divider:hover,.peal-voice-tile-divider--active{background:#4a9eff73}.peal-voice-tile-divider:focus-visible{background:var(--inst-accent);box-shadow:0 0 0 1px var(--inst-accent);outline:none}.peal-music-tile-root{flex-direction:column;min-height:0;display:flex;overflow:hidden}.peal-music-tile-pane{background:var(--peal-surface-1);flex-direction:column;min-height:0;display:flex;overflow:hidden}.peal-music-tile-divider{border:0;border-top:1px solid var(--peal-surface-border);background:var(--peal-surface-2);cursor:row-resize;border-bottom:1px solid #00000059;flex-shrink:0;height:4px;margin:0;padding:0}.peal-music-tile-divider:hover,.peal-music-tile-divider--active{background:#4a9eff73}.peal-ai-split-panes{border-top:1px solid #ffffff0a;grid-template-columns:1fr 1fr;gap:0;display:grid}.peal-ai-split-panes>div+div{border-left:1px solid #ffffff0f}.peal-strudel-repl-frame{transition:opacity .28s}.peal-strudel-repl-frame--dimmed{opacity:.42}.peal-strudel-repl-routing-badge{z-index:2;pointer-events:none;font-family:var(--font-mono,ui-monospace, monospace);letter-spacing:.12em;text-transform:uppercase;color:#4a9effe6;background:#0d0d0fd1;border:1px solid #4a9eff47;border-radius:4px;padding:.22rem .45rem;font-size:9px;font-weight:600;animation:1.2s ease-in-out infinite peal-strudel-routing-pulse;position:absolute;top:.5rem;right:.65rem}@keyframes peal-strudel-routing-pulse{0%,to{opacity:.65}50%{opacity:1}}.peal-voice-ai-composer-input{font-family:var(--font-mono,ui-monospace, monospace);color:#f3f4f6;resize:none;field-sizing:content;background:#1c1c1e;border:1px solid #4a9eff59;border-radius:6px;outline:none;max-height:8.5rem;padding:.65rem .85rem;font-size:12px;font-weight:500;line-height:1.45;transition:border-color .12s,box-shadow .12s;overflow-y:auto;box-shadow:inset 0 1px #ffffff0a}.peal-voice-ai-composer-input::placeholder{color:#9ca3afd9}.peal-voice-ai-composer-input:focus{border-color:#4a9effa6;box-shadow:0 0 0 2px #4a9eff26,inset 0 1px #ffffff0a}.peal-voice-ai-composer-input:disabled{opacity:.55}html:not(.dark) .peal-voice-ai-composer-input{background:var(--peal-surface-2);color:var(--peal-surface-text-strong);box-shadow:inset 0 1px #0f172a0d}html:not(.dark) .peal-voice-ai-composer-input::placeholder{color:var(--peal-surface-text-muted)}html:not(.dark) .peal-voice-ai-composer-input:focus{box-shadow:0 0 0 2px #4a9eff2e,inset 0 1px #0f172a0d}html:not(.dark) .peal-studio-shell :is(.peal-voice-ai-applied-chip,.peal-voice-ai-diff-after,.peal-voice-ai-diff-btn--after,.peal-voice-ai-compare-btn--after.peal-voice-ai-compare-btn--active .peal-voice-ai-compare-value){color:#2d6eb8}html:not(.dark) .peal-studio-shell :is(.peal-voice-ai-compare-value,.peal-voice-ai-diff-btn--before.peal-voice-ai-diff-btn--active){color:var(--peal-surface-text-strong)}.peal-voice-ai-diff-label{font-family:var(--font-mono,ui-monospace, monospace);letter-spacing:.14em;text-transform:uppercase;color:#4a9effd9;margin-bottom:.45rem;font-size:9px;font-weight:600}.peal-voice-ai-applied-chip{font-family:var(--font-mono,ui-monospace, monospace);color:#b9d9ff;background:#4a9eff14;border:1px solid #4a9eff38;border-radius:4px;align-items:center;padding:.28rem .5rem;font-size:10px;display:inline-flex}.peal-voice-ai-applied-chip--genre{border-color:#4a9eff59;font-weight:600}.peal-voice-ai-compare-meta{font-family:var(--font-mono,ui-monospace, monospace);letter-spacing:.06em;color:#ffffff61;font-size:8px}.peal-voice-ai-diff-row{font-family:var(--font-mono,ui-monospace, monospace);border-radius:4px;grid-template-columns:5.5rem 1fr auto 1fr;align-items:center;gap:.35rem .5rem;padding:.3rem .45rem;font-size:10px;display:grid}.peal-voice-ai-diff-row--highlight{background:#4a9eff14;border:1px solid #4a9eff33}.peal-voice-ai-diff-key{color:#ffffff8c;text-transform:uppercase;letter-spacing:.08em;font-size:9px}.peal-voice-ai-diff-before{color:#9ca3afe6;text-align:right}.peal-voice-ai-diff-arrow{color:#4a9effb3;text-align:center}.peal-voice-ai-diff-after{color:#b9d9ff;font-weight:600}.peal-voice-ai-compare{grid-template-columns:1fr auto 1fr;align-items:stretch;gap:.5rem;display:grid}.peal-voice-ai-compare-vs{font-family:var(--font-mono,ui-monospace, monospace);letter-spacing:.12em;text-transform:uppercase;color:#ffffff47;align-self:center;font-size:9px;font-weight:600}.peal-voice-ai-compare-btn{border:1px solid var(--inst-line-lo,#0000008c);cursor:pointer;background:linear-gradient(#0000001f 0%,#00000047 100%);border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:.25rem;min-height:3.25rem;padding:.55rem .65rem;transition:border-color .12s,box-shadow .12s,background .12s;display:flex}.peal-voice-ai-compare-btn:hover{border-color:#ffffff2e}.peal-voice-ai-compare-btn--before.peal-voice-ai-compare-btn--active{border-color:#9ca3af73;box-shadow:0 0 12px #9ca3af1f}.peal-voice-ai-compare-btn--after.peal-voice-ai-compare-btn--active{background:linear-gradient(#4a9eff14 0%,#00000047 100%);border-color:#4a9eff8c;box-shadow:0 0 14px #4a9eff2e}.peal-voice-ai-compare-label{font-family:var(--font-mono,ui-monospace, monospace);letter-spacing:.14em;text-transform:uppercase;color:#ffffff73;font-size:9px;font-weight:600}.peal-voice-ai-compare-btn--active .peal-voice-ai-compare-label{color:#ffffffb8}.peal-voice-ai-compare-value{font-family:var(--font-mono,ui-monospace, monospace);color:#e5e7eb;text-align:center;font-size:11px;font-weight:600;line-height:1.3}.peal-voice-ai-compare-btn--after.peal-voice-ai-compare-btn--active .peal-voice-ai-compare-value{color:#b9d9ff}.peal-voice-ai-diff-btn{min-width:0;font-family:var(--font-mono,ui-monospace, monospace);text-align:center;cursor:pointer;border:1px solid #0000;border-radius:4px;padding:.25rem .45rem;font-size:10px;transition:border-color .12s,background .12s,color .12s}.peal-voice-ai-diff-btn--before{color:#9ca3aff2;background:#0003;border-color:#ffffff0f}.peal-voice-ai-diff-btn--before:hover,.peal-voice-ai-diff-btn--before.peal-voice-ai-diff-btn--active{color:#d1d5db;background:#9ca3af14;border-color:#9ca3af59}.peal-voice-ai-diff-btn--after{color:#b9d9ff;background:#4a9eff0f;border-color:#4a9eff2e;font-weight:600}.peal-voice-ai-diff-btn--after:hover,.peal-voice-ai-diff-btn--after.peal-voice-ai-diff-btn--active{background:#4a9eff24;border-color:#4a9eff73}.peal-inst-knob--ai-highlight{animation:1.6s ease-in-out infinite peal-ai-highlight-pulse;box-shadow:inset 0 0 0 1px #4a9eff33,0 0 18px #4a9eff38;border-color:#4a9eff8c!important}.peal-inst-pad--ai-highlight{animation:1.6s ease-in-out infinite peal-ai-highlight-pulse;box-shadow:0 0 14px #4a9eff40;border-color:#4a9eff8c!important}@keyframes peal-ai-highlight-pulse{0%,to{opacity:1}50%{opacity:.82}}.peal-studio-welcome-stage{isolation:isolate;flex:1;justify-content:center;align-items:center;min-width:0;padding:2rem 2rem clamp(5rem,15vh,11rem);display:flex;position:relative;overflow:hidden}.peal-studio-welcome-stage:before{z-index:-1;pointer-events:none;content:"";background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:28px 28px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle at 50% 44%,#000 0%,#0000 68%);mask-image:radial-gradient(circle at 50% 44%,#000 0%,#0000 68%)}.peal-studio-welcome{text-align:center;flex-direction:column;align-items:center;gap:1rem;width:100%;max-width:34rem;display:flex;position:relative}.peal-studio-welcome-scope{border:1px solid var(--inst-line-lo,#ffffff14);border-top-color:var(--inst-line-hi,#ffffff1f);background:linear-gradient(#4a9eff09 1px, transparent 1px), linear-gradient(90deg, #4a9eff09 1px, transparent 1px), linear-gradient(180deg, var(--inst-face-raised,#1e1e22), var(--inst-well,#0c0c0f));background-size:12px 12px,12px 12px,auto;border-radius:8px;width:min(100%,28rem);height:5.25rem;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff09,0 10px 28px #0003}.peal-studio-welcome-scope-meta{z-index:1;color:#9ca3af;font-family:var(--font-jetbrains-mono,ui-monospace, monospace);letter-spacing:.16em;text-transform:uppercase;justify-content:space-between;font-size:.5rem;display:flex;position:absolute;top:.55rem;left:.7rem;right:.7rem}.peal-studio-welcome-scope svg{width:100%;height:calc(100% - 1rem);position:absolute;inset:1rem 0 0;overflow:visible}.peal-studio-welcome-trace{fill:none;vector-effect:non-scaling-stroke}.peal-studio-welcome-trace--ghost{stroke:var(--peal-surface-text-muted);stroke-width:.75px;opacity:.2}.peal-studio-welcome-trace--live{stroke:var(--inst-accent,#4a9eff);stroke-width:1.35px;filter:drop-shadow(0 0 4px #4a9eff66);animation:3.2s ease-in-out infinite peal-welcome-signal}.peal-studio-welcome-scope-led{background:var(--inst-accent,#4a9eff);border-radius:50%;width:4px;height:4px;animation:2.1s ease-in-out infinite peal-welcome-led;position:absolute;bottom:.68rem;right:.72rem;box-shadow:0 0 7px #4a9effcc}@keyframes peal-welcome-signal{0%,to{opacity:.48}50%{opacity:1}}@keyframes peal-welcome-led{0%,to{opacity:.45}50%{opacity:1}}.peal-studio-welcome-intro{max-width:29rem}.peal-studio-welcome-title{color:var(--peal-surface-text-strong);letter-spacing:-.01em;text-wrap:balance;font-size:1.08rem;font-weight:600}.peal-studio-welcome-copy{color:#9ca3af;text-wrap:pretty;font-size:.8rem;line-height:1.6}.peal-studio-welcome-form{width:100%}.peal-studio-welcome-composer{border:1px solid var(--peal-surface-border,#ffffff1f);background:var(--inst-well,#0c0c0f);border-radius:9px;align-items:center;gap:.35rem;width:100%;padding:.35rem;transition:border-color .14s,box-shadow .14s;display:flex;box-shadow:0 1px #ffffff09,inset 0 3px 12px #0003}.peal-studio-welcome-composer:focus-within{border-color:#4a9effb8;box-shadow:0 0 0 2px #4a9eff21,inset 0 3px 12px #0003}.peal-studio-welcome-input{min-width:0;color:var(--peal-surface-text-strong);font:inherit;background:0 0;border:0;outline:0;flex:1;padding:0 .55rem;font-size:.78rem}.peal-studio-welcome-input::placeholder{color:#9ca3af;opacity:1}.peal-studio-welcome-starters{flex-wrap:wrap;justify-content:center;align-items:center;gap:.4rem;display:flex}.peal-studio-welcome-starters-label{color:#9ca3af;font-family:var(--font-jetbrains-mono,ui-monospace, monospace);letter-spacing:.16em;text-transform:uppercase;margin-right:.1rem;font-size:.56rem}.peal-studio-welcome-starter{border:1px solid var(--peal-surface-border,#ffffff1a);color:#9ca3af;cursor:pointer;background:#ffffff06;border-radius:999px;padding:.3rem .55rem;font-size:.64rem;transition:border-color .14s,background .14s,color .14s}.peal-studio-welcome-starter:hover{color:var(--peal-surface-text-strong);background:#4a9eff14;border-color:#4a9eff61}.peal-studio-welcome-actions{justify-content:center;display:flex}.peal-studio-welcome-cta{letter-spacing:.01em;cursor:pointer;border:1px solid #0000;border-radius:7px;align-items:center;gap:.5rem;padding:.6rem 1.05rem;font-size:.8rem;font-weight:500;transition:background .14s,color .14s,border-color .14s,box-shadow .14s,transform 80ms;display:inline-flex}.peal-studio-welcome-cta:focus-visible,.peal-studio-welcome-starter:focus-visible,.peal-studio-welcome-library:focus-visible{outline:2px solid var(--inst-accent,#4a9eff);outline-offset:2px}.peal-studio-welcome-cta:disabled{cursor:not-allowed;filter:saturate(.45);opacity:.48}.peal-studio-welcome-cta:active{transform:translateY(1px)}.peal-studio-welcome-cta--primary{color:#0a1628;background:linear-gradient(180deg, var(--inst-accent-hi,#6bb0ff) 0%, var(--inst-accent,#4a9eff) 52%, #2d6eb8 100%);border-color:#00000061;box-shadow:inset 0 1px #ffffff47,0 0 14px #4a9eff2e,0 4px 14px #0006}.peal-studio-welcome-cta--primary:hover{background:linear-gradient(180deg, #8ec5ff 0%, var(--inst-accent-hi,#6bb0ff) 50%, var(--inst-accent,#4a9eff) 100%);box-shadow:inset 0 1px #ffffff52,0 0 20px #4a9eff42,0 6px 18px #00000073}.peal-studio-welcome-cta--secondary{color:var(--peal-surface-text);background:linear-gradient(180deg, var(--inst-face-raised,#1e1e22) 0%, var(--inst-face,#141418) 100%);border-color:var(--inst-line-lo,#00000080);border-top-color:var(--inst-line-hi,#ffffff14);box-shadow:inset 0 1px #ffffff0a,0 2px 8px #00000059}.peal-studio-welcome-cta--secondary:hover{color:var(--peal-surface-text-strong);border-color:#ffffff1a #4a9eff66 #4a9eff66;box-shadow:inset 0 1px #ffffff0d,0 0 12px #4a9eff1f,0 2px 8px #0006}.peal-studio-welcome-library{color:#9ca3af;cursor:pointer;background:0 0;border:0;align-items:center;gap:.4rem;padding:.25rem;font-size:.7rem;transition:color .14s;display:inline-flex}.peal-studio-welcome-library:hover{color:var(--inst-accent,#4a9eff)}@media (prefers-reduced-motion:reduce){.peal-studio-welcome-trace--live,.peal-studio-welcome-scope-led{animation:none}}@media (max-height:760px){.peal-studio-welcome-stage{padding-top:1rem;padding-bottom:2rem}.peal-studio-welcome-scope{height:4.4rem}}@media (max-width:620px){.peal-studio-welcome-stage{padding-left:1rem;padding-right:1rem}.peal-studio-welcome-composer{flex-direction:column;align-items:stretch}.peal-studio-welcome-input{min-height:2.5rem}.peal-studio-welcome-cta{justify-content:center}}html:not(.dark) .peal-studio-shell .peal-inst-rack{background:repeating-linear-gradient(0deg,#1e293b03 0 1px,#0000 1px 3px),linear-gradient(#f7f9fc 0%,#e4e9f0 100%);border-color:#fffffff5 #1e293b24 #1e293b24;box-shadow:inset 0 1px #ffffffe6,0 10px 28px -18px #1e293b47}html:not(.dark) .peal-studio-shell :is(.peal-inst-mixer,.peal-inst-fx-designer){background:radial-gradient(circle at 50% 0,#ffffff80,#0000 34rem),linear-gradient(#d8e0ea57 0%,#0000 28%)}html:not(.dark) .peal-studio-shell :is(.peal-inst-genre-bank,.peal-inst-channel-strip){background:repeating-linear-gradient(0deg,#1e293b03 0 1px,#0000 1px 4px),linear-gradient(#fcfdffc7,#dae1ea80);border-color:#ffffffeb #1e293b21 #1e293b21;box-shadow:inset 0 1px #ffffffd1,inset 0 4px 12px #1e293b0e}html:not(.dark) .peal-studio-shell .peal-inst-pad-tray{border-color:#1e293b24;box-shadow:inset 0 1px #ffffffe6,inset 0 1px 3px #1e293b0f}html:not(.dark) .peal-studio-shell .peal-inst-pad{border-color:#fffffffa #1e293b29 #1e293b29;box-shadow:inset 0 1px #ffffffe6,0 2px 5px #1e293b14}html:not(.dark) .peal-studio-shell .peal-inst-pad--active{color:#0a1628;border-color:#2d6eb857;box-shadow:inset 0 1px #ffffff6b,0 3px 9px #2d6eb82e}html:not(.dark) .peal-studio-shell .peal-inst-deck{background:repeating-linear-gradient(0deg,#1e293b03 0 1px,#0000 1px 3px),radial-gradient(58% 60% at 50% 0,#4a9eff14,#0000 72%),linear-gradient(#f7f9fc 0%,#dfe5ed 100%);border-color:#fffffff5 #1e293b24 #1e293b24}html:not(.dark) .peal-studio-shell .peal-inst-transport{border-color:#1e293b4d;box-shadow:0 0 0 1px #ffffffc7,0 5px 14px #1e293b29}html:not(.dark) .peal-studio-shell .peal-inst-transport--main{box-shadow:inset 0 1px #ffffff59,0 8px 18px #2d6eb83d}html:not(.dark) .peal-studio-shell .peal-inst-transport--main:hover:not(:disabled){box-shadow:inset 0 1px #ffffff6b,0 10px 22px #2d6eb84d}html:not(.dark) .peal-studio-shell .peal-inst-deck-pad{--deck-source:#1e293b33;background:repeating-linear-gradient(0deg,#1e293b03 0 1px,#0000 1px 3px),linear-gradient(165deg,#fcfdff 0%,#e3e8ef 78%);box-shadow:inset 0 1px #ffffffeb,0 7px 16px -11px #1e293b5c}html:not(.dark) .peal-studio-shell .peal-inst-deck-pad--empty{color:#718096;background:repeating-linear-gradient(0deg,#1e293b03 0 1px,#0000 1px 3px),linear-gradient(165deg,#e9edf3 0%,#dce3eb 100%);border-color:#3341552e;box-shadow:inset 0 1px #ffffff9e}html:not(.dark) .peal-studio-shell .peal-inst-deck-pad--selected{background:linear-gradient(165deg,#4a9eff2b,#fcfdffe6 44%,#dfe6ee 100%);box-shadow:inset 0 1px #ffffffeb,0 8px 18px -12px #2d6eb880}html:not(.dark) .peal-studio-shell :is(.peal-inst-deck-pad-slot,.peal-inst-deck-pad-source,.peal-inst-deck-pad-meta,.peal-inst-sample-row-slot,.peal-inst-sample-row-meta){color:#64748b}html:not(.dark) .peal-studio-shell .peal-inst-knob{background:repeating-linear-gradient(90deg,#1e293b03 0 1px,#0000 1px 4px),linear-gradient(#f7f9fb 0%,#dfe5ec 100%);border-color:#fffffffa #1e293b24 #1e293b24;box-shadow:inset 0 1px #fffffff2,0 5px 12px #1e293b14}html:not(.dark) .peal-studio-shell .peal-inst-knob--tweaked{border-color:#2d6eb861;box-shadow:inset 0 1px #fffffff2,0 0 0 1px #4a9eff14,0 5px 14px #2d6eb81f}html:not(.dark) .peal-studio-shell .peal-inst-knob-readout{color:#334155}html:not(.dark) .peal-studio-shell .peal-inst-knob--tweaked .peal-inst-knob-readout{color:#2367ad}html:not(.dark) .peal-studio-shell .peal-inst-preview-wave-shell{background:linear-gradient(#d9e0e9 0%,#cfd8e3 100%);border-color:#ffffffd1 #1e293b29 #1e293b29;box-shadow:inset 0 3px 10px #1e293b14}html:not(.dark) .peal-studio-shell .peal-inst-sample-row{background:linear-gradient(#f8fafc 0%,#e3e8ef 100%);box-shadow:inset 0 1px #ffffffd9}html:not(.dark) .peal-studio-shell .peal-inst-sample-row--empty{color:#64748b;background:#ffffff47;border-color:#3341552e}html:not(.dark) .peal-studio-shell .peal-inst-module-tab{color:#0f172a6b}html:not(.dark) .peal-studio-shell .peal-inst-module-tab:hover{color:#0f172aad;background:#0f172a0a}html:not(.dark) .peal-studio-shell .peal-inst-module-tab--active{background:linear-gradient(#fff 0%,#eef2f7 100%);border-color:#0f172a1a;box-shadow:inset 0 1px #ffffffe6}html:not(.dark) .peal-studio-shell .peal-inst-transport--aux{color:#0f172a9e;background:linear-gradient(145deg,#fff 0%,#e8ecf2 55%,#dde3ec 100%);border-color:#0f172a1f;box-shadow:0 0 0 1px #fffc,0 4px 12px #0f172a1a}html:not(.dark) .peal-studio-shell .peal-inst-scope-well{border-color:#0f172a1f;box-shadow:inset 0 0 0 1px #ffffffa6,inset 0 2px 10px #0f172a0f}html:not(.dark) .peal-studio-shell .peal-inst-rack-header{background:linear-gradient(#ffffff8c 0%,#0000 100%)}html:not(.dark) .peal-studio-shell .peal-inst-rack-label{text-shadow:0 1px #ffffffa6}html:not(.dark) .peal-studio-shell .peal-studio-welcome-stage:before{background-image:linear-gradient(#0f172a09 1px,#0000 1px),linear-gradient(90deg,#0f172a09 1px,#0000 1px)}html:not(.dark) .peal-studio-shell .peal-studio-welcome-scope{background:linear-gradient(#4a9eff0e 1px,#0000 1px) 0 0/12px 12px,linear-gradient(90deg,#4a9eff0e 1px,#0000 1px) 0 0/12px 12px,linear-gradient(#fff 0%,#f1f5f9 100%);border-color:#ffffffd9 #0f172a1f #0f172a1f;box-shadow:inset 0 1px #ffffffe6,0 10px 24px #0f172a0f}html:not(.dark) .peal-studio-shell .peal-studio-welcome-composer{background:#fff;border-color:#0f172a24;box-shadow:0 1px 2px #0f172a0a,inset 0 1px 5px #0f172a09}html:not(.dark) .peal-studio-shell .peal-studio-welcome-composer:focus-within{border-color:#2d6eb8;box-shadow:0 0 0 2px #2d6eb824}html:not(.dark) .peal-studio-shell :is(.peal-studio-welcome-scope-meta,.peal-studio-welcome-copy,.peal-studio-welcome-starters-label,.peal-studio-welcome-starter,.peal-studio-welcome-library){color:#475569}html:not(.dark) .peal-studio-shell .peal-studio-welcome-input::placeholder{color:#64748b}html:not(.dark) .peal-studio-shell :is(.peal-studio-welcome-cta,.peal-studio-welcome-starter,.peal-studio-welcome-library):focus-visible{outline-color:#2d6eb8}html:not(.dark) .peal-studio-shell .peal-studio-welcome-starter{background:#ffffffb8;border-color:#0f172a1f}html:not(.dark) .peal-studio-shell .peal-studio-welcome-starter:hover{background:#4a9eff12;border-color:#4a9eff59}html:not(.dark) .peal-studio-shell .peal-studio-welcome-cta--primary{color:#0a1628;background:var(--inst-accent,#4a9eff);border-color:#2d6eb859;box-shadow:0 1px 2px #0f172a14}html:not(.dark) .peal-studio-shell .peal-studio-welcome-cta--primary:hover{background:var(--inst-accent-hi,#6bb0ff);box-shadow:0 1px 3px #0f172a1a}html:not(.dark) .peal-studio-shell .peal-studio-welcome-cta--secondary{color:var(--peal-surface-text);border-color:var(--peal-surface-border);border-top-color:var(--peal-surface-border);box-shadow:none;background:#fff}html:not(.dark) .peal-studio-shell .peal-studio-welcome-cta--secondary:hover{color:var(--peal-surface-text-strong);box-shadow:none;background:#f8fafc;border-color:#4a9eff47}html:not(.dark) .peal-studio-shell .peal-instruments :is(.text-gray-100,.text-gray-200,.text-gray-300){color:var(--peal-surface-text)}html:not(.dark) .peal-studio-shell .peal-instruments :is(.text-gray-400,.text-gray-500,.text-gray-600),html:not(.dark) .peal-studio-shell :is(.text-gray-300,.text-gray-400){color:var(--peal-surface-text-muted)}html:not(.dark) .peal-studio-shell .hover\:text-gray-100:hover,html:not(.dark) .peal-studio-shell .hover\:text-gray-200:hover,html:not(.dark) .peal-studio-shell .hover\:text-gray-300:hover{color:var(--peal-surface-text-strong)}html:not(.dark) .peal-studio-shell .placeholder-gray-400::placeholder,html:not(.dark) .peal-studio-shell .placeholder-gray-500::placeholder{color:var(--peal-surface-text-muted);opacity:.85}.peal-ai-error-banner{color:#fca5a5;background:#7f1d1d33;border-top:1px solid #f8717147}.peal-ai-error-banner svg{color:#f87171}html:not(.dark) .peal-studio-shell .peal-ai-error-banner{color:#9f1239;background:#fff1f2;border-color:#fecdd3}html:not(.dark) .peal-studio-shell .peal-ai-error-banner svg{color:#e11d48}.peal-studio-modal{--peal-surface-0:#111113;--peal-surface-1:#0d0d0f;--peal-surface-2:#1c1c1e;--peal-surface-3:#2c2c2e;--peal-surface-4:#232327;--peal-surface-5:#3a3a3e;--peal-surface-border:#ffffff0f;--peal-surface-text:#e5e7eb;--peal-surface-text-strong:#f3f4f6;--peal-surface-text-muted:#6b7280}html:not(.dark) .peal-studio-modal{--peal-surface-0:#eef1f6;--peal-surface-1:#e4e8ef;--peal-surface-2:#fff;--peal-surface-3:#d5dbe6;--peal-surface-4:#e2e8f0;--peal-surface-5:#cbd5e1;--peal-surface-border:#0f172a1a;--peal-surface-text:#334155;--peal-surface-text-strong:#0f172a;--peal-surface-text-muted:#64748b}html:not(.dark) :is(.peal-studio-modal,.peal-studio-shell) :is(.text-gray-100,.text-gray-200,.text-gray-300){color:var(--peal-surface-text)}html:not(.dark) :is(.peal-studio-modal,.peal-studio-shell) :is(.text-gray-400,.text-gray-500){color:var(--peal-surface-text-muted)}
.peal-studio-shell{--peal-panel-bar-h:36px;--peal-panel-pad-x:12px;--peal-panel-line:var(--peal-surface-border);--peal-panel-label:var(--peal-surface-text-muted);--peal-panel-accent:#4a9eff;--peal-panel-accent-soft:#4a9eff1a;--peal-panel-accent-line:#4a9eff47}.peal-pane-bar{min-height:var(--peal-panel-bar-h);padding:0 var(--peal-panel-pad-x);border-bottom:1px solid var(--peal-panel-line);background:var(--peal-surface-1);flex-shrink:0;align-items:center;gap:.625rem;display:flex}.peal-pane-bar-title{font-family:var(--font-mono,ui-monospace, monospace);letter-spacing:.16em;text-transform:uppercase;color:var(--peal-surface-text);white-space:nowrap;font-size:10px;font-weight:600}.peal-pane-bar-meta{font-family:var(--font-mono,ui-monospace, monospace);letter-spacing:.06em;color:var(--peal-panel-label);white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.peal-ai-panel{background:var(--peal-surface-0);height:100%;min-height:0;color:var(--peal-surface-text);flex-direction:column;display:flex}.peal-ai-header{padding:.625rem var(--peal-panel-pad-x);border-bottom:1px solid var(--peal-panel-line);background:var(--peal-surface-1);flex-shrink:0;align-items:flex-start;gap:.625rem;display:flex}.peal-ai-header-icon{width:22px;height:22px;color:var(--peal-panel-accent);background:var(--peal-panel-accent-soft);border:1px solid var(--peal-panel-accent-line);border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;margin-top:1px;display:inline-flex}.peal-ai-title{font-family:var(--font-mono,ui-monospace, monospace);letter-spacing:.16em;text-transform:uppercase;color:var(--peal-surface-text-strong);font-size:10px;font-weight:600}.peal-ai-hint{font-family:var(--font-mono,ui-monospace, monospace);color:var(--peal-panel-label);margin-top:2px;font-size:10px;line-height:1.5}.peal-ai-section{padding:.625rem var(--peal-panel-pad-x);border-top:1px solid var(--peal-panel-line);flex-shrink:0}.peal-ai-section-head{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.375rem;display:flex}.peal-ai-label{font-family:var(--font-mono,ui-monospace, monospace);letter-spacing:.16em;text-transform:uppercase;color:var(--peal-panel-label);font-size:9px;font-weight:600}.peal-ai-label--accent{color:var(--peal-panel-accent)}.peal-ai-activity{text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-mono,ui-monospace, monospace);color:var(--peal-panel-label);font-size:10px;overflow:hidden}.peal-ai-activity-tool{color:var(--peal-panel-accent)}.peal-ai-chip{border:1px solid var(--peal-panel-line);background:var(--peal-surface-2);font-family:var(--font-mono,ui-monospace, monospace);text-align:left;color:var(--peal-surface-text);opacity:.85;border-radius:5px;padding:.3rem .55rem;font-size:10px;line-height:1.35;transition:border-color .12s,color .12s,background .12s,opacity .12s}.peal-ai-chip:hover:not(:disabled){opacity:1;border-color:var(--peal-panel-accent-line);background:var(--peal-panel-accent-soft);color:var(--peal-surface-text-strong)}.peal-ai-chip:disabled{opacity:.4;cursor:not-allowed}.peal-ai-text-btn{border:1px solid var(--peal-panel-line);font-family:var(--font-mono,ui-monospace, monospace);letter-spacing:.1em;text-transform:uppercase;color:var(--peal-panel-label);border-radius:4px;padding:.15rem .45rem;font-size:9px;transition:border-color .12s,color .12s}.peal-ai-text-btn:hover:not(:disabled){border-color:var(--peal-panel-accent-line);color:var(--peal-panel-accent)}.peal-ai-text-btn:disabled{opacity:.4}.peal-ai-thread{min-height:0;padding:.75rem var(--peal-panel-pad-x);flex-direction:column;flex:1;gap:.625rem;display:flex;overflow-y:auto}.peal-ai-empty{text-align:center;font-family:var(--font-mono,ui-monospace, monospace);color:var(--peal-panel-label);margin:auto 0;padding:1.5rem .5rem;font-size:11px;line-height:1.6}.peal-ai-bubble{border:1px solid var(--peal-panel-line);background:var(--peal-surface-2);white-space:pre-wrap;overflow-wrap:anywhere;max-width:90%;font-family:var(--font-mono,ui-monospace, monospace);color:var(--peal-surface-text);border-radius:8px;padding:.5rem .7rem;font-size:11px;line-height:1.55}.peal-ai-bubble--user{border-color:var(--peal-panel-accent-line);background:var(--peal-panel-accent-soft);color:var(--peal-surface-text-strong)}.peal-ai-bubble--pending{color:var(--peal-panel-label)}.peal-ai-tool{color:var(--peal-panel-accent);opacity:.85;margin-top:.25rem;font-size:10px}.peal-ai-tool-arrow{color:var(--peal-panel-label)}.peal-ai-composer{padding:.625rem var(--peal-panel-pad-x) .75rem;border-top:1px solid var(--peal-panel-line);background:var(--peal-surface-1);flex-shrink:0}.peal-ai-composer .peal-ai-label{margin-bottom:.375rem;display:block}.peal-ai-composer-row{align-items:flex-end;gap:.5rem;display:flex}.peal-ai-composer-input{border:1px solid var(--peal-panel-line);background:var(--peal-surface-2);min-width:0;font-family:var(--font-mono,ui-monospace, monospace);color:var(--peal-surface-text-strong);resize:none;field-sizing:content;border-radius:6px;outline:none;flex:1;max-height:8.5rem;padding:.55rem .75rem;font-size:12px;line-height:1.45;transition:border-color .12s,box-shadow .12s;overflow-y:auto}.peal-ai-composer-input::placeholder{color:var(--peal-panel-label)}.peal-ai-composer-input:focus{border-color:var(--peal-panel-accent-line);box-shadow:0 0 0 2px var(--peal-panel-accent-soft)}.peal-ai-composer-input:disabled{opacity:.55}.peal-ai-send{border:1px solid var(--peal-panel-accent-line);background:var(--peal-panel-accent-soft);min-width:52px;height:34px;font-family:var(--font-mono,ui-monospace, monospace);letter-spacing:.12em;text-transform:uppercase;color:var(--peal-panel-accent);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;padding:0 .75rem;font-size:10px;font-weight:600;transition:background .12s,color .12s,border-color .12s;display:inline-flex}.peal-ai-send:hover:not(:disabled){background:var(--peal-panel-accent);border-color:var(--peal-panel-accent);color:#0a0a0c}.peal-ai-send:disabled{opacity:.4;cursor:not-allowed}.peal-undo-toast{border:1px solid var(--peal-panel-line);background:var(--peal-surface-2);font-family:var(--font-mono,ui-monospace, monospace);color:var(--peal-surface-text);border-radius:8px;align-items:center;gap:.75rem;padding:.45rem .5rem .45rem .85rem;font-size:11px;display:inline-flex;box-shadow:0 8px 24px #00000059}.peal-undo-toast-btn{border:1px solid var(--peal-panel-accent-line);background:var(--peal-panel-accent-soft);letter-spacing:.12em;text-transform:uppercase;color:var(--peal-panel-accent);border-radius:5px;padding:.2rem .6rem;font-size:10px;font-weight:600}.peal-undo-toast-btn:hover{background:var(--peal-panel-accent);color:#0a0a0c}html.dark .peal-studio-shell .peal-code-editor{background-color:var(--peal-surface-code)!important}html.dark .peal-studio-shell .peal-code-editor .cm-editor{background-color:var(--peal-surface-code)}html.dark .peal-studio-shell .peal-code-editor .cm-gutters{background-color:var(--peal-surface-code);border-right-color:var(--peal-panel-line)}html.dark .peal-studio-shell .peal-code-editor .cm-activeLine{background-color:#ffffff08}html.dark .peal-studio-shell .peal-code-editor .cm-activeLineGutter{color:var(--peal-surface-text);background-color:#ffffff0a}html.dark .peal-studio-shell .peal-code-editor .cm-cursor{border-left-color:var(--peal-panel-accent)}html.dark .peal-studio-shell .peal-code-editor .cm-content{caret-color:var(--peal-panel-accent)}html.dark .peal-studio-shell .peal-code-editor .cm-selectionBackground,html.dark .peal-studio-shell .peal-code-editor .cm-focused .cm-selectionBackground{background-color:#4a9eff38}.peal-studio-shell .sfx-root{--sfx-sans:var(--font-figtree,ui-sans-serif), system-ui, -apple-system, "Segoe UI", sans-serif}
.sfx-root{--sfx-surface-0:#111113;--sfx-surface-1:#0d0d0f;--sfx-surface-2:#1c1c1e;--sfx-surface-3:#2c2c2e;--sfx-surface-4:#232327;--sfx-surface-5:#3a3a3e;--sfx-surface-code:#0f0f11;--sfx-surface-code-header:#0d0d0f;--sfx-surface-border:#ffffff0f;--sfx-surface-text:#e5e7eb;--sfx-surface-text-strong:#f3f4f6;--sfx-surface-text-muted:#6b7280;--inst-chassis:#0c0c0e;--inst-face:#16161a;--inst-face-raised:#1e1e22;--inst-well:#09090b;--inst-line-hi:#ffffff17;--inst-line-lo:#0000008c;--inst-accent:#4a9eff;--inst-accent-hi:#6bb0ff;--inst-accent-glow:#4a9eff6b;--inst-amber:#e8a317;--inst-amber-glow:#e8a31761;--inst-label:#ffffff6b;--inst-engrave:#ffffffb8;--inst-readout:#ffffff61;--inst-pad-fg:#ffffff73;--inst-pad-fg-hover:#ffffffc7;--inst-pad-bg:linear-gradient(180deg, #242428 0%, #1a1a1e 100%);--inst-pad-bg-hover:linear-gradient(180deg, #2a2a30 0%, #1f1f24 100%);--inst-shadow-panel:0 1px 2px #00000040;--inst-shadow-deck:0 12px 32px #0006}[data-hudson-theme=light] .sfx-root{--sfx-surface-0:#e9edf3;--sfx-surface-1:#dfe5ed;--sfx-surface-2:#fbfcfe;--sfx-surface-3:#cfd7e2;--sfx-surface-4:#d9e0e9;--sfx-surface-5:#bdc8d6;--sfx-surface-code:#f8fafc;--sfx-surface-code-header:#f1f5f9;--sfx-surface-border:#1e293b24;--sfx-surface-text:#2f3d50;--sfx-surface-text-strong:#0f172a;--sfx-surface-text-muted:#58677a;--inst-chassis:#d8dee7;--inst-face:#eff3f7;--inst-face-raised:#fcfdff;--inst-well:#e3e8ef;--inst-line-hi:#fffffff2;--inst-line-lo:#1e293b24;--inst-accent-glow:#4a9eff47;--inst-amber-glow:#e8a31747;--inst-label:#1e293b94;--inst-engrave:#0f172ac7;--inst-readout:#1e293b85;--inst-pad-fg:#0f172a80;--inst-pad-fg-hover:#0f172ad1;--inst-pad-bg:linear-gradient(180deg, #fff 0%, #e8ecf2 100%);--inst-pad-bg-hover:linear-gradient(180deg, #fff 0%, #dfe5ee 100%);--inst-shadow-panel:0 1px 2px #0f172a0d, 0 10px 24px -12px #0f172a1f;--inst-shadow-deck:0 1px 2px #0f172a0d, 0 14px 28px -14px #0f172a24}.sfx-inst-rack{background:var(--inst-face);border:1px solid var(--sfx-surface-border,var(--inst-line-lo));box-shadow:var(--inst-shadow-panel);border-radius:6px}.sfx-inst-rack-header{border-bottom:1px solid var(--sfx-surface-border,var(--inst-line-lo));justify-content:space-between;align-items:center;gap:.75rem;padding:.5rem .75rem;display:flex}.sfx-inst-rack-label{font-family:var(--sfx-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--inst-label);font-size:10px;font-weight:600}.sfx-inst-rack-readout{font-family:var(--sfx-mono);letter-spacing:.08em;color:var(--inst-readout);font-size:10px}.sfx-inst-scope-well{background:var(--inst-well);border:1px solid #000000a6;border-radius:4px;box-shadow:inset 0 0 0 1px #ffffff08,inset 0 2px 12px #00000073}.sfx-inst-led{background:#ffffff1f;border-radius:50%;flex-shrink:0;width:6px;height:6px;box-shadow:inset 0 0 0 1px #00000080}.sfx-inst-led--on{background:var(--inst-accent);box-shadow:0 0 6px var(--inst-accent-glow), 0 0 0 1px #00000059 inset}.sfx-inst-led--amber{background:var(--inst-amber);box-shadow:0 0 6px var(--inst-amber-glow), 0 0 0 1px #00000059 inset}.sfx-inst-led--green{background:#3ecf6e;box-shadow:0 0 6px #3ecf6e66}.sfx-inst-pad-tray{background:var(--inst-well);border:1px solid var(--inst-line-lo);box-shadow:0 1px 0 var(--inst-line-hi) inset;border-radius:5px;align-items:center;gap:2px;padding:3px;display:inline-flex}.sfx-inst-pad{min-height:22px;font-family:var(--sfx-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--inst-pad-fg);background:var(--inst-pad-bg);cursor:pointer;border:1px solid #00000080;border-top-color:#ffffff0f;border-radius:3px;justify-content:center;align-items:center;gap:.25rem;padding:.25rem .5rem;font-size:9px;font-weight:600;transition:background .12s,color .12s,box-shadow .12s,transform 80ms;display:inline-flex;box-shadow:0 1px 2px #00000059}.sfx-inst-pad:hover:not(:disabled){color:var(--inst-pad-fg-hover);background:var(--inst-pad-bg-hover)}.sfx-inst-pad:active:not(:disabled){transform:translateY(1px);box-shadow:0 0 #0000}.sfx-inst-pad--active{color:#0a0a0c;background:linear-gradient(180deg, var(--inst-accent-hi) 0%, var(--inst-accent) 100%);box-shadow:0 0 10px var(--inst-accent-glow), 0 1px 0 #ffffff40 inset;border-color:#00000059}.sfx-inst-pad--amber.sfx-inst-pad--active{color:#0a0a0c;background:linear-gradient(180deg, #f0b429 0%, var(--inst-amber) 100%);box-shadow:0 0 10px var(--inst-amber-glow)}.sfx-inst-pad--muted.sfx-inst-pad--active{color:#ffffffe0;background:linear-gradient(#3a3a40 0%,#2c2c32 100%);box-shadow:inset 0 1px #ffffff14}.sfx-inst-pad:disabled{opacity:.35;cursor:not-allowed}.sfx-inst-deck{background:radial-gradient(ellipse 80% 60% at 50% 0%, #4a9eff0f 0%, transparent 70%), linear-gradient(180deg, var(--inst-face-raised) 0%, var(--inst-chassis) 100%);border:1px solid var(--inst-line-lo);border-top-color:var(--inst-line-hi);box-shadow:var(--inst-shadow-deck);border-radius:8px;justify-content:center;align-items:center;gap:1.25rem;padding:1.25rem 1.5rem;display:flex}.sfx-inst-transport{cursor:pointer;border:2px solid #0000008c;border-radius:50%;justify-content:center;align-items:center;transition:transform .1s,box-shadow .12s;display:flex;position:relative;box-shadow:0 0 0 1px #ffffff0f,0 4px 12px #00000073}.sfx-inst-transport:active:not(:disabled){transform:scale(.96)}.sfx-inst-transport--aux{color:#ffffffa6;background:linear-gradient(145deg,#2a2a30 0%,#18181c 55%,#121216 100%);width:3.25rem;height:3.25rem}.sfx-inst-transport--aux:hover:not(:disabled){color:#ffffffe6;box-shadow:0 0 0 1px #ffffff1a,0 4px 16px #00000080}.sfx-inst-transport--main{background:linear-gradient(145deg, var(--inst-accent-hi) 0%, var(--inst-accent) 45%, #2d6eb8 100%);color:#fff;width:4.75rem;height:4.75rem;box-shadow:0 0 0 1px #ffffff26 inset, 0 0 24px var(--inst-accent-glow), 0 6px 20px #00000073}.sfx-inst-transport--main:hover:not(:disabled){box-shadow:0 0 0 1px #fff3 inset, 0 0 32px var(--inst-accent-glow), 0 8px 24px #00000080}.sfx-inst-transport--pause{background:linear-gradient(145deg, #f0b429 0%, var(--inst-amber) 45%, #b87a0f 100%);box-shadow:0 0 0 1px #ffffff26 inset, 0 0 24px var(--inst-amber-glow), 0 6px 20px #00000073}.sfx-inst-transport:disabled{opacity:.35;cursor:not-allowed;box-shadow:none}.sfx-inst-transport-ring{pointer-events:none;border:1px solid #ffffff0a;border-radius:50%;position:absolute;inset:-5px}.sfx-instruments input[type=range]{appearance:none;background:linear-gradient(#08080a 0%,#141418 100%);border:1px solid #0000008c;border-radius:3px;width:100%;height:6px;box-shadow:inset 0 1px #ffffff0a}.sfx-instruments input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;cursor:grab;background:radial-gradient(circle at 35% 30%,#4a4a52 0%,#1e1e24 55%,#121216 100%);border:1px solid #0009;border-radius:50%;width:14px;height:14px;box-shadow:0 0 0 1px #ffffff14,0 2px 4px #00000080}.sfx-instruments input[type=range]::-moz-range-thumb{cursor:grab;background:radial-gradient(circle at 35% 30%,#4a4a52 0%,#1e1e24 55%,#121216 100%);border:1px solid #0009;border-radius:50%;width:14px;height:14px;box-shadow:0 2px 4px #00000080}.sfx-instruments input[type=range]:active::-webkit-slider-thumb{cursor:grabbing;box-shadow:0 0 8px var(--inst-accent-glow), 0 0 0 1px var(--inst-accent)}.sfx-inst-deck-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.55rem;display:grid}.sfx-inst-deck-panel .sfx-inst-deck-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sfx-inst-knob{-webkit-user-select:none;user-select:none;border:1px solid var(--inst-line-lo,#0000008c);border-top-color:var(--inst-line-hi,#ffffff17);background:linear-gradient(#0000002e 0%,#00000052 100%);border-radius:6px;flex-direction:column;align-items:center;gap:.4rem;padding:.55rem .4rem .45rem;display:flex;box-shadow:inset 0 1px #ffffff08}.sfx-inst-knob--tweaked{border-color:#4a9eff59;box-shadow:inset 0 0 0 1px #4a9eff1a,0 0 14px #4a9eff14}.sfx-inst-knob-module{cursor:ns-resize;touch-action:none;outline:none;justify-content:center;align-items:center;width:100%;display:flex}.sfx-inst-knob-module:focus-visible .sfx-inst-knob-svg{filter:drop-shadow(0 0 6px #4a9eff73)}.sfx-inst-knob-module:active{cursor:grabbing}.sfx-inst-knob-svg{width:4.75rem;max-width:100%;height:4.75rem;display:block}.sfx-inst-knob--tweaked .sfx-inst-knob-readout{color:#8ec5ff}.sfx-inst-knob-readout{min-height:.9rem;font-family:var(--sfx-mono);letter-spacing:.05em;color:#ffffffc7;font-size:9px;font-weight:600}.sfx-inst-knob-label{text-align:center;max-width:5.5rem;font-family:var(--sfx-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--inst-label,#ffffff6b);font-size:8px;font-weight:600;line-height:1.35}.sfx-inst-knob-tweak{color:#4a9eff;margin-left:.15rem}[data-hudson-theme=light] .sfx-root .sfx-inst-rack{background:repeating-linear-gradient(0deg,#1e293b03 0 1px,#0000 1px 3px),linear-gradient(#f7f9fc 0%,#e4e9f0 100%);border-color:#fffffff5 #1e293b24 #1e293b24;box-shadow:inset 0 1px #ffffffe6,0 10px 28px -18px #1e293b47}[data-hudson-theme=light] .sfx-root .sfx-inst-pad-tray{border-color:#1e293b24;box-shadow:inset 0 1px #ffffffe6,inset 0 1px 3px #1e293b0f}[data-hudson-theme=light] .sfx-root .sfx-inst-pad{border-color:#fffffffa #1e293b29 #1e293b29;box-shadow:inset 0 1px #ffffffe6,0 2px 5px #1e293b14}[data-hudson-theme=light] .sfx-root .sfx-inst-pad--active{color:#0a1628;border-color:#2d6eb857;box-shadow:inset 0 1px #ffffff6b,0 3px 9px #2d6eb82e}[data-hudson-theme=light] .sfx-root .sfx-inst-deck{background:repeating-linear-gradient(0deg,#1e293b03 0 1px,#0000 1px 3px),radial-gradient(58% 60% at 50% 0,#4a9eff14,#0000 72%),linear-gradient(#f7f9fc 0%,#dfe5ed 100%);border-color:#fffffff5 #1e293b24 #1e293b24}[data-hudson-theme=light] .sfx-root .sfx-inst-transport{border-color:#1e293b4d;box-shadow:0 0 0 1px #ffffffc7,0 5px 14px #1e293b29}[data-hudson-theme=light] .sfx-root .sfx-inst-transport--main{box-shadow:inset 0 1px #ffffff59,0 8px 18px #2d6eb83d}[data-hudson-theme=light] .sfx-root .sfx-inst-transport--main:hover:not(:disabled){box-shadow:inset 0 1px #ffffff6b,0 10px 22px #2d6eb84d}[data-hudson-theme=light] .sfx-root .sfx-inst-knob{background:repeating-linear-gradient(90deg,#1e293b03 0 1px,#0000 1px 4px),linear-gradient(#f7f9fb 0%,#dfe5ec 100%);border-color:#fffffffa #1e293b24 #1e293b24;box-shadow:inset 0 1px #fffffff2,0 5px 12px #1e293b14}[data-hudson-theme=light] .sfx-root .sfx-inst-knob--tweaked{border-color:#2d6eb861;box-shadow:inset 0 1px #fffffff2,0 0 0 1px #4a9eff14,0 5px 14px #2d6eb81f}[data-hudson-theme=light] .sfx-root .sfx-inst-knob-readout{color:#334155}[data-hudson-theme=light] .sfx-root .sfx-inst-knob--tweaked .sfx-inst-knob-readout{color:#2367ad}[data-hudson-theme=light] .sfx-root .sfx-inst-transport--aux{color:#0f172a9e;background:linear-gradient(145deg,#fff 0%,#e8ecf2 55%,#dde3ec 100%);border-color:#0f172a1f;box-shadow:0 0 0 1px #fffc,0 4px 12px #0f172a1a}[data-hudson-theme=light] .sfx-root .sfx-inst-scope-well{border-color:#0f172a1f;box-shadow:inset 0 0 0 1px #ffffffa6,inset 0 2px 10px #0f172a0f}[data-hudson-theme=light] .sfx-root .sfx-inst-rack-header{background:linear-gradient(#ffffff8c 0%,#0000 100%)}[data-hudson-theme=light] .sfx-root .sfx-inst-rack-label{text-shadow:0 1px #ffffffa6}.sfx-min0{min-width:0}.sfx-mt{margin-top:1rem}.sfx-mt-sm{margin-top:.5rem}.sfx-rack--flush{overflow:hidden}.sfx-rack--flush.sfx-inst-rack{padding:0}.sfx-rack-body{padding:.75rem}.sfx-inst-rack-title{align-items:center;gap:.5rem;display:flex}.sfx-scope-canvas,.sfx-timeline-canvas{width:100%;display:block}.sfx-root{--sfx-bg:var(--sfx-surface-0);--sfx-side:var(--sfx-surface-1);--sfx-surface:var(--sfx-surface-2);--sfx-surface-2:var(--sfx-surface-3);--sfx-line:var(--sfx-surface-border);--sfx-line-strong:color-mix(in srgb, var(--sfx-surface-text) 16%, transparent);--sfx-text:var(--sfx-surface-text);--sfx-strong:var(--sfx-surface-text-strong);--sfx-muted:color-mix(in srgb, var(--sfx-surface-text) 72%, transparent);--sfx-faint:var(--sfx-surface-text-muted);--sfx-accent:#4a9eff;--sfx-accent-soft:#4a9eff1f;--sfx-accent-line:#4a9eff59;--sfx-amber:#f0b429;--sfx-sans:var(--hud-font-sans,ui-sans-serif), system-ui, -apple-system, "Segoe UI", sans-serif;--sfx-mono:var(--hud-font-mono,ui-monospace), "SF Mono", Menlo, monospace;letter-spacing:-.005em;background:var(--sfx-bg);color:var(--sfx-text);font-weight:400;font-family:var(--sfx-sans);font-size:14px;line-height:1.5}.sfx-app{grid-template-columns:248px minmax(0,1fr) auto;height:100dvh;display:grid;overflow:hidden}.sfx-slot{--sfx-bg:transparent;--sfx-side:transparent;flex-direction:column;height:100%;min-height:0;display:flex;overflow:hidden}.sfx-slot>.sfx-sidebar{border-right:0;flex:1}.sfx-slot>.sfx-main{flex:1}.sfx-slot>.sfx-pane{border-left:0;flex:1;width:auto}.sfx-slot-empty{color:var(--sfx-muted);padding:16px;font-size:12px;line-height:1.6}.sfx-slot-empty b{font:600 10px var(--sfx-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--sfx-accent);margin-bottom:6px;display:block}:where(.sfx-root) button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}:where(.sfx-root) button:disabled{cursor:not-allowed;opacity:.45}.sfx-sidebar{background:var(--sfx-side);border-right:1px solid var(--sfx-line);flex-direction:column;gap:.25rem;min-height:0;padding:14px 10px;display:flex}.sfx-brand{letter-spacing:-.01em;color:var(--sfx-strong);align-items:center;gap:8px;padding:2px 8px 12px;font-weight:600;display:flex}.sfx-brand-mark{color:var(--sfx-accent)}.sfx-new{text-align:left;border-radius:10px;margin-bottom:14px;padding:8px 10px;font-weight:500;transition:background .12s;border:1px solid var(--sfx-line-strong)!important;color:var(--sfx-strong)!important}.sfx-new:hover{background:var(--sfx-surface)}.sfx-side-label{color:var(--sfx-faint);padding:0 8px 4px;font-size:11px;font-weight:500}.sfx-projects{flex:1;min-height:0;overflow-y:auto}.sfx-project{margin-bottom:10px}.sfx-project-name{color:var(--sfx-muted);padding:5px 8px;font-size:13px;font-weight:500}.sfx-project-name.is-active{color:var(--sfx-strong)}.sfx-convo{color:var(--sfx-muted);white-space:nowrap;text-overflow:ellipsis;border-radius:8px;margin-left:8px;padding:5px 10px;font-size:13px;overflow:hidden}.sfx-convo.is-active{background:var(--sfx-surface-2);color:var(--sfx-strong)}.sfx-side-sounds{flex-direction:column;margin:4px 0 0 16px;display:flex}.sfx-side-sound{text-align:left;border-radius:6px;align-items:center;gap:8px;color:var(--sfx-muted)!important;padding:3px 8px!important;font-size:12px!important;display:flex!important}.sfx-side-sound:hover,.sfx-side-sound.is-active{background:var(--sfx-surface);color:var(--sfx-strong)!important}.sfx-dot{background:var(--sfx-accent);border-radius:50%;flex-shrink:0;width:6px;height:6px}.sfx-dot.is-kept{background:var(--sfx-amber)}.sfx-side-foot{border-top:1px solid var(--sfx-line);color:var(--sfx-muted);align-items:center;gap:8px;padding:10px 8px 2px;font-size:12px;display:flex}.sfx-status-dot{background:#3ecf6e;border-radius:50%;width:7px;height:7px;display:inline-block;box-shadow:0 0 6px #3ecf6e80}.sfx-main{flex-direction:column;min-width:0;min-height:0;display:flex}.sfx-main-head{border-bottom:1px solid var(--sfx-line);flex-shrink:0;align-items:center;gap:8px;height:48px;padding:0 20px;font-size:13px;display:flex}.sfx-crumb,.sfx-crumb-sep{color:var(--sfx-muted)}.sfx-crumb-strong{color:var(--sfx-strong);font-weight:500}.sfx-hero{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:14px;margin-top:-6vh;padding:24px;display:flex}.sfx-hero h1{letter-spacing:-.02em;color:var(--sfx-strong);text-align:center;font-size:28px;font-weight:600}.sfx-hero>p{text-align:center;max-width:520px;color:var(--sfx-muted);margin-bottom:8px}.sfx-starters{flex-wrap:wrap;justify-content:center;gap:8px;max-width:720px;display:flex}.sfx-starters--inline{justify-content:flex-start;margin-top:10px}.sfx-starter{border-radius:999px;padding:7px 12px;font-size:13px;transition:color .12s,border-color .12s,background .12s;border:1px solid var(--sfx-line-strong)!important;color:var(--sfx-muted)!important}.sfx-starter:hover{background:var(--sfx-accent-soft);color:var(--sfx-strong)!important;border-color:var(--sfx-accent-line)!important}.sfx-thread{flex:1;min-height:0;overflow-y:auto}.sfx-thread-inner{flex-direction:column;gap:22px;max-width:760px;margin:0 auto;padding:28px 24px 12px;display:flex}.sfx-msg--user{justify-content:flex-end;display:flex}.sfx-bubble{background:var(--sfx-surface-2);max-width:78%;color:var(--sfx-strong);white-space:pre-wrap;border-radius:18px;padding:10px 14px}.sfx-agent-text{color:var(--sfx-text)}.sfx-thinking{color:var(--sfx-muted);align-items:center;gap:8px;display:flex}.sfx-dot-pulse{background:var(--sfx-accent);border-radius:50%;width:8px;height:8px;animation:1.1s ease-in-out infinite sfx-pulse;display:inline-block}@keyframes sfx-pulse{0%,to{opacity:.25;transform:scale(.8)}50%{opacity:1;transform:scale(1)}}.sfx-composer-dock{flex-shrink:0;padding:8px 24px 20px}.sfx-composer-dock .sfx-composer{max-width:760px;margin:0 auto}.sfx-composer{border:1px solid var(--sfx-line-strong);background:var(--sfx-surface);border-radius:20px;width:100%;max-width:720px;transition:border-color .15s;box-shadow:0 10px 40px #00000059}.sfx-composer:focus-within{border-color:var(--sfx-accent-line)}.sfx-composer textarea{resize:none;width:100%;color:var(--sfx-strong);font:inherit;field-sizing:content;background:0 0;border:0;outline:none;max-height:200px;padding:14px 16px 6px;font-size:15px;display:block}.sfx-composer--hero textarea{min-height:84px;font-size:16px}.sfx-composer textarea::placeholder{color:var(--sfx-faint)}.sfx-composer-bar{justify-content:space-between;align-items:center;gap:8px;padding:6px 8px 8px 12px;display:flex}.sfx-composer-chips{flex-wrap:wrap;gap:6px;display:flex}.sfx-chip{border:1px solid var(--sfx-line);color:var(--sfx-muted);border-radius:999px;align-items:center;gap:6px;padding:3px 9px;font-size:12px;display:inline-flex}.sfx-chip--btn:hover{color:var(--sfx-strong);border-color:var(--sfx-line-strong)}.sfx-send{flex-shrink:0;width:32px;height:32px;font-weight:700;background:var(--sfx-strong)!important;color:var(--sfx-surface-0)!important;border-radius:50%!important}.sfx-send:disabled{background:var(--sfx-surface-2)!important;color:var(--sfx-faint)!important;opacity:1!important}.sfx-panel{border:1px solid var(--sfx-line);background:var(--sfx-surface);border-radius:14px;margin-top:10px;padding:16px}.sfx-eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--sfx-faint);margin-bottom:8px;font-size:11px;font-weight:600}.sfx-palette{gap:4px;display:grid}.sfx-palette div{grid-template-columns:84px 1fr;gap:10px;font-size:13px;display:grid}.sfx-palette dt{color:var(--sfx-muted)}.sfx-palette dd{color:var(--sfx-text)}.sfx-slots{flex-direction:column;display:flex}.sfx-slots label{border-top:1px solid var(--sfx-line);cursor:pointer;grid-template-columns:18px 150px 1fr;align-items:center;gap:10px;padding:7px 4px;font-size:13px;display:grid}.sfx-slots input{accent-color:var(--sfx-accent)}.sfx-slot-name{color:var(--sfx-strong);font-weight:500}.sfx-slot-trigger{color:var(--sfx-muted)}.sfx-panel-actions{align-items:center;gap:12px;margin-top:14px;display:flex}.sfx-primary{border-radius:10px;padding:8px 14px;font-weight:600;background:var(--sfx-accent)!important;color:#06121f!important}.sfx-secondary{border-radius:10px;padding:8px 14px;border:1px solid var(--sfx-line-strong)!important;color:var(--sfx-text)!important}.sfx-hint{color:var(--sfx-faint);font-size:12px}.sfx-cards{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:10px;margin-top:10px;display:grid}.sfx-card{border:1px solid var(--sfx-line);background:var(--sfx-surface);border-radius:14px;padding:12px;animation:.25s ease-out sfx-in}.sfx-card.is-pending{opacity:.6}@keyframes sfx-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.sfx-card-head{justify-content:space-between;gap:10px;margin-bottom:8px;display:flex}.sfx-card-name{color:var(--sfx-strong);font-weight:600}.sfx-card-sub{color:var(--sfx-muted);font-size:12px}.sfx-card-meta{font-family:var(--sfx-mono);color:var(--sfx-faint);white-space:nowrap;font-size:11px}.sfx-card-wave{align-items:center;gap:10px;display:flex}.sfx-card-pending{height:44px;color:var(--sfx-muted);align-items:center;gap:8px;font-size:12px;display:flex}.sfx-card-tools{flex-wrap:wrap;align-items:center;gap:6px;margin-top:10px;display:flex}.sfx-play{flex-shrink:0;justify-content:center;align-items:center;font-size:11px;display:inline-flex;background:var(--sfx-accent-soft)!important;border:1px solid var(--sfx-accent-line)!important;color:var(--sfx-accent)!important;border-radius:50%!important}.sfx-play--sm{width:32px;height:32px}.sfx-play--lg{width:48px;height:48px;font-size:15px}.sfx-play.is-playing{background:var(--sfx-accent)!important;color:#06121f!important}.sfx-wave{background:#ffffff05;border-radius:8px;flex:1;min-width:0;position:relative;overflow:hidden}.sfx-wave canvas{width:100%;height:100%;display:block}.sfx-wave-loading{color:var(--sfx-faint);place-items:center;font-size:11px;display:grid;position:absolute;inset:0}.sfx-toggle{border-radius:999px;padding:3px 9px;font-size:12px;border:1px solid var(--sfx-line-strong)!important;color:var(--sfx-muted)!important}.sfx-toggle.is-on{background:var(--sfx-accent-soft);border-color:var(--sfx-accent-line)!important;color:var(--sfx-accent)!important}.sfx-link{margin-left:auto;font-size:12px;color:var(--sfx-muted)!important}.sfx-link:hover{color:var(--sfx-strong)!important}.sfx-levels{flex-direction:column;gap:6px;display:flex}.sfx-levels li{grid-template-columns:140px 1fr 64px;align-items:center;gap:10px;font-size:13px;display:grid}.sfx-level{background:var(--sfx-surface-2);border-radius:3px;height:6px;overflow:hidden}.sfx-level span{background:var(--sfx-accent);border-radius:3px;height:100%;display:block}.sfx-level-db{font-family:var(--sfx-mono);color:var(--sfx-muted);text-align:right;font-size:11px}.sfx-export-row{color:var(--sfx-text);justify-content:space-between;align-items:center;gap:10px;font-size:13px;display:flex}.sfx-seg{border:1px solid var(--sfx-line-strong);border-radius:8px;display:inline-flex;overflow:hidden}.sfx-seg button{color:var(--sfx-muted);padding:3px 10px;font-size:12px}.sfx-seg button.is-on{background:var(--sfx-accent-soft);color:var(--sfx-accent)}.sfx-code{border:1px solid var(--sfx-line);background:var(--sfx-bg);font-family:var(--sfx-mono);color:var(--sfx-text);border-radius:8px;margin-top:10px;padding:8px 12px;font-size:12px}.sfx-pane{border-left:1px solid var(--sfx-line);background:var(--sfx-side);flex-direction:column;width:min(46vw,640px);min-height:0;display:flex}.sfx-tabs{border-bottom:1px solid var(--sfx-line);flex-shrink:0;align-items:center;gap:2px;height:48px;padding:0 8px;display:flex;overflow-x:auto}.sfx-tab{color:var(--sfx-muted);white-space:nowrap;border-radius:8px;align-items:center;font-size:13px;display:flex}.sfx-tab button{padding:5px 4px 5px 10px}.sfx-tab .sfx-tab-x{color:var(--sfx-faint);padding:5px 8px 5px 4px}.sfx-tab.is-active{background:var(--sfx-surface-2);color:var(--sfx-strong)}.sfx-split{border-radius:8px;margin-left:auto;padding:4px 10px;font-size:12px;border:1px solid var(--sfx-line-strong)!important;color:var(--sfx-muted)!important}.sfx-split.is-on{color:var(--sfx-accent)!important;border-color:var(--sfx-accent-line)!important}.sfx-pages{flex:1;min-height:0;overflow-y:auto}.sfx-pages.is-split{display:block}.sfx-pages.is-split .sfx-page+.sfx-page{border-top:1px solid var(--sfx-line)}.sfx-page{min-height:0;padding:18px 20px;overflow-y:auto}.sfx-page-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.sfx-page-title{color:var(--sfx-strong);font-size:17px;font-weight:600}.sfx-page-wave{align-items:center;gap:14px;display:flex}.sfx-stepper{font-family:var(--sfx-mono);color:var(--sfx-muted);align-items:center;gap:4px;font-size:11px;display:inline-flex}.sfx-stepper button{border-radius:6px;width:24px;height:24px;border:1px solid var(--sfx-line-strong)!important}.sfx-layers{flex-direction:column;gap:10px;display:flex}.sfx-layer-top{justify-content:space-between;gap:10px;font-size:13px;display:flex}.sfx-layer-name{color:var(--sfx-strong);font-weight:500}.sfx-layer-src{font-family:var(--sfx-mono);color:var(--sfx-muted);font-size:11px}.sfx-layer-bar{background:var(--sfx-surface-2);border-radius:2px;height:4px;margin:5px 0 4px;overflow:hidden}.sfx-layer-bar span{background:#7cb8ffb3;height:100%;display:block}.sfx-layer-detail{font-family:var(--sfx-mono);color:var(--sfx-faint);font-size:11px}.sfx-root .mt-2{margin-top:.5rem}.sfx-root .mt-3{margin-top:.75rem}.sfx-root .mt-4{margin-top:1rem}.sfx-root .min-w-0{min-width:0}@media (max-width:900px){.sfx-app{grid-template-columns:minmax(0,1fr)}.sfx-sidebar,.sfx-pane{display:none}}.sfx-inline-player{align-items:center;gap:10px;display:flex}.sfx-inline-scope{flex:1;min-width:0;position:relative;padding:0!important}.sfx-inline-scope canvas{width:100%;height:56px;display:block}.sfx-scrub-canvas{cursor:pointer;touch-action:none}.sfx-mini-transport{flex-shrink:0;border-width:1px!important;width:2.25rem!important;height:2.25rem!important}.sfx-mini-transport .sfx-inst-transport-ring{inset:-3px}.sfx-full-player{flex-direction:column;gap:12px;display:flex}.sfx-full-player .sfx-inst-deck{padding:.9rem 1rem}.sfx-edited{color:var(--sfx-amber)}.sfx-mix{margin-top:14px}.sfx-mix .sfx-inst-rack-header{flex-wrap:wrap}.sfx-strips{flex-direction:column;display:flex}.sfx-strip{border-bottom:1px solid var(--sfx-line);grid-template-columns:auto 112px minmax(0,1fr) 92px 70px;align-items:center;gap:10px;padding:6px 10px;transition:opacity .12s;display:grid}.sfx-strip.is-dimmed{opacity:.38}.sfx-strip-ms{gap:3px;display:flex}.sfx-ms{width:20px;height:20px;font:600 9px var(--sfx-mono)!important;background:var(--inst-pad-bg)!important;color:var(--inst-pad-fg)!important;border:1px solid var(--inst-line-lo)!important;border-radius:4px!important}.sfx-ms.is-mute{color:#ff8a8a!important;background:#3a1d1d!important;border-color:#ff787859!important}.sfx-ms.is-solo{color:var(--sfx-amber)!important;background:#3a2e12!important;border-color:#f0b42966!important}.sfx-strip-name{align-items:center;gap:7px;min-width:0;display:flex}.sfx-strip-swatch{border-radius:2px;flex-shrink:0;width:3px;height:26px}.sfx-strip-title{color:var(--sfx-strong);white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:500;display:block;overflow:hidden}.sfx-strip-src{font:10px var(--sfx-mono);color:var(--sfx-faint);white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.sfx-lane{cursor:ew-resize;touch-action:none;background:var(--inst-well);border:1px solid #000000a6;border-radius:4px;height:34px;position:relative;overflow:hidden}.sfx-lane canvas{width:100%;height:100%;display:block}.sfx-lane.is-dragging{cursor:grabbing;border-color:var(--sfx-accent-line)}.sfx-lane-tag{font:600 9px var(--sfx-mono);color:var(--sfx-amber);background:#000000b3;border-radius:3px;padding:0 4px;position:absolute;top:2px;right:4px}.sfx-fader{flex-direction:column;gap:2px;min-width:0;display:flex}.sfx-fader input{width:100%}.sfx-fader span{font:10px var(--sfx-mono);color:var(--sfx-faint);font-variant-numeric:tabular-nums}.sfx-fader span.is-tweaked{color:var(--sfx-amber)}.sfx-macros{justify-content:space-around;gap:8px;padding:10px 8px 6px;display:flex}.sfx-mix+.sfx-hint,.sfx-mix>.sfx-hint{margin-top:6px}.sfx-crumb,.sfx-crumb-sep,.sfx-crumb-strong,.sfx-chip,.sfx-meta-chip,.sfx-toggle,.sfx-ab button,.sfx-starter,.sfx-eyebrow,.sfx-card-name,.sfx-card-meta,.sfx-link,.sfx-hint,.sfx-primary,.sfx-secondary,.sfx-seg button,.sfx-page-title,.sfx-tab,.sfx-new,.sfx-project-name,.sfx-convo,.sfx-side-sound,.sfx-slot-name,.sfx-level-db,.sfx-export-row,.sfx-card-pending{font-family:var(--sfx-mono);letter-spacing:.02em}.sfx-chip,.sfx-meta-chip,.sfx-toggle,.sfx-ab button,.sfx-starter,.sfx-link,.sfx-hint,.sfx-card-pending{font-size:11px}.sfx-card-name{letter-spacing:0;font-size:12.5px}.sfx-page-title{letter-spacing:-.01em;font-size:15px}.sfx-main-head{box-sizing:border-box;border-bottom:1px dashed var(--hud-line,var(--sfx-line));height:53px}.sfx-crumb,.sfx-crumb-sep,.sfx-crumb-strong{text-transform:uppercase;letter-spacing:.14em;font-size:11px}.sfx-crumb-strong{font-weight:600}.sfx-root :focus-visible{outline:2px solid var(--sfx-accent-line);outline-offset:2px;border-radius:4px}.sfx-meta-chip{color:var(--sfx-faint);align-items:center;gap:6px;display:inline-flex}.sfx-kbd-hint{opacity:.8}@media (max-width:1280px){.sfx-kbd-hint{display:none}}.sfx-cards{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.sfx-cards--single{grid-template-columns:minmax(0,520px)}.sfx-card{transition:border-color .15s}.sfx-card.is-open{border-color:var(--sfx-accent-line)}.sfx-card-head{align-items:baseline}.sfx-star{vertical-align:-1px;display:inline-block}.sfx-ab{border:1px solid var(--sfx-line-strong);border-radius:999px;display:inline-flex;overflow:hidden}.sfx-ab button{color:var(--sfx-muted);padding:3px 9px}.sfx-ab button+button{border-left:1px solid var(--sfx-line-strong)!important}.sfx-ab button.is-on{background:var(--sfx-accent-soft);color:var(--sfx-accent)}.sfx-inline-player{gap:10px}.sfx-inline-scope canvas{height:52px}.sfx-time{pointer-events:none;font:10px var(--sfx-mono);color:var(--sfx-text);font-variant-numeric:tabular-nums;background:color-mix(in srgb, var(--inst-well) 70%, transparent);border-radius:3px;padding:0 4px;position:absolute;top:4px;right:6px}.sfx-time span{color:var(--sfx-faint)}.sfx-mini-transport{background:var(--inst-pad-bg)!important;color:var(--sfx-accent)!important;border:1px solid var(--inst-line-lo)!important;box-shadow:0 0 0 1px var(--inst-line-hi) inset, 0 2px 6px #0000004d!important}.sfx-mini-transport:hover:not(:disabled),.sfx-mini-transport.sfx-inst-transport--pause{background:linear-gradient(145deg, var(--inst-accent-hi) 0%, var(--inst-accent) 55%, #2d6eb8 100%)!important;color:#fff!important;box-shadow:0 0 0 1px #ffffff26 inset, 0 0 14px var(--inst-accent-glow)!important}.sfx-skeleton{pointer-events:none}.sfx-skeleton-orb{background:var(--sfx-surface-2);border-radius:50%;flex-shrink:0;width:2.25rem;height:2.25rem}.sfx-skeleton-well{background:linear-gradient(90deg, var(--inst-well) 0%, var(--sfx-surface-2) 50%, var(--inst-well) 100%);background-size:200% 100%;border-radius:4px;flex:1;height:54px;animation:1.4s ease-in-out infinite sfx-shimmer}@keyframes sfx-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.sfx-card-pending{height:26px;margin-top:6px}.sfx-scope-canvas{height:9rem}.sfx-timeline-canvas{height:3.5rem}.sfx-full-player{gap:10px}.sfx-full-player .sfx-inst-deck{gap:12px;padding:8px}.sfx-full-player .sfx-inst-transport--main{width:2.75rem;height:2.75rem}.sfx-full-player .sfx-inst-transport--aux{width:2rem;height:2rem}.sfx-full-player .sfx-inst-transport svg{transform:scale(.62)}.sfx-pages.is-split .sfx-scope-canvas{height:6rem}.sfx-pages.is-split .sfx-page{overflow:visible}.sfx-stepper button,.sfx-tab-x{width:28px!important;height:28px!important}.sfx-stepper span{transition:color .2s,text-shadow .2s}.sfx-stepper.is-flash span{color:var(--sfx-accent);text-shadow:0 0 10px var(--inst-accent-glow)}.sfx-tab-x{border-radius:6px;place-items:center;display:inline-grid;color:var(--sfx-muted)!important}.sfx-tab-x:hover{background:var(--sfx-surface-2);color:var(--sfx-strong)!important}.sfx-tab-ab{width:16px;height:16px;font:600 9px var(--sfx-mono);background:var(--sfx-accent-soft);color:var(--sfx-accent);border-radius:4px;place-items:center;margin-right:6px;display:inline-grid}.sfx-strip{grid-template-columns:auto 132px minmax(0,1fr) 92px 84px}.sfx-ms{width:24px!important;height:22px!important}.sfx-fader span{color:var(--inst-readout)}.sfx-fader input{background-repeat:no-repeat}.sfx-fader--level{background:linear-gradient(var(--inst-readout), var(--inst-readout)) no-repeat calc(66.7% - .5px) 2px / 1px 6px}.sfx-fader--pan{background:linear-gradient(var(--inst-readout), var(--inst-readout)) no-repeat calc(50% - .5px) 2px / 1px 6px}.sfx-fader--pan span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sfx-code{justify-content:space-between;align-items:center;gap:12px;display:flex}.sfx-copy{font:11px var(--sfx-mono);border-radius:6px;padding:2px 8px;color:var(--sfx-muted)!important;border:1px solid var(--sfx-line-strong)!important}.sfx-copy:hover{color:var(--sfx-strong)!important}.sfx-side-sounds{border-left:1px solid var(--sfx-line);margin:2px 0 6px 10px;padding-left:8px}