.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}.peal-library-modal[data-peal-theme=light]{--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:#0a0f12;--peal-surface-code-header:#0d1317;--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 8px 24px #00000059;--inst-shadow-deck:0 12px 32px #0006;background:var(--peal-surface-0);color:var(--peal-surface-text)}.peal-studio-shell[data-peal-theme=light]{--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:linear-gradient(180deg, var(--inst-face) 0%, var(--inst-chassis) 100%);border:1px solid var(--inst-line-lo);border-top-color:var(--inst-line-hi);box-shadow:0 1px 0 #ffffff0a inset, var(--inst-shadow-panel);border-radius:6px}.peal-inst-rack-header{border-bottom:1px solid var(--inst-line-lo);background:linear-gradient(#ffffff08 0%,#0000 100%);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:.2em;text-transform:uppercase;color:var(--inst-label);text-shadow:0 1px #0009;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:#0d0d0f;flex-direction:column;min-height:0;display:flex;overflow:hidden}.peal-music-tile-divider{cursor:row-resize;background:#ffffff0a;border:0;border-top:1px solid #ffffff0f;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;background:#1c1c1e;border:1px solid #4a9eff59;border-radius:6px;outline:none;padding:.65rem .85rem;font-size:12px;font-weight:500;transition:border-color .12s,box-shadow .12s;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}.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}}.peal-studio-shell[data-peal-theme=light] .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}.peal-studio-shell[data-peal-theme=light] :is(.peal-inst-mixer,.peal-inst-fx-designer){background:radial-gradient(circle at 50% 0,#ffffff80,#0000 34rem),linear-gradient(#d8e0ea57 0%,#0000 28%)}.peal-studio-shell[data-peal-theme=light] :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}.peal-studio-shell[data-peal-theme=light] .peal-inst-pad-tray{border-color:#1e293b24;box-shadow:inset 0 1px #ffffffe6,inset 0 1px 3px #1e293b0f}.peal-studio-shell[data-peal-theme=light] .peal-inst-pad{border-color:#fffffffa #1e293b29 #1e293b29;box-shadow:inset 0 1px #ffffffe6,0 2px 5px #1e293b14}.peal-studio-shell[data-peal-theme=light] .peal-inst-pad--active{color:#0a1628;border-color:#2d6eb857;box-shadow:inset 0 1px #ffffff6b,0 3px 9px #2d6eb82e}.peal-studio-shell[data-peal-theme=light] .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}.peal-studio-shell[data-peal-theme=light] .peal-inst-transport{border-color:#1e293b4d;box-shadow:0 0 0 1px #ffffffc7,0 5px 14px #1e293b29}.peal-studio-shell[data-peal-theme=light] .peal-inst-transport--main{box-shadow:inset 0 1px #ffffff59,0 8px 18px #2d6eb83d}.peal-studio-shell[data-peal-theme=light] .peal-inst-transport--main:hover:not(:disabled){box-shadow:inset 0 1px #ffffff6b,0 10px 22px #2d6eb84d}.peal-studio-shell[data-peal-theme=light] .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}.peal-studio-shell[data-peal-theme=light] .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}.peal-studio-shell[data-peal-theme=light] .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}.peal-studio-shell[data-peal-theme=light] :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}.peal-studio-shell[data-peal-theme=light] .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}.peal-studio-shell[data-peal-theme=light] .peal-inst-knob--tweaked{border-color:#2d6eb861;box-shadow:inset 0 1px #fffffff2,0 0 0 1px #4a9eff14,0 5px 14px #2d6eb81f}.peal-studio-shell[data-peal-theme=light] .peal-inst-knob-readout{color:#334155}.peal-studio-shell[data-peal-theme=light] .peal-inst-knob--tweaked .peal-inst-knob-readout{color:#2367ad}.peal-studio-shell[data-peal-theme=light] .peal-inst-preview-wave-shell{background:linear-gradient(#d9e0e9 0%,#cfd8e3 100%);border-color:#ffffffd1 #1e293b29 #1e293b29;box-shadow:inset 0 3px 10px #1e293b14}.peal-studio-shell[data-peal-theme=light] .peal-inst-sample-row{background:linear-gradient(#f8fafc 0%,#e3e8ef 100%);box-shadow:inset 0 1px #ffffffd9}.peal-studio-shell[data-peal-theme=light] .peal-inst-sample-row--empty{color:#64748b;background:#ffffff47;border-color:#3341552e}.peal-studio-shell[data-peal-theme=light] .peal-inst-module-tab{color:#0f172a6b}.peal-studio-shell[data-peal-theme=light] .peal-inst-module-tab:hover{color:#0f172aad;background:#0f172a0a}.peal-studio-shell[data-peal-theme=light] .peal-inst-module-tab--active{background:linear-gradient(#fff 0%,#eef2f7 100%);border-color:#0f172a1a;box-shadow:inset 0 1px #ffffffe6}.peal-studio-shell[data-peal-theme=light] .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}.peal-studio-shell[data-peal-theme=light] .peal-inst-scope-well{border-color:#0f172a1f;box-shadow:inset 0 0 0 1px #ffffffa6,inset 0 2px 10px #0f172a0f}.peal-studio-shell[data-peal-theme=light] .peal-inst-rack-header{background:linear-gradient(#ffffff8c 0%,#0000 100%)}.peal-studio-shell[data-peal-theme=light] .peal-inst-rack-label{text-shadow:0 1px #ffffffa6}.peal-studio-shell[data-peal-theme=light] .peal-studio-welcome-stage:before{background-image:linear-gradient(#0f172a09 1px,#0000 1px),linear-gradient(90deg,#0f172a09 1px,#0000 1px)}.peal-studio-shell[data-peal-theme=light] .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}.peal-studio-shell[data-peal-theme=light] .peal-studio-welcome-composer{background:#fff;border-color:#0f172a24;box-shadow:0 1px 2px #0f172a0a,inset 0 1px 5px #0f172a09}.peal-studio-shell[data-peal-theme=light] .peal-studio-welcome-composer:focus-within{border-color:#2d6eb8;box-shadow:0 0 0 2px #2d6eb824}.peal-studio-shell[data-peal-theme=light] :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}.peal-studio-shell[data-peal-theme=light] .peal-studio-welcome-input::placeholder{color:#64748b}.peal-studio-shell[data-peal-theme=light] :is(.peal-studio-welcome-cta,.peal-studio-welcome-starter,.peal-studio-welcome-library):focus-visible{outline-color:#2d6eb8}.peal-studio-shell[data-peal-theme=light] .peal-studio-welcome-starter{background:#ffffffb8;border-color:#0f172a1f}.peal-studio-shell[data-peal-theme=light] .peal-studio-welcome-starter:hover{background:#4a9eff12;border-color:#4a9eff59}.peal-studio-shell[data-peal-theme=light] .peal-studio-welcome-cta--primary{color:#0a1628;background:var(--inst-accent,#4a9eff);border-color:#2d6eb859;box-shadow:0 1px 2px #0f172a14}.peal-studio-shell[data-peal-theme=light] .peal-studio-welcome-cta--primary:hover{background:var(--inst-accent-hi,#6bb0ff);box-shadow:0 1px 3px #0f172a1a}.peal-studio-shell[data-peal-theme=light] .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}.peal-studio-shell[data-peal-theme=light] .peal-studio-welcome-cta--secondary:hover{color:var(--peal-surface-text-strong);box-shadow:none;background:#f8fafc;border-color:#4a9eff47}.peal-studio-shell[data-peal-theme=light] .peal-instruments :is(.text-gray-100,.text-gray-200,.text-gray-300){color:var(--peal-surface-text)}.peal-studio-shell[data-peal-theme=light] .peal-instruments :is(.text-gray-400,.text-gray-500,.text-gray-600),.peal-studio-shell[data-peal-theme=light] :is(.text-gray-300,.text-gray-400){color:var(--peal-surface-text-muted)}.peal-studio-shell[data-peal-theme=light] .hover\:text-gray-100:hover,.peal-studio-shell[data-peal-theme=light] .hover\:text-gray-200:hover,.peal-studio-shell[data-peal-theme=light] .hover\:text-gray-300:hover{color:var(--peal-surface-text-strong)}.peal-studio-shell[data-peal-theme=light] .placeholder-gray-400::placeholder,.peal-studio-shell[data-peal-theme=light] .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}.peal-studio-shell[data-peal-theme=light] .peal-ai-error-banner{color:#9f1239;background:#fff1f2;border-color:#fecdd3}.peal-studio-shell[data-peal-theme=light] .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}.peal-studio-modal[data-peal-theme=light]{--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}.peal-studio-modal[data-peal-theme=light] :is(.text-gray-100,.text-gray-200,.text-gray-300){color:var(--peal-surface-text)}.peal-studio-modal[data-peal-theme=light] :is(.text-gray-400,.text-gray-500){color:var(--peal-surface-text-muted)}