.fx-value-hud{position:absolute;left:50%;bottom:calc(100% - 6px);transform:translate(-50%) translateY(4px) scale(.92);transform-origin:center bottom;pointer-events:none;z-index:10;padding:4px 12px;border-radius:8px;white-space:nowrap;background:#080b0ff2;box-shadow:0 5px 16px #0000008c,inset 0 0 0 1px color-mix(in srgb,var(--fx-accent, #888) 45%,transparent);font-family:var(--font-mono, monospace);font-size:24px;font-weight:700;letter-spacing:.01em;color:color-mix(in srgb,var(--fx-accent, #888) 32%,#f2f6fa);opacity:0;transition:opacity .14s ease,transform .14s ease}.fx-value-hud.is-active{opacity:1;transform:translate(-50%) translateY(0) scale(1)}@media(prefers-reduced-motion:reduce){.fx-value-hud{transition:opacity .14s ease;transform:translate(-50%)}.fx-value-hud.is-active{transform:translate(-50%)}}.fx-widget{position:relative;display:flex;flex-direction:column;gap:9px;padding:12px 14px 12px 13px;border-radius:8px;background:color-mix(in srgb,var(--group-accent, #8a94a2) 6%,rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.09);border-left:2.5px solid color-mix(in srgb,var(--group-accent, #8a94a2) 60%,transparent)}.fx-widget-label{font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:color-mix(in srgb,var(--group-accent, #9aa4af) 26%,var(--fx-ink-dim, #9aa4af));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fx-drywet-axis{display:flex;align-items:center;gap:8px}.fx-drywet-end{flex-shrink:0;font-size:10px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--fx-ink-dim, #9aa4af)}.fx-drywet-track{position:relative;flex:1;height:20px;border-radius:5px;background:linear-gradient(90deg,#ffffff24,color-mix(in srgb,var(--fx-accent, #888) 82%,transparent));box-shadow:inset 0 0 0 1px #ffffff1a}.fx-drywet-handle{position:absolute;top:-3px;bottom:-3px;left:var(--pct, 50%);transform:translate(-50%);width:12px;border-radius:4px;background:#f4f7fa;box-shadow:0 0 6px #0000008c;pointer-events:none}.fx-drywet-input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.fx-drywet-input:disabled{cursor:not-allowed}.fx-drywet-track:focus-within{outline:2px solid color-mix(in srgb,var(--fx-accent, #888) 65%,transparent);outline-offset:2px}.fx-drywet-readout{font-family:var(--font-mono, monospace);font-size:12px;color:var(--fx-ink, #e7edf3);text-align:right}.fx-enum-seg{display:flex;flex-wrap:wrap;gap:4px}.fx-enum-seg button{flex:1 1 auto;min-width:0;padding:6px 8px;font-size:11px;font-weight:600;letter-spacing:.03em;color:var(--fx-ink-dim, #9aa4af);background:#ffffff0d;border:1px solid rgba(255,255,255,.12);border-radius:5px;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:background .12s ease,color .12s ease}.fx-enum-seg button:hover:not(:disabled){color:var(--fx-ink, #e7edf3)}.fx-enum-seg button.active{color:var(--fx-panel-ink, #0a0d11);background:var(--fx-accent, #888);border-color:var(--fx-accent, #888)}.fx-enum-seg button:disabled{cursor:not-allowed;opacity:.5}.fx-enum-stepper{display:flex;align-items:center;gap:8px}.fx-enum-stepper button{flex-shrink:0;width:30px;height:30px;font-size:18px;line-height:1;color:var(--fx-ink, #e7edf3);background:#ffffff0f;border:1px solid rgba(255,255,255,.14);border-radius:6px;cursor:pointer;transition:background .12s ease,color .12s ease}.fx-enum-stepper button:hover:not(:disabled){color:var(--fx-panel-ink, #0a0d11);background:var(--fx-accent, #888);border-color:var(--fx-accent, #888)}.fx-enum-stepper button:disabled{cursor:not-allowed;opacity:.4}.fx-enum-value{flex:1;text-align:center;font-size:14px;font-weight:700;color:color-mix(in srgb,var(--fx-accent, #888) 35%,#eef3f7);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fx-enum-count{font-family:var(--font-mono, monospace);font-size:10px;color:var(--fx-ink-dim, #9aa4af);text-align:right}.fx-note-head{display:flex;align-items:center;gap:8px}.fx-note-head .fx-widget-label{flex:1;display:flex;align-items:center;gap:5px}.fx-note-glyph{color:var(--fx-accent, #888);font-size:14px;line-height:1}.fx-note-mode{display:flex;flex-shrink:0;border:1px solid rgba(255,255,255,.14);border-radius:5px;overflow:hidden}.fx-note-mode button{display:flex;align-items:center;justify-content:center;width:28px;height:20px;padding:0;font-family:var(--font-mono, monospace);font-size:9px;font-weight:700;color:var(--fx-ink-dim, #9aa4af);background:#ffffff0a;border:none;cursor:pointer;transition:background .12s ease,color .12s ease}.fx-note-mode button+button{border-left:1px solid rgba(255,255,255,.14)}.fx-note-mode button.active{color:var(--fx-panel-ink, #0a0d11);background:var(--fx-accent, #888)}.fx-note-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(34px,1fr));gap:5px}.fx-note-grid button{display:flex;align-items:center;justify-content:center;aspect-ratio:1;padding:2px;color:var(--fx-ink-dim, #9aa4af);background:#ffffff0d;border:1px solid rgba(255,255,255,.12);border-radius:5px;cursor:pointer;transition:background .12s ease,color .12s ease}.fx-note-grid button:hover:not(:disabled){color:var(--fx-ink, #e7edf3);border-color:color-mix(in srgb,var(--fx-accent, #888) 45%,transparent)}.fx-note-grid button.active{color:var(--fx-panel-ink, #0a0d11);background:var(--fx-accent, #888);border-color:var(--fx-accent, #888)}.fx-note-grid button:disabled{cursor:not-allowed;opacity:.5}.fx-note-picker{display:flex;align-items:center;gap:8px}.fx-note-picker button{flex-shrink:0;width:30px;height:30px;font-size:18px;line-height:1;color:var(--fx-ink, #e7edf3);background:#ffffff0f;border:1px solid rgba(255,255,255,.14);border-radius:6px;cursor:pointer;transition:background .12s ease,color .12s ease}.fx-note-picker button:hover:not(:disabled){color:var(--fx-panel-ink, #0a0d11);background:var(--fx-accent, #888);border-color:var(--fx-accent, #888)}.fx-note-picker button:disabled{cursor:not-allowed;opacity:.4}.fx-note-select{flex:1;min-width:0;height:30px;padding:0 8px;font-family:var(--font-mono, monospace);font-size:13px;font-weight:700;text-align:center;text-align-last:center;color:color-mix(in srgb,var(--fx-accent, #888) 35%,#eef3f7);background:#ffffff0f;border:1px solid rgba(255,255,255,.16);border-radius:6px;cursor:pointer}.fx-note-select:disabled{cursor:not-allowed;opacity:.5}.fx-note-select option{background:#14181d;color:#e7edf3;font-weight:600}.fx-note-select option:checked{background:color-mix(in srgb,var(--fx-accent, #888) 55%,#14181d);color:#fff}.fx-note-select:focus-visible{outline:2px solid color-mix(in srgb,var(--fx-accent, #888) 60%,transparent);outline-offset:2px}.fx-note-desc{min-height:14px;font-size:11px;font-style:italic;text-align:center;color:var(--fx-ink-dim, #9aa4af)}.fx-bipolar-axis{display:flex;align-items:center;gap:8px}.fx-bipolar-end{flex-shrink:0;min-width:26px;text-align:center;font-family:var(--font-mono, monospace);font-size:10px;font-weight:600;color:var(--fx-ink-dim, #9aa4af)}.fx-bipolar-track{position:relative;flex:1;height:20px;border-radius:5px;background:#ffffff17;box-shadow:inset 0 0 0 1px #ffffff1a}.fx-bipolar-fill{position:absolute;top:0;bottom:0;left:var(--lo, 50%);width:var(--w, 0%);border-radius:3px;background:color-mix(in srgb,var(--fx-accent, #888) 75%,transparent)}.fx-bipolar-center{position:absolute;top:-2px;bottom:-2px;left:var(--center, 50%);transform:translate(-50%);width:2px;background:#ffffff80}.fx-bipolar-handle{position:absolute;top:-3px;bottom:-3px;left:var(--pct, 50%);transform:translate(-50%);width:12px;border-radius:4px;background:#f4f7fa;box-shadow:0 0 6px #0000008c;pointer-events:none}.fx-bipolar-input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.fx-bipolar-input:disabled{cursor:not-allowed}.fx-bipolar-track:focus-within{outline:2px solid color-mix(in srgb,var(--fx-accent, #888) 60%,transparent);outline-offset:2px}.fx-bipolar-readout{font-family:var(--font-mono, monospace);font-size:12px;color:var(--fx-ink, #e7edf3);text-align:right}.fx-uni-axis{display:flex;align-items:center;gap:8px}.fx-uni-end{flex-shrink:0;min-width:26px;text-align:center;font-family:var(--font-mono, monospace);font-size:10px;font-weight:600;color:var(--fx-ink-dim, #9aa4af)}.fx-uni-track{position:relative;flex:1;height:20px;border-radius:5px;background:#ffffff17;box-shadow:inset 0 0 0 1px #ffffff1a}.fx-uni-fill{position:absolute;top:0;bottom:0;left:0;width:var(--pct, 0%);border-radius:5px 3px 3px 5px;background:color-mix(in srgb,var(--fx-accent, #888) 75%,transparent)}.fx-uni-handle{position:absolute;top:-3px;bottom:-3px;left:var(--pct, 0%);transform:translate(-50%);width:12px;border-radius:4px;background:#f4f7fa;box-shadow:0 0 6px #0000008c;pointer-events:none}.fx-uni-input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.fx-uni-input:disabled{cursor:not-allowed}.fx-uni-track:focus-within{outline:2px solid color-mix(in srgb,var(--fx-accent, #888) 60%,transparent);outline-offset:2px}.fx-uni-readout{font-family:var(--font-mono, monospace);font-size:12px;color:var(--fx-ink, #e7edf3);text-align:right}.fx-freq-axis{display:flex;align-items:center;gap:8px}.fx-freq-end{flex-shrink:0;min-width:40px;text-align:center;font-family:var(--font-mono, monospace);font-size:9px;font-weight:600;color:var(--fx-ink-dim, #9aa4af)}.fx-freq-track{position:relative;flex:1;height:24px}.fx-freq-bg{position:absolute;inset:0;border-radius:5px;overflow:hidden;background:#ffffff12;box-shadow:inset 0 0 0 1px #ffffff1a}.fx-freq-fill{position:absolute;top:0;bottom:0;left:0;width:var(--pct, 0%);background:color-mix(in srgb,var(--fx-accent, #888) 22%,transparent)}.fx-freq-spectrum{position:absolute;inset:0;width:100%;height:100%;color:color-mix(in srgb,var(--fx-accent, #888) 62%,transparent);pointer-events:none}.fx-freq-handle{position:absolute;top:-3px;bottom:-3px;left:var(--pct, 0%);transform:translate(-50%);width:12px;border-radius:4px;background:#f4f7fa;box-shadow:0 0 6px #0000008c;pointer-events:none}.fx-freq-input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.fx-freq-input:disabled{cursor:not-allowed}.fx-freq-track:focus-within{outline:2px solid color-mix(in srgb,var(--fx-accent, #888) 60%,transparent);outline-offset:2px;border-radius:5px}.fx-freq-readout{font-family:var(--font-mono, monospace);font-size:12px;color:var(--fx-ink, #e7edf3);text-align:right}.fx-midi-kbd{position:relative;display:flex;gap:1px;height:34px}.fx-midi-white{flex:1;min-width:0;height:100%;padding:0;border:none;border-radius:0 0 3px 3px;background:linear-gradient(180deg,#f6f8fa,#d9dee3);box-shadow:inset 0 -2px 2px #00000024;cursor:pointer;transition:background .1s ease,transform .06s ease}.fx-midi-white:hover:not(:disabled){background:linear-gradient(180deg,color-mix(in srgb,var(--fx-accent, #888) 30%,#f6f8fa),color-mix(in srgb,var(--fx-accent, #888) 30%,#d9dee3))}.fx-midi-white.active{background:linear-gradient(180deg,color-mix(in srgb,var(--fx-accent, #888) 55%,#fff) 0%,var(--fx-accent, #888) 100%)}.fx-midi-black{position:absolute;top:0;z-index:2;width:10%;height:62%;padding:0;transform:translate(-50%);border:none;border-radius:0 0 3px 3px;background:linear-gradient(180deg,#454b54,#12161b 92%);box-shadow:0 2px 3px #0009,inset 0 -3px 2px #0000008c,inset 0 1px #ffffff2e;cursor:pointer;transition:background .1s ease,transform .06s ease,box-shadow .06s ease}.fx-midi-black:hover:not(:disabled){background:linear-gradient(180deg,color-mix(in srgb,var(--fx-accent, #888) 45%,#454b54),color-mix(in srgb,var(--fx-accent, #888) 25%,#12161b) 92%)}.fx-midi-black.active{background:linear-gradient(180deg,color-mix(in srgb,var(--fx-accent, #888) 70%,#fff) 0%,var(--fx-accent, #888) 92%);box-shadow:0 2px 5px color-mix(in srgb,var(--fx-accent, #888) 55%,transparent),inset 0 1px #ffffff40}.fx-midi-white:active:not(:disabled){transform:translateY(1px)}.fx-midi-black:active:not(:disabled){transform:translate(-50%) translateY(1px);box-shadow:0 1px 2px #0009,inset 0 -2px 2px #00000080}.fx-midi-white:disabled,.fx-midi-black:disabled{cursor:not-allowed}.fx-midi-row{display:flex;align-items:center;gap:8px}.fx-midi-row button{flex-shrink:0;width:30px;height:28px;font-size:18px;line-height:1;color:var(--fx-ink, #e7edf3);background:#ffffff0f;border:1px solid rgba(255,255,255,.14);border-radius:6px;cursor:pointer;transition:background .12s ease,color .12s ease}.fx-midi-row button:hover:not(:disabled){color:var(--fx-panel-ink, #0a0d11);background:var(--fx-accent, #888);border-color:var(--fx-accent, #888)}.fx-midi-row button:disabled{cursor:not-allowed;opacity:.4}.fx-midi-name{flex:1;text-align:center;font-family:var(--font-mono, monospace);font-size:15px;font-weight:700;color:color-mix(in srgb,var(--fx-accent, #888) 35%,#eef3f7)}.fx-midi-range{width:100%;height:6px;-webkit-appearance:none;appearance:none;border-radius:3px;background:#ffffff1f;cursor:pointer}.fx-midi-range:disabled{cursor:not-allowed;opacity:.5}.fx-midi-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;border-radius:50%;background:var(--fx-accent, #888)}.fx-midi-range::-moz-range-thumb{width:12px;height:12px;border:none;border-radius:50%;background:var(--fx-accent, #888)}.fx-midi-range:focus-visible{outline:2px solid color-mix(in srgb,var(--fx-accent, #888) 60%,transparent);outline-offset:2px}.fx-balance-axis{display:flex;align-items:center;gap:8px}.fx-balance-end{flex-shrink:0;max-width:46px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--fx-ink-dim, #9aa4af)}.fx-balance-track{position:relative;flex:1;height:20px;border-radius:5px;background:#ffffff17;box-shadow:inset 0 0 0 1px #ffffff1a}.fx-balance-fill{position:absolute;top:0;bottom:0;left:var(--lo, 50%);width:var(--w, 0%);border-radius:3px;background:color-mix(in srgb,var(--fx-accent, #888) 75%,transparent)}.fx-balance-center{position:absolute;top:-2px;bottom:-2px;left:50%;transform:translate(-50%);width:2px;background:#ffffff80}.fx-balance-handle{position:absolute;top:-3px;bottom:-3px;left:var(--pct, 50%);transform:translate(-50%);width:12px;border-radius:4px;background:#f4f7fa;box-shadow:0 0 6px #0000008c;pointer-events:none}.fx-balance-input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.fx-balance-input:disabled{cursor:not-allowed}.fx-balance-track:focus-within{outline:2px solid color-mix(in srgb,var(--fx-accent, #888) 60%,transparent);outline-offset:2px}.fx-balance-readout{font-family:var(--font-mono, monospace);font-size:12px;color:var(--fx-ink, #e7edf3);text-align:right}.fx-mute-axis{display:flex;align-items:center;gap:8px}.fx-mute-end{flex-shrink:0;min-width:26px;text-align:center;font-family:var(--font-mono, monospace);font-size:11px;font-weight:700;color:var(--fx-ink-dim, #9aa4af)}.fx-mute-end.is-muted{color:var(--fx-accent, #888)}.fx-mute-track{position:relative;flex:1;height:20px;border-radius:5px;background:#ffffff17;box-shadow:inset 0 0 0 1px #ffffff1a}.fx-mute-fill{position:absolute;top:0;bottom:0;left:0;width:var(--pct, 0%);border-radius:5px 3px 3px 5px;background:color-mix(in srgb,var(--fx-accent, #888) 75%,transparent)}.fx-mute-track.is-muted .fx-mute-fill{background:#ffffff24}.fx-mute-handle{position:absolute;top:-3px;bottom:-3px;left:var(--pct, 0%);transform:translate(-50%);width:12px;border-radius:4px;background:#f4f7fa;box-shadow:0 0 6px #0000008c;pointer-events:none}.fx-mute-input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.fx-mute-input:disabled{cursor:not-allowed}.fx-mute-track:focus-within{outline:2px solid color-mix(in srgb,var(--fx-accent, #888) 60%,transparent);outline-offset:2px}.fx-mute-readout{font-family:var(--font-mono, monospace);font-size:12px;color:var(--fx-ink, #e7edf3);text-align:right}.fx-mute-readout.is-muted{color:var(--fx-accent, #888);letter-spacing:.12em}.fx-custom-groups{display:flex;flex-direction:column;gap:18px}.fx-group{--group-accent: #8a94a2;display:flex;flex-direction:column;gap:10px}.fx-group-header{display:flex;align-items:center;gap:7px;padding-bottom:6px;border-bottom:1px solid color-mix(in srgb,var(--group-accent) 34%,transparent)}.fx-group-glyph{display:inline-flex;color:var(--group-accent)}.fx-group-title{font-size:11px;font-weight:700;letter-spacing:.11em;text-transform:uppercase;color:color-mix(in srgb,var(--group-accent) 80%,var(--fx-ink, #e7edf3))}.fx-custom-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px}.fx-custom-empty{margin:0;padding:30px 16px;text-align:center;font-size:12px;font-style:italic;color:var(--fx-ink-dim, #9aa4af);border:1px dashed color-mix(in srgb,var(--fx-accent, #888) 40%,rgba(255,255,255,.12));border-radius:6px}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/space-grotesk-vietnamese-500-normal-BmEvtly_.woff2) format("woff2"),url(/assets/space-grotesk-vietnamese-500-normal-BTqKIpxg.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/space-grotesk-latin-ext-500-normal-DUe3BAxM.woff2) format("woff2"),url(/assets/space-grotesk-latin-ext-500-normal-3dgZTiw9.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/space-grotesk-latin-500-normal-lFbtlQH6.woff2) format("woff2"),url(/assets/space-grotesk-latin-500-normal-CNSSEhBt.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/space-grotesk-vietnamese-600-normal-DUi7WF5p.woff2) format("woff2"),url(/assets/space-grotesk-vietnamese-600-normal-D6zpsUhD.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/space-grotesk-latin-ext-600-normal-DxxdqCpr.woff2) format("woff2"),url(/assets/space-grotesk-latin-ext-600-normal-VcznFIpX.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/space-grotesk-latin-600-normal-DjKNqYRj.woff2) format("woff2"),url(/assets/space-grotesk-latin-600-normal-BflQw4A9.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/space-grotesk-vietnamese-700-normal-DMty7AZE.woff2) format("woff2"),url(/assets/space-grotesk-vietnamese-700-normal-Duxec5Rn.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/space-grotesk-latin-ext-700-normal-BQnZhY3m.woff2) format("woff2"),url(/assets/space-grotesk-latin-ext-700-normal-HVCqSBdx.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/space-grotesk-latin-700-normal-RjhwGPKo.woff2) format("woff2"),url(/assets/space-grotesk-latin-700-normal-CwsQ-cCU.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Roboto Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/roboto-mono-cyrillic-ext-400-normal-BHxv52bw.woff2) format("woff2"),url(/assets/roboto-mono-cyrillic-ext-400-normal-BQ-ommzm.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Roboto Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/roboto-mono-cyrillic-400-normal-C-_K-ZCn.woff2) format("woff2"),url(/assets/roboto-mono-cyrillic-400-normal-Bklcq-7T.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Roboto Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/roboto-mono-greek-400-normal-CH_u3Aru.woff2) format("woff2"),url(/assets/roboto-mono-greek-400-normal-aRdLMjWB.woff) format("woff");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Roboto Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/roboto-mono-vietnamese-400-normal-yYTFiTTs.woff2) format("woff2"),url(/assets/roboto-mono-vietnamese-400-normal-BFa5Cfgr.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Roboto Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/roboto-mono-latin-ext-400-normal-DLAV9S_w.woff2) format("woff2"),url(/assets/roboto-mono-latin-ext-400-normal-Z5XoGZ9j.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Roboto Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/roboto-mono-latin-400-normal-GekRknry.woff2) format("woff2"),url(/assets/roboto-mono-latin-400-normal-CbJMAmM6.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Roboto Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/roboto-mono-cyrillic-ext-500-normal-DC57U9n8.woff2) format("woff2"),url(/assets/roboto-mono-cyrillic-ext-500-normal-uxCL2UBS.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Roboto Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/roboto-mono-cyrillic-500-normal-DGZ7-lUP.woff2) format("woff2"),url(/assets/roboto-mono-cyrillic-500-normal-DKl7gEbi.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Roboto Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/roboto-mono-greek-500-normal-DpRFkptA.woff2) format("woff2"),url(/assets/roboto-mono-greek-500-normal-CpD7sw4e.woff) format("woff");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Roboto Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/roboto-mono-vietnamese-500-normal-Cq-quQMu.woff2) format("woff2"),url(/assets/roboto-mono-vietnamese-500-normal-PMrF4zOf.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Roboto Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/roboto-mono-latin-ext-500-normal-Db3ge6Oe.woff2) format("woff2"),url(/assets/roboto-mono-latin-ext-500-normal-Cvr8S1zG.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Roboto Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/roboto-mono-latin-500-normal-pxIOXZmA.woff2) format("woff2"),url(/assets/roboto-mono-latin-500-normal-CW1Ttoxn.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--sidebar-width: 220px;--statusbar-height: 32px;--sono-basalt: #0E0E0F;--sono-ember: #D14A28;--sono-saguaro: #4F6F3E;--sono-sandstone: #C9B79A;--sono-copper: #B86F3C;--sono-mesa-teal: #2F6F6C;--sono-heatwave: #FF7A2F;--sono-night-sky: #1C2E4A;--font-display: "Space Grotesk", "Bahnschrift", "Segoe UI Variable Display", "Segoe UI", system-ui, sans-serif;--font-mono: "Roboto Mono", "Cascadia Code", "Cascadia Mono", Consolas, "Courier New", monospace;--bg-primary: #D2C2A2;--bg-secondary: #ECE3CE;--bg-surface: #C2B091;--text-primary: #1C2E4A;--text-secondary: #4F4536;--accent: #D14A28;--accent-hover: #B23A1E;--border: #B7A07A;--success: #4F6F3E;--warning: #B23A1E;--brand-cyan: #2E97A8;--accent-volume: #FF7A2F;--targeted-indigo: #3A5A99;--targeted-teal: #2F6F6C;--dev-accent: #7A45C7;--dev-accent-hover: #6335A8;--fx-group-character: #cf8a5c;--fx-group-filter: #6aa8cf;--fx-group-eq: #b177c0;--fx-group-mod: #4fb39a;--fx-group-env: #dd7a6a;--fx-group-time: #8f7dd0;--fx-group-space: #4fb8c4;--fx-group-level: #a9b862;--fx-group-setup: #8b93a1;--fx-group-misc: #6f7580}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-display);background:var(--sono-basalt);color:var(--text-primary);overflow:hidden;height:100vh}#root{height:100vh}.app-shell{display:grid;grid-template-columns:var(--sidebar-width) 1fr;grid-template-rows:1fr var(--statusbar-height);height:100vh}.content{padding:24px;overflow:hidden;background:var(--bg-primary);display:flex;flex-direction:column}.page-header{margin-bottom:24px}.page-header h2{font-size:24px;font-weight:600;font-family:var(--font-display);letter-spacing:.02em}.page-header p{color:var(--text-secondary);margin-top:4px;font-size:14px}.placeholder-content{display:flex;flex-direction:column;align-items:center;justify-content:center;height:60%;color:var(--text-secondary)}.placeholder-content .icon{font-size:48px;margin-bottom:16px;opacity:.5}*{scrollbar-color:color-mix(in srgb,var(--sono-copper) 80%,transparent) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--sono-copper) 65%,transparent);border:2px solid transparent;border-radius:6px;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:var(--sono-copper);background-clip:padding-box}.splash{position:fixed;inset:0;z-index:9999;background:radial-gradient(circle at 50% 40%,#1b1b1e 0%,var(--sono-basalt) 70%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:32px;animation:splash-fade-out .7s ease-in 4.1s forwards;overflow:hidden}.splash-glow{position:absolute;width:min(720px,90vw);height:min(720px,90vw);background:radial-gradient(circle,rgba(209,74,40,.3) 0%,rgba(184,111,60,.12) 38%,transparent 66%);opacity:0;transform:scale(.4);animation:splash-glow-in 1.4s ease-out 50ms forwards;pointer-events:none}.splash-waveform{position:relative;width:min(440px,72vw);height:auto}.splash-waveform path{fill:none;stroke:var(--sono-ember);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 4px rgba(255,122,47,.5));stroke-dasharray:1600;stroke-dashoffset:1600;animation:sono-wave-draw 1.6s ease-out .7s forwards}@keyframes sono-wave-draw{to{stroke-dashoffset:0}}.splash-logo{position:relative;width:min(380px,62vw);height:auto;opacity:0;transform:scale(.55);animation:splash-logo-in .7s cubic-bezier(.34,1.45,.64,1) .1s forwards}.splash-tagline{position:relative;display:flex;flex-direction:row;align-items:baseline;gap:18px}.splash-word{font-family:var(--font-display);font-size:40px;font-weight:600;text-transform:uppercase;letter-spacing:.14em;line-height:1;opacity:0;transform:translateY(10px);animation:splash-tagline-in .6s ease-out forwards,splash-word-bob 2.6s ease-in-out infinite}.splash-word:nth-child(1){font-size:30px;color:var(--sono-ember);animation-delay:1s,1.6s}.splash-word:nth-child(2){font-size:40px;color:var(--sono-copper);animation-delay:1.7s,2.3s}.splash-word:nth-child(3){font-size:52px;color:var(--sono-heatwave);animation-delay:2.4s,3s}@keyframes splash-glow-in{to{opacity:1;transform:scale(1)}}@keyframes splash-logo-in{to{opacity:1;transform:scale(1)}}@keyframes splash-tagline-in{to{opacity:1;transform:translateY(0)}}@keyframes splash-word-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes splash-fade-out{to{opacity:0;transform:scale(1.03)}}@media(prefers-reduced-motion:reduce){.splash-waveform path{animation:none;stroke-dashoffset:0}}.sidebar{background-color:var(--sono-basalt);background-image:repeating-linear-gradient(90deg,rgba(201,183,154,.045) 0,rgba(201,183,154,.045) 1px,transparent 1px,transparent 7px);border-right:2px solid var(--sono-copper);display:flex;flex-direction:column;grid-row:1 / -1}.sidebar-header{padding:20px 16px;border-bottom:1px solid rgba(184,111,60,.45)}.sidebar-header h1{font-family:var(--font-display);font-size:16px;font-weight:700;color:var(--sono-ember);text-transform:uppercase;letter-spacing:.12em;display:flex;align-items:center;gap:8px}.sidebar-header h1:before{content:"";width:13px;height:15px;flex:none;background:var(--sono-copper);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}.dev-badge{font-size:9px;font-weight:700;letter-spacing:.5px;color:var(--sono-heatwave);border:1px solid var(--sono-heatwave);border-radius:3px;padding:0 4px}.upgrade-badge{margin-left:6px;font-size:9px;font-weight:700;letter-spacing:.5px;color:var(--brand-cyan);border:1px solid var(--brand-cyan);border-radius:3px;padding:0 4px}.sidebar-header .subtitle{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.18em;font-size:9px;color:var(--sono-sandstone);opacity:.6;margin-top:4px}.sidebar-nav{padding:12px 0;flex:1}.sidebar-nav a{display:flex;align-items:center;gap:10px;padding:10px 16px;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;font-size:12px;color:#c9b79ac7;text-decoration:none;transition:color .14s linear,background .14s linear,box-shadow .14s linear}.sidebar-nav a:hover{color:var(--sono-heatwave);background:#b86f3c1f}.sidebar-nav a.active{color:var(--sono-ember);background:#d14a2829;border-right:3px solid var(--sono-ember);box-shadow:inset 0 0 16px #ff7a2f1f}.statusbar{background:var(--sono-basalt);border-top:1px solid var(--sono-copper);display:flex;align-items:center;padding:0 16px;font-size:12px;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;color:#c9b79ad1;gap:16px}.status-indicator{display:flex;align-items:center;gap:6px}.status-dot{width:8px;height:8px;border-radius:50%;background:#c9b79a80}.status-dot.connected{background:var(--sono-saguaro)}.status-dot.disconnected{background:#c9b79a80}.statusbar-spacer{flex:1}.statusbar-progress{display:flex;align-items:center;gap:8px}.statusbar-progress-bar{width:100px;height:4px;background:#c9b79a2e;border-radius:2px;overflow:hidden}.statusbar-progress-fill{height:100%;background:var(--sono-ember);border-radius:2px;transition:width .3s ease}.statusbar-progress-text{font-size:11px;white-space:nowrap}.statusbar-complete{font-size:11px;color:var(--sono-saguaro)}.statusbar-error{font-size:11px;color:var(--sono-ember)}.statusbar-refresh-btn{background:none;border:none;color:#c9b79ab3;font-size:14px;cursor:pointer;padding:2px 6px;border-radius:3px;line-height:1}.statusbar-refresh-btn:hover:not(:disabled){color:var(--sono-heatwave);background:#b86f3c29}.statusbar-refresh-btn:disabled{opacity:.3;cursor:not-allowed}.sidebar-nav a.pulse-gold,.sidebar-nav a.pulse-indigo,.sidebar-nav a.pulse-teal,.sidebar-nav a.pulse-cyan,.sidebar-nav a.pulse-terracotta{animation:sidebar-pulse .6s ease-out forwards}.sidebar-nav a.pulse-gold{--pulse-color: var(--accent-volume)}.sidebar-nav a.pulse-indigo{--pulse-color: var(--targeted-indigo)}.sidebar-nav a.pulse-teal{--pulse-color: var(--targeted-teal)}.sidebar-nav a.pulse-cyan{--pulse-color: var(--brand-cyan)}.sidebar-nav a.pulse-terracotta{--pulse-color: var(--accent)}@keyframes sidebar-pulse{0%{background:transparent;box-shadow:inset 3px 0 0 0 transparent;color:var(--text-secondary)}35%{background:color-mix(in srgb,var(--pulse-color) 18%,transparent);box-shadow:inset 3px 0 0 0 var(--pulse-color);color:var(--pulse-color)}to{background:transparent;box-shadow:inset 3px 0 0 0 transparent;color:var(--text-secondary)}}.port-item.just-restored{position:relative;overflow:hidden;animation:port-restore-glow 2.4s ease-out var(--restore-delay, 0ms) both}.port-item.just-restored:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(255,248,220,.75) 50%,transparent 70%);transform:translate(-100%);animation:port-restore-shine 1.1s ease-out var(--restore-delay, 0ms) forwards;pointer-events:none}.port-item.just-restored:after{content:"";position:absolute;inset:0;background:radial-gradient(circle 2.5px at 14% 32%,color-mix(in srgb,var(--accent-volume) 95%,transparent),transparent 70%),radial-gradient(circle 1.5px at 78% 60%,color-mix(in srgb,var(--accent-volume) 85%,transparent),transparent 70%),radial-gradient(circle 2px at 42% 78%,color-mix(in srgb,var(--accent-volume) 90%,transparent),transparent 70%),radial-gradient(circle 1px at 92% 24%,rgba(255,230,150,.8),transparent 70%),radial-gradient(circle 1.5px at 28% 70%,rgba(255,230,150,.7),transparent 70%);opacity:0;animation:port-restore-sparkle 2s ease-in-out var(--restore-delay, 0ms) forwards;pointer-events:none}@keyframes port-restore-glow{0%{box-shadow:0 0 0 0 transparent}18%{box-shadow:0 0 0 4px color-mix(in srgb,var(--accent-volume) 45%,transparent),0 0 22px 2px color-mix(in srgb,var(--accent) 40%,transparent)}55%{box-shadow:0 0 0 2px color-mix(in srgb,var(--accent-volume) 15%,transparent),0 0 14px 1px color-mix(in srgb,var(--accent) 18%,transparent)}to{box-shadow:0 0 0 0 transparent}}@keyframes port-restore-shine{to{transform:translate(100%)}}@keyframes port-restore-sparkle{0%{opacity:0;transform:scale(.85)}20%{opacity:1;transform:scale(1)}45%{opacity:.55;transform:scale(1.05)}70%{opacity:.85;transform:scale(1)}to{opacity:0;transform:scale(1)}}.port-lists{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:16px}.port-section h3{font-size:16px;margin-bottom:12px;color:var(--text-secondary)}.port-list{list-style:none}.port-item{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border:1px solid var(--border);border-radius:6px;margin-bottom:8px;background:var(--bg-secondary);transition:border-color .15s ease}.port-item:hover{border-color:var(--accent)}.port-item.connected{border-color:var(--success);background:#5c8a2e14}.port-item .port-name{font-size:14px}.recommended-tag{color:var(--success);font-size:12px;font-weight:500}.port-item button{padding:4px 14px;border:1px solid var(--accent);border-radius:4px;background:transparent;color:var(--accent);font-size:12px;cursor:pointer;transition:all .15s ease}.port-item button:hover{background:var(--accent);color:#fff}.port-item button.disconnect{border-color:var(--warning);color:var(--warning)}.port-item button.disconnect:hover{background:var(--warning);color:#fff}.no-ports{color:var(--text-secondary);font-size:14px;font-style:italic;padding:16px;text-align:center;border:1px dashed var(--border);border-radius:6px}.midi-setup-help{margin-top:16px;margin-bottom:16px;padding:10px 14px;background:color-mix(in srgb,var(--brand-cyan) 8%,transparent);border:1px solid color-mix(in srgb,var(--brand-cyan) 30%,transparent);border-radius:6px;font-size:13px;line-height:1.5;color:var(--text-primary)}.midi-setup-help>summary{list-style:none;cursor:pointer;font-weight:500;color:var(--text-primary);display:flex;align-items:center;gap:8px;-webkit-user-select:none;user-select:none}.midi-setup-help>summary::-webkit-details-marker{display:none}.midi-setup-help>summary:before{content:"▸";color:var(--brand-cyan);font-size:11px;transition:transform .15s ease}.midi-setup-help[open]>summary:before{transform:rotate(90deg)}.midi-setup-help>summary:focus-visible{outline:2px solid var(--brand-cyan);outline-offset:2px;border-radius:3px}.midi-setup-steps{margin:10px 0 2px;padding-left:28px}.midi-setup-steps li{margin-bottom:6px}.midi-setup-steps li:last-child{margin-bottom:0}.midi-setup-hint{margin-top:4px;font-size:12px;color:var(--text-secondary);line-height:1.45}.refresh-btn{padding:6px 16px;border:1px solid var(--border);border-radius:4px;background:transparent;color:var(--text-secondary);font-size:13px;cursor:pointer;transition:all .15s ease}.refresh-btn:hover{border-color:var(--text-primary);color:var(--text-primary)}.device-identity-section{margin-top:32px;padding-top:24px;border-top:1px solid var(--border)}.device-identity-section h3{font-size:16px;margin-bottom:12px;color:var(--text-secondary)}.identity-actions{display:flex;align-items:center;gap:16px;margin-bottom:12px}.identity-result{margin-top:12px}.identity-table{border-collapse:collapse;font-size:13px}.identity-table td{padding:4px 16px 4px 0}.identity-table td:first-child{color:var(--text-secondary);white-space:nowrap}.raw-bytes{font-family:Consolas,Monaco,monospace;font-size:12px;word-break:break-all}.sysex-diag-table{border-collapse:collapse;font-size:12px;width:100%}.sysex-diag-table th,.sysex-diag-table td{border:1px solid var(--border);padding:3px 8px;text-align:left}.sysex-diag-table th{background:var(--bg-secondary);font-weight:600}.library-page{flex:1;display:flex;flex-direction:column;overflow:hidden;min-height:0}.library-page .page-header{flex-shrink:0}.library-actions{display:flex;align-items:center;gap:16px;margin-bottom:12px;flex-shrink:0}.library-page-name{font-size:14px;font-weight:500;color:var(--text-primary)}.library-hint{font-size:13px;color:var(--text-secondary);font-style:italic}.dev-button-group{display:flex;flex-wrap:nowrap;gap:8px}.btn-primary,.btn-secondary{position:relative;border:none;border-radius:0;font-family:var(--font-display);font-weight:700;text-transform:uppercase;letter-spacing:.12em;cursor:pointer;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);transition:filter .14s linear,transform 90ms linear,background .14s linear,box-shadow .14s linear,color .14s linear}.btn-primary:after,.btn-secondary:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 32%,rgba(255,224,190,.5) 50%,transparent 68%);transform:translate(-130%);pointer-events:none}.btn-primary:hover:not(:disabled):after,.btn-secondary:hover:not(:disabled):after{animation:sono-heat-sweep .62s linear}@keyframes sono-heat-sweep{to{transform:translate(130%)}}.btn-primary{padding:10px 26px;font-size:14px;color:#fff7f0;background:repeating-linear-gradient(90deg,rgba(0,0,0,.1) 0 1px,transparent 1px 6px),linear-gradient(180deg,#e85a32 0%,var(--sono-ember) 52%,#af3a1d 100%);box-shadow:inset 0 1px #ffd6b08c,inset 0 -3px 5px #0000004d,inset 2px 0 #b86f3c8c,inset -2px 0 #b86f3c8c}.btn-primary:hover:not(:disabled){filter:drop-shadow(0 0 12px rgba(255,122,47,.6))}.btn-primary:active:not(:disabled){transform:translateY(1px);box-shadow:inset 0 2px 6px #00000073,inset 2px 0 #b86f3c8c,inset -2px 0 #b86f3c8c}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{padding:10px 22px;font-size:13px;color:color-mix(in srgb,var(--sono-copper) 60%,var(--sono-basalt));background:repeating-linear-gradient(90deg,rgba(0,0,0,.05) 0 1px,transparent 1px 6px),color-mix(in srgb,var(--sono-copper) 20%,var(--bg-secondary));box-shadow:inset 0 0 0 1.5px var(--sono-copper),inset 0 1px #ffecd280}.btn-secondary:hover:not(:disabled){color:#fff7f0;background:repeating-linear-gradient(90deg,rgba(0,0,0,.1) 0 1px,transparent 1px 6px),linear-gradient(180deg,#c8814a 0%,var(--sono-copper) 58%,#92542a 100%);box-shadow:inset 0 1px #ffe2be80,inset 0 -3px 5px #00000047,inset 2px 0 #78482880,inset -2px 0 #78482880;filter:drop-shadow(0 0 10px rgba(184,111,60,.5))}.btn-secondary:active:not(:disabled){transform:translateY(1px);box-shadow:inset 0 2px 6px #0006,inset 2px 0 #78482880,inset -2px 0 #78482880}.btn-secondary:disabled{opacity:.4;cursor:not-allowed}.btn-dev{padding:6px 14px;border:1px solid var(--dev-accent-hover);border-radius:4px;background:var(--dev-accent);color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s ease,border-color .15s ease}.btn-dev:hover:not(:disabled){background:var(--dev-accent-hover);border-color:var(--dev-accent-hover)}.btn-dev.active{background:var(--dev-accent-hover);box-shadow:inset 0 0 0 1px #ffffff59}.btn-dev:disabled{opacity:.5;cursor:not-allowed}.btn-confirm-destructive{padding:8px 20px;border:none;border-radius:6px;background:var(--warning);color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:background .15s ease}.btn-confirm-destructive:hover:not(:disabled){background:var(--accent-hover)}.btn-push{position:relative;display:inline-flex;align-items:center;gap:8px;padding:9px 22px;border:none;border-radius:6px;background:linear-gradient(95deg,var(--text-primary) 0%,var(--targeted-indigo) 55%,var(--brand-cyan) 100%);background-size:180% 100%;background-position:0% 0%;color:#fff;font-size:14px;font-weight:600;letter-spacing:.2px;cursor:pointer;box-shadow:0 1px 2px color-mix(in srgb,var(--text-primary) 25%,transparent);transition:background-position .35s ease,box-shadow .2s ease,transform .12s ease,opacity .15s ease}.btn-push:hover:not(:disabled){background-position:100% 0%;box-shadow:0 4px 14px color-mix(in srgb,var(--brand-cyan) 35%,transparent),0 1px 2px color-mix(in srgb,var(--text-primary) 35%,transparent);transform:translateY(-1px)}.btn-push:active:not(:disabled){transform:translateY(0);box-shadow:0 1px 2px color-mix(in srgb,var(--text-primary) 35%,transparent)}.btn-push:disabled{background:linear-gradient(95deg,var(--text-primary) 0%,var(--text-primary) 100%);opacity:.4;cursor:not-allowed;box-shadow:none}.btn-push-arrow{display:inline-block;font-weight:800;font-size:16px;color:var(--accent-volume);text-shadow:0 0 6px color-mix(in srgb,var(--accent-volume) 55%,transparent);animation:push-arrow-bob 1.4s ease-in-out infinite;will-change:transform}.btn-push:hover:not(:disabled) .btn-push-arrow{animation:push-arrow-bob-strong .9s ease-in-out infinite;text-shadow:0 0 10px color-mix(in srgb,var(--accent-volume) 85%,transparent)}.btn-push:disabled .btn-push-arrow{animation:none;color:var(--bg-primary);text-shadow:none}@keyframes push-arrow-bob{0%,to{transform:translate(0) scale(1)}50%{transform:translate(5px) scale(1.12)}}@keyframes push-arrow-bob-strong{0%,to{transform:translate(4px) scale(1.05)}50%{transform:translate(11px) scale(1.18)}}.live-set-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr);gap:8px;flex:1;min-height:0;overflow:hidden}.live-set-card{border:1px solid var(--border);border-left:3px solid var(--border);border-radius:6px;background:var(--bg-secondary);overflow:hidden;display:flex;flex-direction:column;min-height:0;padding:8px 10px}.live-set-card-disabled{opacity:.35}.live-set-card-header{display:flex;align-items:center;justify-content:space-between;flex-shrink:0;margin-bottom:4px}.live-set-card-index{font-size:11px;color:var(--text-secondary);font-weight:600}.live-set-card-color-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.live-set-card-body{flex:1;display:flex;flex-direction:column;gap:2px;min-height:0;overflow:hidden}.live-set-card-name{font-size:13px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.live-set-card-empty{opacity:.4;font-style:italic}.live-set-card-perf-name{font-size:13px;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.audition-btn-group{display:flex;gap:8px}.audition-btn{padding:6px 14px;background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-secondary);font-size:13px;cursor:pointer;transition:all .15s ease}.audition-btn:first-child{border-radius:4px}.audition-btn.settings{border-radius:4px;padding:6px 12px;font-size:13px}.audition-btn:hover{color:var(--text-primary);border-color:var(--text-secondary)}.audition-btn.playing{background:var(--success);border-color:var(--success);color:#fff}.progress-container{margin-bottom:20px}.progress-bar{height:6px;background:var(--border);border-radius:3px;overflow:hidden;margin-bottom:8px}.progress-fill{height:100%;background:var(--accent);border-radius:3px;transition:width .3s ease}.progress-text{font-size:13px;color:var(--text-secondary)}.error-banner{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:color-mix(in srgb,var(--accent) 12%,transparent);border:1px solid var(--accent);border-radius:6px;margin-bottom:20px;font-size:14px;color:var(--accent-hover)}.sysex-monitor-section{margin-top:32px;padding-top:24px;border-top:1px solid var(--border)}.sysex-monitor-section h3{font-size:16px;margin-bottom:12px;color:var(--text-secondary)}.monitor-actions{display:flex;gap:8px;margin-bottom:12px}.sysex-log{max-height:300px;overflow-y:auto;background:var(--bg-primary);border:1px solid var(--border);border-radius:6px;padding:8px;font-family:Consolas,Monaco,monospace;font-size:12px}.sysex-log-entry{display:flex;gap:10px;padding:2px 0;line-height:1.5}.sysex-dir{font-weight:600;width:28px;flex-shrink:0}.sysex-in .sysex-dir{color:var(--success)}.sysex-out .sysex-dir{color:var(--warning)}.sysex-time{color:var(--text-secondary);flex-shrink:0}.sysex-data{word-break:break-all}.sysex-hex-input{flex:1;padding:8px 12px;background:var(--bg-primary);border:1px solid var(--border);border-radius:4px;color:var(--text-primary);font-family:Consolas,Monaco,monospace;font-size:13px}.sysex-hex-input:focus{outline:none;border-color:var(--accent)}.midi-monitor-page{display:flex;flex-direction:column;gap:16px;height:100%}.midi-monitor-content{display:flex;flex-direction:column;gap:12px;flex:1;min-height:0}.midi-monitor-toolbar{display:flex;align-items:center;gap:8px}.midi-monitor-count{font-size:12px;color:var(--text-secondary);margin-left:auto}.midi-monitor-log{flex:1;min-height:0;overflow-y:auto;font-family:Consolas,Monaco,monospace;font-size:12px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:6px;padding:10px}.midi-monitor-line{padding:2px 0;color:var(--text-secondary);white-space:nowrap}.midi-monitor-empty{color:var(--text-secondary);opacity:.6;padding:20px 0;text-align:center}.btn-active{padding:6px 12px;background:var(--success);border:1px solid var(--success);border-radius:4px;color:#fff;font-size:12px;cursor:pointer}.scanner-page{display:flex;flex-direction:column;gap:16px;height:100%}.scanner-instructions{font-size:13px;color:var(--text-secondary);line-height:1.5;padding:12px 16px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:6px}.scanner-captures{display:flex;align-items:center;gap:16px}.scanner-panel{flex:1;background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;padding:16px}.scanner-panel h3{font-size:14px;font-weight:600;margin-bottom:12px}.scanner-stats{font-family:Consolas,Monaco,monospace;font-size:12px;color:var(--text-primary);margin-bottom:12px;line-height:1.6}.scanner-time{color:var(--text-secondary)}.scanner-empty{font-size:13px;color:var(--text-secondary);margin-bottom:12px;opacity:.6}.scanner-arrow{font-size:24px;color:var(--text-secondary);flex-shrink:0}.scanner-toolbar{display:flex;align-items:center;gap:12px}.scanner-diff-count{font-size:13px;color:var(--text-secondary)}.scanner-results{flex:1;min-height:0;display:flex;flex-direction:column;border:1px solid var(--border);border-radius:6px;overflow:hidden}.scanner-table-header,.scanner-table-row{display:flex;font-family:Consolas,Monaco,monospace;font-size:12px;padding:4px 12px}.scanner-table-header{background:var(--bg-surface);color:var(--text-secondary);font-weight:600;border-bottom:1px solid var(--border)}.scanner-table-body{flex:1;overflow-y:auto;background:var(--bg-secondary)}.scanner-table-row{color:var(--text-primary);border-bottom:1px solid rgba(26,54,86,.06)}.scanner-table-row:hover{background:#1a36560a}.scanner-col-addr{width:100px;flex-shrink:0}.scanner-col-val{width:120px;flex-shrink:0}.scanner-col-delta{width:60px;flex-shrink:0;font-weight:600}.scanner-col-delta.positive{color:var(--success)}.scanner-col-delta.negative{color:var(--accent)}.scanner-truncated{font-size:12px;color:var(--text-secondary);text-align:center;padding:8px;border-top:1px solid var(--border)}.scanner-no-diffs{font-size:13px;color:var(--text-secondary);text-align:center;padding:20px}.perf-editor-page{display:flex;flex-direction:column;gap:20px;overflow-y:auto}.perf-editor-page .page-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:0}.perf-editor-search-btn{display:inline-flex;align-items:center;gap:6px;flex-shrink:0}.perf-editor-header-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.perf-editor-panic-btn{display:inline-flex;align-items:center;gap:6px;flex-shrink:0}.perf-editor-panic-btn:not(:disabled){border-color:color-mix(in srgb,var(--accent) 55%,var(--border));color:var(--accent)}.perf-editor-panic-btn:not(:disabled):hover{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,var(--bg-secondary))}.perf-editor-prompt{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:60px 24px;color:var(--text-secondary)}.perf-editor-prompt-icon{font-size:48px;margin-bottom:16px;opacity:.6}.perf-editor-prompt h3{font-size:18px;font-weight:600;color:var(--text-primary);margin-bottom:8px}.perf-editor-prompt p{font-size:14px;max-width:400px;line-height:1.5}.perf-editor-hint{font-size:12px;color:var(--text-secondary);margin-top:12px;opacity:.7}.perf-editor-active{display:flex;flex-direction:column;gap:0;flex:1;min-height:0}.perf-editor-body{display:flex;flex-direction:row;gap:16px;flex:1;min-height:0}.perf-editor-body>.perf-editor-active{flex:1;min-width:0}.perf-editor-nav{display:flex;flex-wrap:wrap;gap:4px;padding:3px;background:var(--bg-primary);border:1px solid var(--border);border-radius:6px}.perf-nav-btn{padding:6px 12px;background:none;border:none;border-radius:4px;color:var(--text-secondary);font-size:13px;font-weight:500;cursor:pointer;transition:color .15s ease,background .15s ease}.perf-nav-btn:hover:not(.active):not(:disabled){color:var(--text-primary);background:var(--bg-secondary)}.perf-nav-btn.active{color:var(--bg-primary);background:var(--accent)}.perf-nav-btn:disabled{opacity:.4;cursor:not-allowed}.perf-editor-nav-spacer{flex:1}.perf-tab-content{flex:1;min-height:0;overflow-y:auto;padding-top:20px}.perf-tab-content-loading{display:flex;align-items:center;justify-content:center;padding:48px 0;color:var(--text-secondary);font-size:14px;letter-spacing:.02em}.perf-editor-loading-bar{position:relative;height:4px;margin-top:12px;background:#c9b79a26;border-radius:2px;overflow:hidden}.perf-editor-loading-bar-fill{position:absolute;top:0;left:0;height:100%;background:var(--accent);border-radius:2px}.perf-editor-loading-bar--determinate .perf-editor-loading-bar-fill{transition:width .3s ease-out}.perf-editor-loading-bar--indeterminate .perf-editor-loading-bar-fill{width:30%;animation:perf-editor-indeterminate 1.4s ease-in-out infinite}.perf-editor-loading-bar-label{position:absolute;top:8px;right:0;font-size:11px;color:var(--text-secondary);letter-spacing:.02em}@keyframes perf-editor-indeterminate{0%{left:-30%}to{left:100%}}@media(prefers-reduced-motion:reduce){.perf-editor-loading-bar--indeterminate .perf-editor-loading-bar-fill{animation:none;left:0;width:100%;opacity:.5}.perf-editor-loading-bar--determinate .perf-editor-loading-bar-fill{transition:none}}.perf-editor-selected{background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;padding:20px 24px;margin-bottom:0}.perf-editor-selected-name{display:flex;align-items:center;gap:12px;font-size:24px;font-weight:600;color:var(--accent)}.perf-source-badge{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding:3px 8px;border-radius:4px}.perf-source-badge.preset{background:#a0a0a026;color:var(--text-secondary);border:1px solid rgba(160,160,160,.3)}.perf-source-badge.user{background:color-mix(in srgb,var(--accent) 15%,transparent);color:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 30%,transparent)}.perf-source-badge.library{background:color-mix(in srgb,var(--brand-cyan) 12%,transparent);color:var(--brand-cyan);border:1px solid color-mix(in srgb,var(--brand-cyan) 32%,transparent)}.perf-editor-source-detail{font-size:12px;color:var(--text-secondary);margin-top:4px}.perf-unsaved-indicator{display:flex;align-items:center;gap:12px;margin-top:14px;padding:12px 16px;font-size:13px;color:var(--text-primary);background:color-mix(in srgb,var(--warning) 10%,transparent);border:1px solid var(--warning);border-radius:8px;animation:perf-dirty-glow 1.8s ease-in-out infinite}.perf-unsaved-icon{flex-shrink:0;font-size:24px;color:var(--warning);transform-origin:center;animation:perf-dirty-icon 1.4s ease-in-out infinite}.perf-unsaved-body{flex:1;display:flex;flex-direction:column;gap:3px;min-width:0}.perf-unsaved-title{font-weight:700;font-size:13.5px;color:var(--warning);letter-spacing:.2px}.perf-unsaved-text{color:var(--text-secondary);line-height:1.45}.perf-store-chip{display:inline-block;padding:1px 8px;margin:0 2px;font-family:Consolas,Monaco,monospace;font-size:11.5px;font-weight:700;letter-spacing:.6px;color:#fff;background:var(--warning);border-radius:4px;animation:perf-store-pulse 1.4s ease-in-out infinite}.perf-unsaved-dismiss{flex-shrink:0;align-self:flex-start;background:none;border:1px solid var(--warning);color:var(--warning);font-size:12px;font-weight:600;border-radius:6px;text-decoration:none;cursor:pointer;padding:6px 10px;white-space:nowrap}.perf-unsaved-dismiss:hover{background:var(--warning);color:#fff}@keyframes perf-dirty-glow{0%,to{box-shadow:0 0 0 1px var(--warning),0 0 6px color-mix(in srgb,var(--warning) 25%,transparent)}50%{box-shadow:0 0 0 1px var(--warning),0 0 18px color-mix(in srgb,var(--warning) 60%,transparent)}}@keyframes perf-dirty-icon{0%,to{transform:scale(1);opacity:.85}50%{transform:scale(1.18);opacity:1}}@keyframes perf-store-pulse{0%,to{box-shadow:0 0 color-mix(in srgb,var(--warning) 55%,transparent)}50%{box-shadow:0 0 0 5px transparent}}@media(prefers-reduced-motion:reduce){.perf-unsaved-indicator,.perf-unsaved-icon,.perf-store-chip{animation:none}}.perf-editor-selected-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px}.perf-recovery-banner{margin-top:12px;padding:8px 12px;font-size:13px;color:var(--text-primary);background:color-mix(in srgb,var(--targeted-indigo) 12%,transparent);border:1px solid var(--accent);border-radius:6px}.perf-recovery-header{display:flex;align-items:center;gap:8px}.perf-recovery-icon{font-size:14px;line-height:1}.perf-recovery-text{flex:1}.perf-recovery-toggle{flex-shrink:0;background:none;border:none;color:var(--text-secondary);font-size:12px;text-decoration:underline;cursor:pointer;padding:2px 4px}.perf-recovery-toggle:hover{color:var(--text-primary)}.perf-recovery-list{list-style:none;margin:10px 0 2px;padding:0;display:flex;flex-direction:column;gap:6px}.perf-recovery-row{display:flex;align-items:center;gap:10px;padding:4px 0;border-top:1px solid var(--border)}.perf-recovery-type{flex-shrink:0;font-size:11px;text-transform:uppercase;letter-spacing:.5px;padding:1px 6px;border-radius:3px;background:var(--bg-surface);color:var(--text-secondary)}.perf-recovery-type.manual{background:var(--accent);color:#fff}.perf-recovery-time{flex:1;color:var(--text-secondary)}.perf-recovery-count{color:var(--text-secondary);font-size:12px}.perf-recovery-action{flex-shrink:0;background:none;border:none;color:var(--accent-hover);font-size:12px;cursor:pointer;padding:2px 4px}.perf-recovery-action:hover{text-decoration:underline}.perf-recovery-action.delete{color:var(--text-secondary)}.perf-recovery-action.delete:hover{color:var(--accent)}.perf-editor-placeholder{padding:40px 24px;text-align:center;color:var(--text-secondary);font-size:14px}.perf-editor-placeholder p{margin-bottom:8px}.perf-editor-section{background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;padding:16px 20px}.perf-editor-section-header h3{font-size:14px;font-weight:600;margin-bottom:12px}.perf-editor-name-display{display:flex;align-items:center;gap:12px}.perf-editor-name-value{font-size:16px;font-family:Consolas,Monaco,monospace;color:var(--text-primary)}.perf-editor-name-edit{display:flex;flex-direction:column;gap:10px}.perf-editor-name-input-row{display:flex;align-items:center;gap:10px}.perf-editor-name-input{font-family:Consolas,Monaco,monospace;font-size:16px;padding:6px 10px;background:var(--bg-primary);border:1px solid var(--accent);border-radius:4px;color:var(--text-primary);width:260px}.perf-editor-name-input:focus{outline:none;box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 25%,transparent)}.perf-editor-name-count{font-size:12px;color:var(--text-secondary)}.perf-editor-name-actions{display:flex;gap:8px}.perf-sound-crafting{display:flex;flex-direction:column;gap:20px}.perf-sound-crafting-intro{background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;padding:24px}.perf-sound-crafting-intro h3{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:12px}.perf-sound-crafting-intro p{font-size:14px;color:var(--text-secondary);line-height:1.6;margin-bottom:10px}.perf-sound-crafting-intro p:last-child{margin-bottom:0}.craft-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;padding:20px 24px}.craft-card--accent{border-color:var(--card-accent, var(--border));box-shadow:0 0 0 1px var(--card-accent, transparent)}.craft-card--accent .craft-card-header h3{color:var(--card-accent, var(--text-primary))}.craft-sections{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:4px}.craft-section-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:var(--bg-secondary);border:1px solid var(--border);border:1px solid color-mix(in srgb,var(--section-accent) 50%,var(--border));border-radius:6px;color:var(--text-secondary);font-size:13px;font-weight:600;cursor:pointer;transition:all .15s ease}.craft-section-btn:before{content:"";flex-shrink:0;width:9px;height:9px;border-radius:50%;background:var(--section-accent, var(--text-secondary))}.craft-section-btn:hover{color:var(--text-primary);border-color:var(--section-accent, var(--text-secondary))}.craft-section-btn.active{color:var(--section-accent, var(--text-primary));border-color:var(--section-accent, var(--accent));background:var(--bg-surface);background:color-mix(in srgb,var(--section-accent) 18%,var(--bg-secondary));box-shadow:0 0 0 1px var(--section-accent, var(--accent))}.craft-card-header h3{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:8px}.craft-card-description{font-size:13px;color:var(--text-secondary);line-height:1.5;margin-bottom:16px}.craft-card-loading{font-size:13px;color:var(--text-secondary);padding:12px 0}.craft-card-error{font-size:13px;color:var(--accent);margin-bottom:12px}.craft-card-actions{display:flex;gap:8px;margin-top:12px}.perf-parts-panel{padding:0 8px}.parts-grid{display:flex;flex-direction:column;gap:8px}.part-card{display:flex;align-items:center;gap:16px;width:100%;background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;padding:12px 16px}.part-card-num{flex-shrink:0;width:56px;font-size:12px;font-weight:600;color:var(--text-secondary);white-space:nowrap}.part-card-name{flex:1;min-width:0;font-size:14px;font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.part-card-search{flex-shrink:0;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.part-card--empty{border-style:dashed}.part-card--empty .part-card-num,.part-card--empty .part-card-name{opacity:.5}.part-card--empty .part-card-name{font-weight:400;font-style:italic;color:var(--text-secondary)}.sound-shaping-chooser{padding:8px 0 4px}.sound-shaping-chooser-intro{margin:0 0 18px;font-size:14px;color:var(--text-secondary)}.sound-shaping-back{display:inline-flex;align-items:center;gap:4px;margin-bottom:16px;padding:0;background:none;border:none;color:var(--brand-cyan);font-size:13px;font-weight:600;cursor:pointer}.sound-shaping-back:hover{text-decoration:underline}.sound-shaping-guide{padding:4px 0}.wpe-header{margin-bottom:24px;padding:14px 16px 16px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:10px}.wpe-header-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.wpe-label{font-family:var(--font-mono);font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:var(--text-secondary)}.wpe-signal-btn{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:30px;height:30px;border:1px solid var(--border);border-radius:6px;background:var(--bg-primary);color:var(--text-secondary);font-size:17px;cursor:pointer;transition:color .15s ease,background .15s ease,border-color .15s ease}.wpe-signal-btn:hover{border-color:var(--brand-cyan);color:var(--brand-cyan);background:color-mix(in srgb,var(--brand-cyan) 8%,var(--bg-primary))}.wpe-tabs{display:flex;flex-wrap:wrap;gap:8px}.wpe-tab{padding:8px 16px;border:1px solid var(--border);border-radius:6px;background:var(--bg-primary);color:var(--text-secondary);font-size:13px;font-weight:600;cursor:pointer;transition:color .15s ease,background .15s ease,border-color .15s ease}.wpe-tab:hover:not(.active){border-color:var(--accent);color:var(--text-primary)}.wpe-tab.active{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,var(--bg-secondary));color:var(--accent)}.wpe-divider{height:1px;background:var(--border);margin:14px 0}.wpe-tab--macro{border-color:color-mix(in srgb,var(--brand-cyan) 45%,var(--border));color:var(--brand-cyan)}.wpe-tab--macro:hover:not(.active){border-color:var(--brand-cyan);color:var(--brand-cyan)}.wpe-tab--macro.active{border-color:var(--brand-cyan);background:color-mix(in srgb,var(--brand-cyan) 14%,var(--bg-secondary));color:var(--brand-cyan)}.wpe-flow-arrow{display:inline-flex;align-items:center;gap:3px;flex-shrink:0;padding:0 2px}.wpe-flow-arrow span{width:5px;height:5px;border-top:2px solid var(--brand-cyan);border-right:2px solid var(--brand-cyan);transform:rotate(45deg);opacity:.18;animation:wpe-chevron 1.4s linear infinite}.wpe-flow-arrow span:nth-child(2){animation-delay:.18s}.wpe-flow-arrow span:nth-child(3){animation-delay:.36s}@keyframes wpe-chevron{0%,65%,to{opacity:.18}32%{opacity:1}}@media(prefers-reduced-motion:reduce){.wpe-flow-arrow span{animation:none;opacity:.4}}.sound-shaping-section{padding:4px 0}.sound-shaping-section--divided{margin-top:32px;padding-top:28px;border-top:1px solid var(--border)}.sound-shaping-guide-head{margin-bottom:20px}.sound-shaping-guide-eyebrow{display:inline-flex;align-items:center;gap:8px;margin-bottom:8px;font-family:var(--font-mono);font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--brand-cyan)}.sound-shaping-guide-eyebrow:before{content:"";width:3px;height:14px;border-radius:1px;background:var(--brand-cyan)}.sound-shaping-guide-title{margin:0 0 6px;font-size:20px;color:var(--text-primary)}.sound-shaping-guide-intro{margin:0;max-width:60ch;font-size:14px;line-height:1.5;color:var(--text-secondary)}.sound-shaping-macro-note{margin:14px 0 0;max-width:60ch;padding:10px 14px;border:1px solid color-mix(in srgb,var(--brand-cyan) 30%,var(--border));border-left:3px solid var(--brand-cyan);border-radius:8px;background:color-mix(in srgb,var(--brand-cyan) 7%,var(--bg-secondary));font-size:13px;line-height:1.5;color:var(--text-secondary)}.perf-sound-crafting>.sound-shaping-macro-note{display:flex;align-items:flex-start;gap:12px;max-width:none;margin:0 0 18px;padding:16px 20px}.mfx-param-verified{margin-left:6px;color:var(--success);font-weight:700}.mfx-param-unverified{margin-left:6px;color:var(--text-secondary);opacity:.45;font-weight:700}.mfx-param-tally{margin-left:10px;padding:1px 7px;border:1px solid color-mix(in srgb,var(--brand-cyan) 40%,var(--border));border-radius:999px;background:color-mix(in srgb,var(--brand-cyan) 8%,var(--bg-secondary));font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.02em;color:var(--brand-cyan)}.mfx-preset-row{display:flex;flex-wrap:wrap;gap:6px;padding:4px 0 2px}.mfx-preset-btn{padding:4px 11px;border:1px solid var(--border);border-radius:999px;background:var(--bg-secondary);color:var(--text-secondary);font-family:var(--font-mono);font-size:12px;font-weight:500;line-height:1.3;cursor:pointer;transition:background .12s ease,border-color .12s ease,color .12s ease}.mfx-preset-btn:hover:not(:disabled){border-color:color-mix(in srgb,var(--brand-cyan) 55%,var(--border));color:var(--text-primary)}.mfx-preset-btn.active{border-color:var(--brand-cyan);background:color-mix(in srgb,var(--brand-cyan) 18%,var(--bg-secondary));color:var(--brand-cyan);font-weight:700}.mfx-preset-btn:disabled{opacity:.45;cursor:default}.macro-offset-badge{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--brand-cyan);font-size:20px;cursor:help}.macro-card-header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.macro-card-header h3{margin-bottom:0}.shaping-card-effect{display:inline-block;margin-top:12px;padding:2px 8px;border-radius:6px;font-family:var(--font-mono);font-size:11px;font-weight:600;color:var(--card-color, var(--text-secondary));background:color-mix(in srgb,var(--card-color, var(--border)) 12%,transparent);border:1px solid color-mix(in srgb,var(--card-color, var(--border)) 40%,transparent)}.shaping-card-tip{margin:8px 0 0;font-size:12px;line-height:1.45;color:var(--text-secondary)}.shaping-card-apply{display:inline-block;margin-top:14px;font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--card-color, var(--accent))}.sound-shaping-option-card:disabled{opacity:.55}.sound-shaping-guide-status{margin:16px 0 0;font-size:13px}.sound-shaping-guide-status.ok{color:var(--success)}.sound-shaping-guide-status.err{color:var(--warning)}.sound-shaping-guide-note{margin:18px 0 0;font-size:13px;color:var(--text-secondary)}.card-chooser-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1095}.card-chooser-dialog{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;padding:24px 28px 20px;width:720px;max-width:94vw;max-height:86vh;overflow-y:auto;box-shadow:0 12px 36px #00000040}.card-chooser-header h3{margin:0 0 4px;font-size:18px;font-weight:600;color:var(--text-primary)}.card-chooser-prompt{margin:0 0 18px;font-size:13.5px;color:var(--text-secondary);line-height:1.5}.card-chooser-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin-bottom:18px}.card-chooser-actions{display:flex;justify-content:flex-end}.confirm-dialog-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1100}.confirm-dialog{background:var(--bg-secondary);border:1px solid var(--border);border-radius:10px;padding:20px 22px 18px;width:420px;max-width:92vw;box-shadow:0 12px 36px #00000040}.confirm-dialog-header h3{margin:0 0 6px;font-size:16px;font-weight:600;color:var(--text-primary)}.confirm-dialog-body{margin:0 0 18px;font-size:13px;line-height:1.5;color:var(--text-secondary);white-space:pre-wrap}.confirm-dialog-actions{display:flex;justify-content:flex-end;gap:8px}.audition-dialog-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.audition-dialog{background:var(--bg-secondary);border:1px solid var(--border);border-radius:10px;padding:24px;width:360px;max-width:90vw;max-height:80vh;overflow-y:auto}.audition-dialog-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.audition-dialog-header h3{font-size:16px;font-weight:600}.audition-dialog-close{background:none;border:none;color:var(--text-secondary);font-size:20px;cursor:pointer;padding:0 4px;line-height:1}.audition-dialog-close:hover{color:var(--text-primary)}.audition-dialog-description{font-size:13px;color:var(--text-secondary);line-height:1.5;margin-bottom:16px}.audition-dialog-fields{display:flex;flex-direction:column;gap:14px;margin-bottom:20px}.audition-dialog-field{display:flex;flex-direction:column;gap:4px}.audition-dialog-field label{font-size:12px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.audition-dialog-field select,.audition-dialog-field input[type=number]{padding:6px 10px;background:var(--bg-primary);border:1px solid var(--border);border-radius:4px;color:var(--text-primary);font-size:13px}.audition-dialog-field select:focus,.audition-dialog-field input[type=number]:focus{outline:none;border-color:var(--accent)}.audition-dialog-slider-row{display:flex;align-items:center;gap:10px}.audition-dialog-slider-row input[type=range]{flex:1;height:6px;-webkit-appearance:none;appearance:none;background:var(--border);border-radius:3px;outline:none;cursor:pointer}.audition-dialog-slider-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:var(--accent);cursor:pointer}.audition-dialog-slider-row span{font-family:Consolas,Monaco,monospace;font-size:13px;color:var(--text-primary);width:36px;text-align:right}.audition-dialog-actions{display:flex;justify-content:center}.craft-sliders{display:flex;flex-direction:column;gap:12px}.craft-sliders-subsection{display:flex;flex-direction:column;gap:12px;margin-top:4px;padding:10px 12px 8px;border-top:1px dashed var(--border);border-radius:0 0 6px 6px;background:color-mix(in srgb,var(--text-secondary) 4%,transparent)}.craft-sliders-subsection-header{display:flex;flex-direction:column;gap:2px;margin-bottom:4px}.craft-sliders-subsection-title{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-secondary)}.craft-sliders-subsection-note{font-size:11.5px;font-style:italic;line-height:1.45;color:var(--text-secondary);opacity:.85}.craft-slider-row{display:flex;align-items:center;gap:10px}.craft-slider-label{font-size:12px;font-weight:600;color:var(--text-primary);width:160px;flex-shrink:0;display:inline-flex;align-items:center;gap:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.craft-slider-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:16px;padding:0 4px;border-radius:3px;background:var(--card-accent, var(--accent));color:#fff;font-size:10px;font-weight:700;letter-spacing:.04em;flex-shrink:0}.craft-slider-hint{font-size:11px;color:var(--text-secondary);width:36px;flex-shrink:0;text-align:center}.craft-slider{flex:1;height:6px;-webkit-appearance:none;appearance:none;background:var(--border);border-radius:3px;outline:none;cursor:pointer}.craft-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--accent);cursor:pointer;border:2px solid var(--bg-secondary);box-shadow:0 0 0 1px var(--accent)}.craft-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--accent);cursor:pointer;border:2px solid var(--bg-secondary);box-shadow:0 0 0 1px var(--accent)}.craft-slider:hover::-webkit-slider-thumb{background:var(--accent-hover);box-shadow:0 0 0 1px var(--accent-hover)}.craft-slider-value{font-family:Consolas,Monaco,monospace;font-size:13px;color:var(--text-primary);width:30px;text-align:right;flex-shrink:0}.craft-slider-row--all{display:flex;flex-direction:column;gap:8px;padding:8px 0;margin-bottom:4px;border-radius:8px;background:color-mix(in srgb,var(--card-accent, var(--accent)) 12%,var(--bg-secondary));border:1px solid color-mix(in srgb,var(--card-accent, var(--accent)) 45%,transparent);border-bottom:2px solid color-mix(in srgb,var(--card-accent, var(--accent)) 45%,transparent)}.craft-all-header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 10px}.craft-all-slider-line{display:flex;align-items:center;gap:10px}.craft-all-slider-spacer{width:120px;flex-shrink:0}.craft-slider-label--all{display:inline-flex;align-items:center;gap:5px;font-weight:700;font-size:11px;text-transform:uppercase;letter-spacing:.4px;color:var(--card-accent, var(--accent))}.craft-all-mode{display:inline-flex;flex-shrink:0;border:1px solid color-mix(in srgb,var(--card-accent, var(--accent)) 45%,transparent);border-radius:6px;overflow:hidden}.craft-all-mode-btn{padding:3px 10px;font-size:11px;font-weight:600;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;transition:all .12s ease}.craft-all-mode-btn:hover{color:var(--text-primary)}.craft-all-mode-btn.on{background:var(--card-accent, var(--accent));color:#fff}.craft-slider--all{height:8px;background:color-mix(in srgb,var(--card-accent, var(--accent)) 30%,var(--border))}.craft-slider--all::-webkit-slider-thumb{width:20px;height:20px;background:var(--card-accent, var(--accent));box-shadow:0 0 0 2px var(--card-accent, var(--accent))}.craft-slider--all::-moz-range-thumb{width:20px;height:20px;background:var(--card-accent, var(--accent));box-shadow:0 0 0 2px var(--card-accent, var(--accent))}.craft-slider-row--all .craft-slider-value{font-weight:700}.search-dialog-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1098}.search-dialog{display:flex;flex-direction:column;background:var(--bg-secondary);border:1px solid var(--border);border-radius:10px;padding:18px 20px 16px;width:820px;max-width:94vw;max-height:80vh;box-shadow:0 12px 36px #00000040}.search-dialog-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.search-dialog-header h3{display:flex;align-items:center;gap:8px;margin:0;font-size:16px;font-weight:600;color:var(--text-primary)}.search-dialog-context{font-size:13px;font-weight:400;color:var(--text-secondary)}.search-header-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.search-clear-all{padding:4px 12px;border:1px solid var(--border);border-radius:6px;background:var(--bg-surface);color:var(--text-secondary);font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap}.search-clear-all:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.search-clear-all:disabled{opacity:.4;cursor:default}.search-dialog-close{display:inline-flex;background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:2px}.search-dialog-close:hover{color:var(--text-primary)}.search-filter-row{display:flex;align-items:flex-start;gap:10px;margin-bottom:10px}.search-filter-label{flex-shrink:0;width:78px;padding-top:4px;font-size:12px;font-weight:600;color:var(--text-secondary)}.search-segmented{display:flex;gap:4px}.search-seg{padding:4px 12px;border:1px solid var(--border);border-radius:6px;background:var(--bg-surface);color:var(--text-secondary);font-size:12px;cursor:pointer}.search-seg.on{background:var(--brand-cyan);border-color:var(--brand-cyan);color:var(--bg-primary);font-weight:600}.search-chips{display:flex;flex-wrap:wrap;gap:6px}.search-chip-clear{background:none;border:none;color:var(--text-secondary);font-size:11px;text-decoration:underline;cursor:pointer}.search-results-meta{margin:6px 0 8px;font-size:12px;color:var(--text-secondary)}.search-results{flex:1;overflow-y:auto;border-top:1px solid var(--border)}.search-results-empty{padding:16px 0;text-align:center;color:var(--text-secondary)}.search-result-row{display:grid;grid-template-columns:36px minmax(0,1fr) 140px 72px 168px 32px 32px;width:100%;align-items:center;column-gap:8px;padding:6px;border-bottom:1px solid var(--border);border-radius:4px;font-size:13px}.search-result-row:hover{background:var(--bg-surface)}.search-result-locate{display:inline-flex;align-items:center;justify-content:center;padding:4px;border:none;border-radius:6px;background:none;color:var(--text-secondary);cursor:pointer}.search-result-locate:hover{background:var(--bg-primary);color:var(--brand-cyan)}.search-result-details{display:inline-flex;align-items:center;justify-content:center;padding:4px;border:none;border-radius:6px;background:none;color:var(--text-secondary);cursor:pointer}.search-result-details:hover{background:var(--bg-primary);color:var(--brand-cyan)}.search-locate-banner{display:flex;align-items:center;gap:10px;margin:0 0 10px;padding:10px 14px;border-radius:8px;font-size:13px;line-height:1.45;color:var(--text-primary);background:color-mix(in srgb,var(--accent-volume) 16%,var(--bg-surface));border:1px solid color-mix(in srgb,var(--accent-volume) 55%,transparent)}.search-locate-banner-icon{flex-shrink:0;color:color-mix(in srgb,var(--accent-volume) 70%,var(--text-primary))}.search-results.locate-guided .search-result-locate{color:var(--accent-volume)}@keyframes locate-attention{0%,to{transform:scale(1);box-shadow:0 0 color-mix(in srgb,var(--accent) 75%,transparent)}50%{transform:scale(1.18);box-shadow:0 0 0 8px color-mix(in srgb,var(--accent) 0%,transparent)}}.search-results.locate-guided .search-result-row:hover .search-result-locate,.search-results.locate-guided .search-result-row:focus-within .search-result-locate{color:#fff;background:var(--accent);animation:locate-attention 1.2s ease-in-out infinite}@media(prefers-reduced-motion:reduce){.search-results.locate-guided .search-result-row:hover .search-result-locate,.search-results.locate-guided .search-result-row:focus-within .search-result-locate{animation:none}}.search-result-name{color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-result-cat{font-size:11px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-result-parts{display:inline-flex}.search-result-engines{display:inline-flex;align-items:center;gap:4px}.source-badge{flex-shrink:0;width:34px;text-align:center;font-size:10px;font-weight:600;letter-spacing:.3px;padding:1px 0;border-radius:4px}.source-badge.source-preset{background:var(--bg-surface);color:var(--text-secondary);border:1px solid var(--border)}.source-badge.source-user{background:var(--accent-volume);color:#1a202c}.search-sort{padding:4px 10px;border:1px solid var(--border);border-radius:6px;background:var(--bg-surface);color:var(--text-primary);font-size:12px}.search-sort-group{display:flex;align-items:center;gap:8px;margin-left:auto}.search-sort-label{flex-shrink:0;font-size:13px;font-weight:600;color:var(--text-secondary)}.ms-dropdown{position:relative;display:inline-flex}.ms-dropdown-trigger{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border:1px solid var(--border);border-radius:6px;background:var(--bg-surface);color:var(--text-primary);font-size:12px;cursor:pointer;white-space:nowrap}.ms-dropdown-trigger.has-selection{border-color:var(--brand-cyan);color:var(--brand-cyan)}.ms-dropdown-menu{position:absolute;top:calc(100% + 4px);left:0;z-index:30;min-width:180px;max-width:280px;max-height:260px;overflow-y:auto;display:flex;flex-direction:column;padding:6px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;box-shadow:0 8px 24px #00000038}.ms-dropdown-list{display:flex;flex-direction:column}.ms-dropdown-option{display:flex;align-items:center;gap:8px;padding:4px 6px;border-radius:5px;font-size:13px;color:var(--text-primary);cursor:pointer}.ms-dropdown-option:hover{background:var(--bg-surface)}.ms-dropdown-option input{cursor:pointer}.ms-dropdown-empty{padding:6px;font-size:12px;font-style:italic;color:var(--text-secondary)}.ms-dropdown-clear{display:inline-flex;align-items:center;justify-content:center;gap:4px;margin-top:4px;padding:4px;border:none;border-top:1px solid var(--border);border-radius:0 0 4px 4px;background:none;color:var(--text-secondary);font-size:12px;cursor:pointer}.ms-dropdown-clear:hover{color:var(--accent)}.search-name-input{flex:1;min-width:0;padding:5px 10px;border:1px solid var(--border);border-radius:6px;background:var(--bg-surface);color:var(--text-primary);font-size:13px}.search-name-input:focus{outline:none;border-color:var(--brand-cyan)}.search-name-input::placeholder{color:var(--text-secondary)}.search-dialog .pager{margin-top:8px}.locate-dialog-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1099}.locate-dialog{display:flex;flex-direction:column;background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;padding:22px 26px 20px;width:620px;max-width:94vw;max-height:88vh;overflow-y:auto;box-shadow:0 12px 36px #00000040}.locate-dialog-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.locate-dialog-header h3{display:flex;align-items:center;gap:8px;margin:0;font-size:17px;font-weight:600;color:var(--text-primary)}.locate-identity{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:10px 12px;margin-bottom:16px;background:var(--bg-surface);border:1px solid var(--border);border-radius:8px}.locate-identity-name{font-size:15px;font-weight:600;color:var(--text-primary)}.locate-identity-cat{font-size:12px;color:var(--text-secondary)}.locate-mode-toggle{margin-bottom:8px}.locate-mode-blurb{margin:0 0 16px;font-size:12.5px;line-height:1.5;color:var(--text-secondary)}.locate-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}.locate-step{display:flex;align-items:stretch;gap:12px}.locate-step-number{flex-shrink:0;width:28px;padding-top:14px;font-size:18px;font-weight:700;color:var(--text-primary);text-align:center}.locate-step-card{flex:1;background:var(--bg-surface);border:1px solid var(--border);border-left:4px solid var(--text-primary);border-radius:8px;padding:12px 14px}.locate-step-pill{display:inline-block;margin-bottom:6px;padding:1px 8px;font-size:10px;font-weight:700;letter-spacing:.4px;border-radius:4px;color:var(--text-primary);background:color-mix(in srgb,var(--text-primary) 12%,transparent)}.locate-step-text{font-size:14px;line-height:1.9;color:var(--text-primary)}.locate-step-warning{display:flex;align-items:flex-start;gap:10px;margin-top:10px;padding:10px 12px;background:color-mix(in srgb,var(--warning) 12%,transparent);border:1px solid var(--warning);border-radius:6px;font-size:13.5px;line-height:1.6;color:var(--text-primary)}.locate-step-warning-icon{flex-shrink:0;font-size:20px;color:var(--warning);margin-top:1px}.locate-step-warning-body{flex:1;min-width:0}.locate-step-warning-label{display:inline-block;margin-right:8px;font-weight:700;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--warning)}.locate-confirm{display:flex;justify-content:center;margin-top:20px;padding-top:16px;border-top:1px solid var(--border)}.locate-confirm-btn{display:inline-flex;align-items:center;gap:8px}.locate-footnote{margin:16px 0 0;font-size:11.5px;font-style:italic;line-height:1.5;color:var(--text-secondary)}.signal-path-dialog-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1097}.signal-path-dialog{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;padding:20px 24px 22px;width:880px;max-width:96vw;max-height:92vh;overflow-y:auto;box-shadow:0 12px 36px #00000040}.signal-path-dialog-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.signal-path-dialog-header h3{margin:0;font-size:17px;font-weight:600;color:var(--text-primary)}.signal-path-dialog-blurb{margin:0 0 14px;font-size:13px;color:var(--text-secondary);line-height:1.5}.signal-path-diagram{width:100%;height:auto;display:block;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.signal-path-group-frame{fill:var(--bg-surface);stroke:var(--border);stroke-width:1;fill-opacity:.5}.signal-path-group-label{font-size:11px;font-weight:600;fill:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em}.signal-path-rect{fill:var(--bg-secondary);stroke:var(--border);stroke-width:1.25;transition:fill .12s ease,stroke .12s ease}.signal-path-rect--dashed{stroke-dasharray:4 3}.signal-path-label{font-size:12px;font-weight:600;fill:var(--text-primary);pointer-events:none}.signal-path-sub{font-size:9.5px;font-style:italic;fill:var(--text-secondary);pointer-events:none}.signal-path-type{font-size:10px;font-weight:600;fill:var(--accent);pointer-events:none}.signal-path-node{cursor:help}.signal-path-path{fill:none;stroke:var(--text-secondary);stroke-width:1.25;stroke-linejoin:round;stroke-linecap:round;opacity:.7}.signal-path-arrowhead{fill:var(--text-secondary);opacity:.6}.signal-path-pulse{fill:none;stroke:#b8860b;stroke-width:3;stroke-linecap:round;stroke-dasharray:4 96;filter:drop-shadow(0 0 2px #B8860B);animation:signal-path-flow 2.4s linear infinite}@keyframes signal-path-flow{0%{stroke-dashoffset:100}to{stroke-dashoffset:0}}@media(prefers-reduced-motion:reduce){.signal-path-pulse{animation:none;opacity:0}}.signal-path-arrow-label{font-size:10px;fill:var(--text-secondary);font-style:italic;pointer-events:none}.signal-path-badge{pointer-events:none}.signal-path-badge-rect{stroke:#00000040;stroke-width:.5}.signal-path-badge[data-tint=variation] .signal-path-badge-rect{fill:var(--targeted-indigo)}.signal-path-badge[data-tint=reverb] .signal-path-badge-rect{fill:var(--targeted-teal)}.signal-path-badge[data-tint=master-fx] .signal-path-badge-rect{fill:var(--brand-cyan)}.signal-path-badge[data-tint=master-eq] .signal-path-badge-rect{fill:var(--accent-volume)}.signal-path-badge-text{fill:#fff;font-size:10px;font-weight:700;letter-spacing:.04em}.signal-path-diagram [data-highlighted=true] .signal-path-rect{fill:color-mix(in srgb,var(--accent-volume) 28%,var(--bg-secondary));stroke:var(--accent-volume);stroke-width:2}.signal-path-diagram [data-highlighted=true] .signal-path-label{fill:var(--text-primary);font-weight:700}.signal-path-diagram [data-state=off] .signal-path-rect{fill:var(--bg-surface);stroke:var(--text-secondary);stroke-dasharray:4 3;opacity:.55}.signal-path-diagram [data-state=off] .signal-path-label{fill:var(--text-secondary);font-style:italic;font-weight:400;opacity:.5;text-decoration:line-through;text-decoration-thickness:1px}.signal-path-diagram [data-highlighted=true][data-state=off] .signal-path-rect{fill:color-mix(in srgb,var(--accent-volume) 15%,var(--bg-surface));stroke:var(--accent-volume);opacity:.65}.signal-path-led{fill:var(--success);filter:drop-shadow(0 0 2px var(--success))}.signal-path-diagram [data-state=off] .signal-path-led{fill:var(--text-secondary);filter:none;opacity:.5}.sound-attrs-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1102}.sound-attrs-dialog{display:flex;flex-direction:column;gap:14px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:10px;padding:18px 20px 16px;width:520px;max-width:94vw;max-height:88vh;overflow-y:auto;box-shadow:0 12px 36px #00000040}.sound-attrs-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.sound-attrs-title{display:flex;align-items:center;gap:8px;min-width:0}.sound-attrs-title h3{margin:0;font-size:16px;font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sound-attrs-close{display:inline-flex;background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:2px;flex-shrink:0}.sound-attrs-close:hover{color:var(--text-primary)}.sound-attrs-section-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary)}.sound-attrs-curated{display:flex;flex-direction:column;gap:10px;padding:12px 14px;border:1px solid var(--border);border-radius:8px;background:color-mix(in srgb,var(--bg-surface) 55%,transparent)}.sound-attrs-hint{margin-left:6px;font-size:11px;font-weight:400;font-style:italic;text-transform:none;letter-spacing:0;color:var(--text-secondary)}.sound-attrs-colortags .tag-chip.accent{background:var(--text-primary);color:var(--bg-secondary);border-color:var(--text-primary)}.sound-attrs-about{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:6px;font-size:13px;color:var(--text-primary)}.sound-attrs-foundation-badge{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:color-mix(in srgb,var(--brand-cyan) 70%,var(--text-primary))}.sound-attrs-field{display:flex;flex-direction:column;gap:6px}.sound-attrs-field>label{font-size:13px;font-weight:600;color:var(--text-primary)}.sound-attrs-toggles{flex-direction:row;gap:10px}.sound-attrs-toggle{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border:1px solid var(--border);border-radius:16px;background:var(--bg-surface);color:var(--text-secondary);font-size:13px;cursor:pointer}.sound-attrs-toggle.on.fav{border-color:var(--warning);color:var(--warning)}.sound-attrs-toggle.on.foundation{border-color:var(--brand-cyan);color:var(--brand-cyan)}.sound-attrs-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:4px}.rename-row{display:flex;gap:8px;align-items:center}.rename-input{flex:1;padding:6px 10px;border:1px solid var(--border);border-radius:4px;background:var(--bg-primary);color:var(--text-primary);font-size:13px;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace}.field-hint{font-size:11px;color:var(--text-secondary);font-weight:400;margin-left:6px}.sound-detail-actions{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:12px}.btn-open-editor{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border:1px solid var(--brand-cyan);border-radius:6px;background:var(--bg-primary);color:var(--brand-cyan);font-size:13px;font-weight:600;cursor:pointer}.btn-open-editor:hover:not(:disabled){background:var(--brand-cyan);color:var(--bg-primary)}.btn-open-editor:disabled{opacity:.45;cursor:not-allowed;border-color:var(--border);color:var(--text-secondary)}.btn-reset-init{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border:1px solid var(--accent);border-radius:6px;background:var(--bg-primary);color:var(--accent);font-size:13px;font-weight:600;cursor:pointer}.btn-reset-init:hover{background:var(--accent);color:var(--bg-primary)}.btn-reinit-attrs{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border:1px solid var(--border);border-radius:6px;background:var(--bg-primary);color:var(--text-secondary);font-size:13px;font-weight:600;cursor:pointer}.btn-reinit-attrs:hover{border-color:var(--warning);color:var(--warning)}.row-reset-init{display:inline-flex;align-items:center;justify-content:center;background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:15px;line-height:1;padding:0;transition:color .15s ease,filter .15s ease}.row-reset-init:hover{color:var(--accent);filter:drop-shadow(0 0 5px color-mix(in srgb,var(--accent) 50%,transparent))}.sound-row.uninitialized .sound-row-main{background:color-mix(in srgb,var(--text-secondary) 7%,transparent)}.sound-row.uninitialized .sound-name{color:var(--text-secondary);font-style:italic}.uninitialized-note{display:flex;align-items:center;gap:10px;padding:8px 11px;background:color-mix(in srgb,var(--brand-cyan) 10%,transparent);border:1px solid color-mix(in srgb,var(--brand-cyan) 45%,transparent);border-radius:6px;font-size:12.5px;line-height:1.5;color:var(--text-primary)}.uninitialized-note-body{flex:1;min-width:0}.uninitialized-note-more{flex-shrink:0;background:none;border:none;padding:0;color:var(--brand-cyan);font-size:12.5px;font-weight:600;text-decoration:underline;cursor:pointer}.uninitialized-note-more:hover{color:var(--text-primary)}.category-editor{display:flex;gap:8px;align-items:center}.category-editor select{padding:6px 10px;border:1px solid var(--border);border-radius:4px;background:var(--bg-primary);color:var(--text-primary);font-size:13px}.category-editor select:disabled{opacity:.5}.user-library{display:flex;flex-direction:column;height:100%;overflow:hidden}.user-library .sound-list{--sound-cols: 24px 24px 24px 24px 56px 34px minmax(100px, 1.1fr) minmax(92px, 1fr) 74px 190px minmax(84px, 1fr) 70px;flex:1;overflow-y:auto;border:1px solid var(--border);border-radius:8px}.user-lib-sync{margin-bottom:24px;padding:16px;border:1px solid var(--border);border-left:3px solid var(--brand-cyan);border-radius:6px;background:var(--bg-secondary)}.user-lib-sync-row{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.user-lib-sync-status{font-size:13px;color:var(--text-secondary)}.user-lib-sync-status strong{color:var(--text-primary);margin-right:4px}.user-lib-sync-actions{display:flex;gap:8px}.user-lib-mode-notice{margin-top:12px;padding:10px 12px;background:color-mix(in srgb,var(--brand-cyan) 10%,transparent);border:1px solid color-mix(in srgb,var(--brand-cyan) 35%,transparent);border-radius:4px;font-size:13px;color:var(--text-primary)}.user-lib-sync-message{margin-top:12px;font-size:13px;color:var(--text-secondary)}.user-lib-sync .progress-container{margin-top:12px;margin-bottom:0}.user-lib-instruction-card{margin-bottom:12px;padding:14px 16px;background:var(--bg-primary);border:1px dashed var(--border);border-radius:6px}.user-lib-instruction-card h3{margin:0 0 6px;font-size:15px;color:var(--text-primary)}.user-lib-instruction-card p{margin:0 0 12px;font-size:13px;color:var(--text-secondary)}.user-lib-instruction-card .btn-primary{display:inline-block;text-decoration:none}.user-lib-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:16px}.user-lib-toolbar .sound-search{flex:1 1 240px;padding:6px 12px;border:1px solid var(--border);border-radius:4px;background:var(--bg-primary);color:var(--text-primary);font-size:13px}.user-lib-toolbar select{padding:6px 12px;border:1px solid var(--border);border-radius:4px;background:var(--bg-primary);color:var(--text-primary);font-size:13px}.user-lib-engine-chips{display:flex;gap:6px}.pager{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:16px;padding:10px 4px;border-top:1px solid var(--border);font-size:13px;color:var(--text-secondary)}.pager-info{flex:1 1 auto}.pager-controls{display:flex;align-items:center;gap:6px}.pager-btn{padding:4px 10px;border:1px solid var(--border);border-radius:4px;background:transparent;color:var(--text-secondary);font-size:13px;cursor:pointer;transition:all .12s ease}.pager-btn:hover:not(:disabled){border-color:var(--text-primary);color:var(--text-primary)}.pager-btn:disabled{opacity:.4;cursor:not-allowed}.pager-page{padding:0 8px;color:var(--text-primary)}.pager-size label{display:inline-flex;align-items:center;gap:6px}.pager-size select{padding:4px 8px;border:1px solid var(--border);border-radius:4px;background:var(--bg-primary);color:var(--text-primary);font-size:13px}.workflow-dialog-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1090}.workflow-dialog{background:var(--bg-secondary);border:1px solid var(--border);border-radius:10px;padding:20px 22px 18px;width:560px;max-width:94vw;max-height:86vh;overflow-y:auto;box-shadow:0 12px 36px #00000040}.workflow-dialog-header h3{margin:0 0 12px;font-size:16px;font-weight:600;color:var(--text-primary)}.workflow-dialog-quirk{display:flex;align-items:flex-start;gap:8px;padding:10px 12px;margin-bottom:16px;background:color-mix(in srgb,var(--brand-cyan) 10%,transparent);border:1px solid color-mix(in srgb,var(--brand-cyan) 35%,transparent);border-radius:6px;font-size:12.5px;line-height:1.5;color:var(--text-primary)}.workflow-quirk-icon{flex-shrink:0;font-size:14px;line-height:1.4;color:var(--brand-cyan)}.workflow-steps{list-style:none;padding:0;margin:0 0 16px;display:flex;flex-direction:column;gap:10px}.workflow-step{display:grid;grid-template-columns:24px 22px 1fr;gap:10px;align-items:stretch}.workflow-step-indicator{display:flex;align-items:center;justify-content:center;font-size:14px;color:var(--text-secondary)}.workflow-step-number{display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:var(--text-secondary)}.workflow-step-card{padding:10px 12px;border-radius:6px;border:1px solid var(--border)}.workflow-actor-app .workflow-step-card{background:var(--bg-secondary);border-left:3px solid var(--brand-cyan)}.workflow-actor-instrument .workflow-step-card{background:var(--bg-surface);border-left:3px solid var(--text-primary)}.workflow-actor-app .workflow-step-number{color:var(--brand-cyan)}.workflow-actor-instrument .workflow-step-number{color:var(--text-primary)}.workflow-status-in-progress .workflow-step-indicator{color:var(--accent)}.workflow-status-done .workflow-step-indicator{color:var(--success)}.workflow-status-failed .workflow-step-indicator{color:var(--warning)}.workflow-status-pending .workflow-step-card{opacity:.55}.workflow-step-pill-row{margin-bottom:6px}.workflow-step-heading{margin:0 0 8px;font-size:13px;font-weight:700;color:var(--text-primary)}.workflow-step-pill{display:inline-block;padding:2px 7px;border-radius:3px;font-size:10px;font-weight:700;letter-spacing:.6px;text-transform:uppercase}.workflow-pill-app{background:color-mix(in srgb,var(--brand-cyan) 18%,transparent);color:var(--brand-cyan)}.workflow-pill-instrument{background:color-mix(in srgb,var(--text-primary) 14%,transparent);color:var(--text-primary)}.workflow-step-text{font-size:13px;line-height:1.5;color:var(--text-primary)}.workflow-step-substeps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;font-size:13px;line-height:1.9;color:var(--text-primary);counter-reset:substep}.workflow-step-substeps li{display:flex;align-items:flex-start;gap:8px}.workflow-step-substeps li:before{counter-increment:substep;content:counter(substep) ".";flex-shrink:0;min-width:16px;font-weight:600;color:var(--text-secondary)}.workflow-step-note{margin-top:10px;padding-top:8px;border-top:1px solid var(--border);font-size:12px;font-style:italic;line-height:1.5;color:var(--text-secondary)}.workflow-step-warning{display:flex;align-items:flex-start;gap:10px;margin-top:10px;padding:9px 11px;background:color-mix(in srgb,var(--warning) 12%,transparent);border:1px solid var(--warning);border-radius:6px;font-size:12.5px;line-height:1.55;color:var(--text-primary)}.workflow-step-warning-icon{flex-shrink:0;font-size:20px;color:var(--warning);margin-top:1px}.workflow-step-warning-body{flex:1;min-width:0}.workflow-step-warning-label{display:inline-block;margin-right:8px;font-weight:700;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--warning)}.workflow-panel-label{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:12.5px;font-weight:700;padding:1px 7px;margin:0 2px;border-radius:4px;background:linear-gradient(180deg,#fffdf6 0%,var(--bg-surface) 100%);border:1px solid color-mix(in srgb,var(--text-primary) 24%,var(--border));color:#2b6cb0;box-shadow:0 1.5px color-mix(in srgb,var(--text-primary) 28%,transparent),inset 0 1px #ffffffe6}.workflow-touch-label{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:600;padding:1px 8px;margin:0 2px;border-radius:6px;background:var(--text-primary);color:var(--bg-primary);box-shadow:inset 0 1px #ffffff1f}.workflow-touch-label--target{font-weight:700;box-shadow:inset 0 1px #ffffff1f,0 0 0 1.5px var(--brand-cyan)}.workflow-value-label{display:inline-flex;align-items:center;gap:4px;font-weight:600;padding:1px 8px;margin:0 2px;border-radius:10px;color:var(--accent);background:color-mix(in srgb,var(--accent) 14%,transparent);border:1px solid color-mix(in srgb,var(--accent) 40%,transparent)}.workflow-step-actions{margin-top:10px}.workflow-error{padding:10px 12px;margin-bottom:14px;background:color-mix(in srgb,var(--warning) 12%,transparent);border:1px solid color-mix(in srgb,var(--warning) 40%,transparent);border-radius:4px;font-size:13px;color:var(--text-primary);line-height:1.5}.workflow-error strong{color:var(--warning);margin-right:4px}.workflow-dialog-actions{display:flex;justify-content:flex-end;gap:8px}.new-user-perf{flex:1;min-height:0;overflow-y:auto}.new-user-perf-inner{max-width:720px;width:100%;margin-inline:auto;padding-bottom:8px}.new-user-perf .page-header{text-align:center}.new-user-perf-steps.workflow-steps{gap:14px}.new-user-perf-steps .workflow-step{grid-template-columns:22px 1fr}.new-user-perf-steps .workflow-step .workflow-step-indicator{display:none}.new-user-perf-steps .workflow-status-pending .workflow-step-card{opacity:1}.new-user-perf-step-title{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:8px}.new-user-perf-done{margin-top:24px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px}.new-user-perf-done-hint{font-size:13px;color:var(--text-secondary)}.new-user-perf-connect{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:20px;padding:12px 16px;border-radius:8px;background:color-mix(in srgb,var(--brand-cyan) 10%,var(--bg-surface));border:1px solid color-mix(in srgb,var(--brand-cyan) 40%,transparent);text-align:left}.new-user-perf-connect-text{flex:1 1 260px;font-size:13px;line-height:1.5;color:var(--text-primary)}.new-user-perf-connect-link{flex-shrink:0;font-weight:600;color:var(--brand-cyan);text-decoration:none;white-space:nowrap}.new-user-perf-connect-link:hover{text-decoration:underline}.new-user-perf-nav{margin-top:24px;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}.new-user-perf-nav-hint{font-size:13px;color:var(--text-secondary)}.new-user-perf-back{display:inline-flex;align-items:center;gap:4px;margin-bottom:14px;padding:0;background:none;border:none;color:var(--brand-cyan);font-size:13px;font-weight:600;cursor:pointer}.new-user-perf-back:hover{text-decoration:underline}.new-user-perf-finish-head{text-align:center;margin-bottom:4px}.new-user-perf-finish-head h3{margin:0 0 4px;font-size:18px;color:var(--text-primary)}.new-user-perf-finish-head p{margin:0;font-size:13px;line-height:1.5;color:var(--text-secondary)}.foundation-cta{margin-top:24px;width:100%;display:flex;align-items:center;gap:16px;text-align:left;padding:18px 20px;border-radius:12px;cursor:pointer;color:var(--text-primary);background:linear-gradient(135deg,color-mix(in srgb,var(--brand-cyan) 16%,var(--bg-surface)),var(--bg-surface));border:1px solid color-mix(in srgb,var(--brand-cyan) 45%,transparent);transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease}.foundation-cta:hover{transform:translateY(-1px);border-color:var(--brand-cyan);box-shadow:0 6px 18px color-mix(in srgb,var(--brand-cyan) 22%,transparent)}.foundation-cta-icon{flex-shrink:0;font-size:30px;color:var(--brand-cyan)}.foundation-cta-text{display:flex;flex-direction:column;gap:4px}.foundation-cta-title{font-size:16px;font-weight:600}.foundation-cta-sub{font-size:13px;color:var(--text-secondary);line-height:1.45}.sound-browser{padding:20px 24px;display:flex;flex-direction:column;height:100%;overflow:hidden}.sound-browser-empty{color:var(--text-secondary);font-size:14px}.sound-toolbar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:10px}.sound-search{flex:1;min-width:180px;padding:7px 12px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:6px;color:var(--text-primary);font-size:13px}.sound-toolbar select{padding:7px 10px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:6px;color:var(--text-primary);font-size:13px}.sound-toggle{padding:7px 12px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:6px;color:var(--text-secondary);font-size:13px;cursor:pointer}.sound-toggle.active{color:var(--warning);border-color:var(--warning)}.sound-tagfilter{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-bottom:10px}.sound-tagfilter-label{font-size:12px;color:var(--text-secondary);margin-right:2px}.sound-export-status{font-size:12px;color:var(--success);margin-bottom:8px;word-break:break-all}.sound-count{font-size:12px;color:var(--text-secondary);margin-bottom:8px}.sound-list{--sound-cols: 26px 26px 46px 34px minmax(120px, 1.15fr) minmax(110px, 1fr) 78px 260px minmax(96px, 1.3fr) 74px;flex:1;overflow-y:auto;border:1px solid var(--border);border-radius:8px}.sound-list-header{position:sticky;top:0;z-index:1;display:grid;grid-template-columns:var(--sound-cols);align-items:center;gap:10px;padding:8px 12px;background:var(--bg-surface);border-bottom:1px solid var(--border);font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary)}.sound-col-mark{display:inline-flex;align-items:center;justify-content:center;font-size:12px;opacity:.6}.sound-row{border-bottom:1px solid var(--border)}.sound-row:last-child{border-bottom:none}.sound-row-main{display:grid;grid-template-columns:var(--sound-cols);align-items:center;gap:10px;padding:7px 12px;cursor:pointer}.sound-row.open .sound-row-main,.sound-row-main:hover{background:var(--bg-secondary)}.fav-star,.rating-star{background:none;border:none;color:var(--border);cursor:pointer;font-size:15px;line-height:1;padding:0}.fav-star.on,.rating-star.on{color:var(--warning)}.foundation-star{background:none;border:none;color:var(--border);cursor:pointer;font-size:15px;line-height:1;padding:0}.foundation-star svg{display:block}.foundation-star.on{color:var(--brand-cyan)}.foundation-star.curated{filter:drop-shadow(0 0 3px color-mix(in srgb,var(--brand-cyan) 60%,transparent))}.search-result-foundation{color:var(--brand-cyan);margin-right:5px;vertical-align:-.12em;flex-shrink:0}.sound-row.refreshing{box-shadow:inset 3px 0 0 var(--brand-cyan);animation:row-refresh-pulse 1.6s ease-in-out infinite}@keyframes row-refresh-pulse{0%,to{background:color-mix(in srgb,var(--brand-cyan) 7%,transparent)}50%{background:color-mix(in srgb,var(--brand-cyan) 16%,transparent)}}.row-refresh{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:15px;line-height:1;padding:0 2px;transition:color .15s ease,opacity .15s ease}.row-refresh:hover:not(:disabled){color:var(--brand-cyan)}.row-refresh:disabled{opacity:.35;cursor:not-allowed}.row-open-editor{display:inline-flex;align-items:center;justify-content:center;background:none;border:none;color:var(--brand-cyan);cursor:pointer;font-size:16px;line-height:1;padding:0;transition:color .15s ease,filter .15s ease}.row-open-editor:hover:not(:disabled){filter:drop-shadow(0 0 5px color-mix(in srgb,var(--brand-cyan) 55%,transparent))}.row-open-editor:disabled{opacity:.3;cursor:not-allowed}.row-refresh.spinning{color:var(--brand-cyan);animation:icon-spin .9s linear infinite}@keyframes icon-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.sound-num{width:44px;color:var(--text-secondary);font-size:12px;font-variant-numeric:tabular-nums;flex-shrink:0}.sound-name{font-size:13px;color:var(--text-primary);font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sound-cat{font-size:12px;color:var(--text-secondary);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sound-subcat{opacity:.7}.sound-parts,.sound-engines{display:flex;align-items:center;gap:4px;flex-wrap:wrap;min-width:0}.sound-engines{flex-wrap:nowrap}.sound-cell-empty{color:var(--border);font-size:12px}.sound-row-tags{display:flex;gap:4px;flex-wrap:wrap;min-width:0}.sound-row-rating{color:var(--warning);font-size:11px;letter-spacing:-1px;min-width:0;overflow:hidden;white-space:nowrap}.sound-row-detail{padding:10px 14px 14px 44px;background:var(--bg-secondary);display:flex;flex-direction:column;gap:10px}.sound-detail-field{display:flex;flex-direction:column;gap:5px}.sound-detail-field>label{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);display:flex;align-items:center;gap:8px}.curated-badge{text-transform:none;letter-spacing:0;font-size:10px;color:var(--accent-volume);border:1px solid var(--accent-volume);border-radius:3px;padding:0 4px}.sound-notes{background:var(--bg-primary);border:1px solid var(--border);border-radius:6px;color:var(--text-primary);font-size:13px;padding:6px 8px;resize:vertical;min-height:48px;font-family:inherit}.sound-detail-meta{font-size:11px;color:var(--text-secondary)}.sound-load{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.sound-load-part{display:inline-flex;align-items:center;gap:6px}.sound-load-part select{padding:5px 8px;background:var(--bg-primary);border:1px solid var(--border);border-radius:6px;color:var(--text-primary);font-size:12px}.sound-load-hint{font-size:12px;color:var(--text-secondary)}.sound-load-status{font-size:12px;color:var(--success);margin-top:6px}.experimental-tag{font-size:10px;text-transform:uppercase;letter-spacing:.5px;color:var(--warning);border:1px solid var(--warning);border-radius:3px;padding:0 4px}.part-badge{flex-shrink:0;font-size:10px;text-transform:uppercase;letter-spacing:.5px;padding:1px 6px;border-radius:10px;border:1px solid var(--border);color:var(--text-secondary)}.part-badge.multi{color:var(--accent);border-color:var(--accent)}.engine-badge{flex-shrink:0;display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;letter-spacing:.3px;padding:2px 8px;border-radius:10px;border:1px solid color-mix(in srgb,var(--text-primary) 32%,var(--border));background:color-mix(in srgb,var(--text-primary) 9%,var(--bg-secondary));color:var(--text-primary)}.tag-editor{display:flex;flex-wrap:wrap;gap:5px;align-items:center}.tag-chip{display:inline-flex;align-items:center;gap:4px;font-size:11px;padding:2px 8px;border-radius:10px;background:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border)}.tag-chip.accent{border-color:var(--accent-volume);color:var(--accent-volume)}.tag-chip.mini{font-size:10px;padding:1px 6px}.tag-chip.filter{cursor:pointer}.tag-chip.filter.on{background:var(--accent-volume);color:#1a202c;border-color:var(--accent-volume)}.tag-chip-x{background:none;border:none;color:inherit;cursor:pointer;font-size:13px;line-height:1;padding:0;opacity:.7}.tag-chip-x:hover{opacity:1}.tag-input{flex:1;min-width:110px;background:var(--bg-primary);border:1px solid var(--border);border-radius:6px;color:var(--text-primary);font-size:12px;padding:3px 8px}.rating-stars{display:inline-flex;gap:2px}.rating-star{font-size:18px}.fav-star svg,.rating-star svg,.row-refresh svg,.tag-chip-x svg{display:block}.engine-badge svg{flex-shrink:0;color:var(--accent)}.sound-row-rating{display:inline-flex;align-items:center}.sound-toggle svg{vertical-align:-.15em}.capture-badge{display:inline-block;padding:2px 8px;border-radius:10px;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.4px;background:var(--border);color:var(--text-secondary)}.capture-badge.capture-full{background:color-mix(in srgb,var(--brand-cyan) 18%,transparent);color:var(--brand-cyan)}.capture-badge.capture-metadata-only{background:color-mix(in srgb,var(--accent-volume) 18%,transparent);color:var(--accent-volume)}.capture-badge.capture-failed{background:color-mix(in srgb,var(--accent) 18%,transparent);color:var(--accent)}.capture-badge.capture-empty{opacity:.55}.home{max-width:920px;margin:0 auto;padding:40px 24px 24px;overflow-y:auto;flex:1}.home-header{margin-bottom:36px;text-align:center}.home-header h1{font-size:34px;font-weight:600;letter-spacing:.01em;color:var(--text-primary);margin:0 0 6px;line-height:1.15}.home-subtitle{font-size:13px;font-weight:400;letter-spacing:.42em;text-transform:uppercase;color:var(--text-secondary);margin:0;padding-left:.42em}.home-banner{background:color-mix(in srgb,var(--warning) 10%,transparent);border:1px solid var(--warning);border-radius:8px;padding:10px 14px;font-size:13px;color:var(--text-primary);margin-bottom:24px;text-align:center}.home-banner a{color:var(--accent);text-decoration:none;font-weight:500}.home-banner a:hover{color:var(--accent-hover);text-decoration:underline}.compass-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}@media(max-width:720px){.compass-grid{grid-template-columns:1fr}}.compass-card{position:relative;text-align:left;background:var(--bg-secondary);border:1px solid var(--border);border-radius:14px;padding:26px 26px 24px;min-height:168px;cursor:pointer;font:inherit;color:inherit;overflow:hidden;box-shadow:0 2px 6px #1a36560a;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease,opacity .32s ease;opacity:0;transform:translateY(10px);animation:compass-card-in .52s ease-out forwards;animation-delay:calc(.12s + var(--card-index, 0) * 80ms)}.compass-card:disabled{cursor:default}.compass-card[data-color=gold]{--card-color: var(--accent-volume)}.compass-card[data-color=indigo]{--card-color: var(--targeted-indigo)}.compass-card[data-color=teal]{--card-color: var(--targeted-teal)}.compass-card[data-color=terracotta]{--card-color: var(--accent)}.compass-card[data-color=cyan]{--card-color: var(--brand-cyan)}.compass-card[data-color=success]{--card-color: var(--success)}.compass-card-accent{position:absolute;top:0;left:0;right:0;height:4px;background:var(--card-color);opacity:.85}.compass-card-title{font-size:22px;font-weight:600;letter-spacing:.01em;color:var(--text-primary);margin:4px 0 8px;line-height:1.2}.compass-card-body{font-size:14px;line-height:1.5;color:var(--text-secondary);margin:0;max-width:36ch}.compass-card:hover:not(:disabled):not(.is-chosen){transform:translateY(-4px);border-color:var(--card-color);box-shadow:0 8px 22px #1a36561a,0 0 0 1px var(--card-color)}.compass-card.is-chosen{transform:scale(1.06);z-index:2;border-color:var(--card-color);box-shadow:0 0 0 2px var(--card-color),0 14px 40px -8px var(--card-color),0 0 32px #0000000a}.compass-card.is-chosen .compass-card-accent{height:6px;opacity:1}.compass-card.is-dimmed{opacity:.4;transform:translateY(0) scale(.98);pointer-events:none}.compass-card.is-current{border-color:var(--card-color);box-shadow:0 0 0 2px var(--card-color),0 2px 6px #1a36560a;background:color-mix(in srgb,var(--card-color) 7%,var(--bg-secondary))}.compass-card-current-badge{position:absolute;top:10px;right:12px;font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--card-color);background:var(--bg-secondary);padding:2px 7px;border-radius:10px;border:1px solid var(--card-color)}@keyframes compass-card-in{to{opacity:1;transform:translateY(0)}}.compass-card--compact{padding:12px 14px;min-height:72px;border-radius:10px;box-shadow:0 1px 3px #1a36560a}.compass-card--compact .compass-card-title{font-size:15px;margin:2px 0 4px;line-height:1.25}.compass-card--compact .compass-card-accent{height:3px}.compass-rail{display:flex;flex-direction:column;gap:10px;width:200px;flex-shrink:0;padding:4px;align-self:flex-start;position:sticky;top:0}@media(max-width:1280px){.compass-rail{display:none}}.architecture-page{display:flex;flex-direction:column;height:100%;overflow:hidden}.arch-toolbar{display:flex;gap:8px;margin-bottom:14px}.arch-btn{padding:6px 12px;border:1px solid var(--border);border-radius:6px;background:var(--bg-secondary);color:var(--text-secondary);font-size:12px;font-weight:600;cursor:pointer;transition:color .15s ease,border-color .15s ease}.arch-btn:hover{border-color:var(--accent);color:var(--accent)}.flow-canvas{flex:1;overflow:auto;padding:16px 20px 24px}.flow-node{display:flex;align-items:center}.flow-box{position:relative;display:inline-flex;align-items:center;gap:8px;flex-shrink:0;padding:8px 12px;border:1px solid var(--border);border-left:3px solid var(--tier-color, var(--border));border-radius:8px;background:var(--bg-secondary);white-space:nowrap;transition:border-color .15s ease,box-shadow .15s ease}.flow-node--parent>.flow-box{cursor:pointer}.flow-node--parent>.flow-box:hover{border-color:var(--tier-color, var(--accent));box-shadow:0 0 0 1px color-mix(in srgb,var(--tier-color, var(--border)) 40%,transparent)}.flow-box-label{font-size:13px;font-weight:600;color:var(--text-primary)}.flow-box[data-tier=param] .flow-box-label{font-weight:400;color:var(--text-secondary)}.flow-box-meta{font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.04em;color:var(--tier-color, var(--text-secondary));border:1px solid color-mix(in srgb,var(--tier-color, var(--border)) 45%,transparent);border-radius:4px;padding:0 5px}.flow-box-toggle{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;border:1px solid var(--tier-color, var(--border));color:var(--tier-color, var(--text-secondary));font-size:12px;font-weight:700;line-height:1}.flow-children{position:relative;display:flex;flex-direction:column;gap:12px;margin-left:28px}.flow-children:before{content:"";position:absolute;left:-14px;top:0;bottom:0;width:1px;background:var(--border)}.flow-node--open>.flow-box:after{content:"";position:absolute;right:-14px;top:50%;width:14px;height:1px;background:var(--border)}.flow-children>.flow-node>.flow-box:before{content:"";position:absolute;left:-14px;top:50%;width:14px;height:1px;background:var(--border)}.perf-expand{display:flex;align-items:flex-start}.perf-components{margin-right:42px}.perf-components:after{content:"";position:absolute;right:-22px;top:0;bottom:0;width:2px;border-radius:1px;background:color-mix(in srgb,var(--accent) 40%,var(--border))}.perf-output{position:relative}.perf-output:before{content:"";position:absolute;left:-20px;top:50%;width:20px;height:1px;background:var(--border)}.flow-merge{position:relative;display:flex;align-items:center;margin-left:28px}.flow-merge:before{content:"";position:absolute;left:-14px;top:50%;width:14px;height:1px;background:var(--border)}.flow-merge-feed{position:relative;margin-right:34px}.flow-merge-feed:after{content:"";position:absolute;right:-14px;top:50%;width:14px;height:1px;background:var(--border)}.flow-merge-sources{position:relative;display:flex;flex-direction:column;align-items:stretch;gap:12px;margin-right:34px}.flow-merge-sources:before{content:"";position:absolute;left:-20px;top:0;bottom:0;width:1px;background:var(--border)}.flow-merge-sources:after{content:"";position:absolute;right:-20px;top:0;bottom:0;width:1px;background:var(--border)}.flow-merge-sources>.flow-box{position:relative}.flow-merge-sources>.flow-box:before{content:"";position:absolute;left:-20px;top:50%;width:20px;height:1px;background:var(--border)}.flow-merge-sources>.flow-box:after{content:"";position:absolute;right:-20px;top:50%;width:20px;height:1px;background:var(--border)}.flow-merge-chain{position:relative;display:flex;align-items:center;gap:8px}.flow-merge-chain:before{content:"";position:absolute;left:-14px;top:50%;width:14px;height:1px;background:var(--border)}.flow-merge-arrow{color:var(--accent);font-size:14px;font-weight:700}.flow-box[data-tier=performance]{--tier-color: var(--accent)}.flow-box[data-tier=global]{--tier-color: var(--accent-volume)}.flow-box[data-tier=system]{--tier-color: var(--targeted-teal)}.flow-box[data-tier=motion]{--tier-color: var(--brand-cyan)}.flow-box[data-tier=scene]{--tier-color: var(--success)}.flow-box[data-tier=part]{--tier-color: var(--targeted-indigo)}.flow-box[data-tier=engine]{--tier-color: var(--accent-volume)}.flow-box[data-tier=element]{--tier-color: var(--targeted-teal)}.flow-box[data-tier=operator]{--tier-color: var(--targeted-indigo)}.flow-box[data-tier=drum]{--tier-color: var(--accent)}.flow-box[data-tier=insert]{--tier-color: var(--brand-cyan)}.flow-box[data-tier=param]{--tier-color: var(--border)}@keyframes arch-flow-enter{0%{opacity:0;transform:translateY(-6px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}.arch-animate .flow-node{animation:arch-flow-enter .32s cubic-bezier(.34,1.4,.64,1) both;transform-origin:left center}.arch-animate>.flow-node{animation:none}.arch-animate .flow-merge .flow-box{animation:arch-flow-enter .32s cubic-bezier(.34,1.4,.64,1) both;transform-origin:left center}@media(prefers-reduced-motion:reduce){.arch-animate .flow-node,.arch-animate .flow-merge .flow-box{animation:none}}:root{--sono-chamfer-sm: 4px;--sono-chamfer-md: 10px;--sono-copper-edge: color-mix(in srgb, var(--sono-copper) 55%, transparent)}.craft-slider,.audition-dialog-slider-row input[type=range]{border-radius:2px;background:repeating-linear-gradient(90deg,rgba(0,0,0,.14) 0 1px,transparent 1px 5px),var(--border)}.craft-slider--all{border-radius:2px;background:repeating-linear-gradient(90deg,rgba(0,0,0,.14) 0 1px,transparent 1px 5px),color-mix(in srgb,var(--card-accent, var(--accent)) 30%,var(--border))}.craft-slider::-webkit-slider-thumb,.audition-dialog-slider-row input[type=range]::-webkit-slider-thumb{border-radius:0;border:none;box-shadow:none;background:var(--accent);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}.craft-slider::-moz-range-thumb,.audition-dialog-slider-row input[type=range]::-moz-range-thumb{border-radius:0;border:none;box-shadow:none;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}.craft-slider--all::-webkit-slider-thumb{border-radius:0;border:none;box-shadow:none;background:var(--card-accent, var(--accent));clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}.craft-slider--all::-moz-range-thumb{border-radius:0;border:none;box-shadow:none;background:var(--card-accent, var(--accent));clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}.craft-slider:hover::-webkit-slider-thumb{background:var(--accent-hover);filter:drop-shadow(0 0 4px color-mix(in srgb,var(--accent-volume) 70%,transparent))}.craft-slider-badge,.tag-chip,.part-badge,.engine-badge,.capture-badge,.perf-source-badge,.sound-toggle{border-radius:0;clip-path:polygon(var(--sono-chamfer-sm) 0,100% 0,100% calc(100% - var(--sono-chamfer-sm)),calc(100% - var(--sono-chamfer-sm)) 100%,0 100%,0 var(--sono-chamfer-sm))}.sound-toggle.active{box-shadow:inset 0 0 0 1px var(--warning)}.part-card,.live-set-card,.sound-list{border-radius:0;clip-path:polygon(var(--sono-chamfer-sm) 0,100% 0,100% calc(100% - var(--sono-chamfer-sm)),calc(100% - var(--sono-chamfer-sm)) 100%,0 100%,0 var(--sono-chamfer-sm))}.part-card--empty{clip-path:none;border-radius:8px}.compass-card{border-radius:0;border:none;clip-path:polygon(var(--sono-chamfer-md) 0,100% 0,100% calc(100% - var(--sono-chamfer-md)),calc(100% - var(--sono-chamfer-md)) 100%,0 100%,0 var(--sono-chamfer-md));background:repeating-linear-gradient(90deg,rgba(0,0,0,.02) 0 1px,transparent 1px 8px),var(--bg-secondary);box-shadow:inset 0 0 0 1px var(--sono-copper-edge),inset 0 1px #ffecd259;transition:transform .16s linear,filter .16s linear,box-shadow .16s linear,opacity .32s ease}.compass-card-accent{left:var(--sono-chamfer-md)}.compass-card:hover:not(:disabled):not(.is-chosen){transform:translateY(-4px);filter:drop-shadow(0 6px 12px color-mix(in srgb,var(--card-color) 45%,transparent));box-shadow:inset 0 0 0 1.5px var(--card-color),inset 0 1px #ffecd259}.compass-card.is-chosen{transform:scale(1.06);filter:drop-shadow(0 0 22px color-mix(in srgb,var(--card-color) 60%,transparent));box-shadow:inset 0 0 0 2px var(--card-color)}.compass-card.is-current{box-shadow:inset 0 0 0 2px var(--card-color);background:repeating-linear-gradient(90deg,rgba(0,0,0,.02) 0 1px,transparent 1px 8px),color-mix(in srgb,var(--card-color) 7%,var(--bg-secondary))}.card-chooser-dialog,.confirm-dialog,.audition-dialog,.sound-attrs-dialog,.signal-path-dialog,.search-dialog{border-radius:0;border:none;clip-path:polygon(var(--sono-chamfer-md) 0,100% 0,100% calc(100% - var(--sono-chamfer-md)),calc(100% - var(--sono-chamfer-md)) 100%,0 100%,0 var(--sono-chamfer-md));box-shadow:inset 0 0 0 1px var(--sono-copper-edge),inset 0 1px #ffecd24d;filter:drop-shadow(0 12px 30px rgba(0,0,0,.35))}@media(prefers-reduced-motion:reduce){.btn-primary:after,.btn-secondary:after{animation:none}.compass-card{transition:none}.craft-slider:hover::-webkit-slider-thumb{filter:none}}.fxcard{--fx-accent: #8894a0;--fx-ink: #e7edf3;--fx-ink-dim: #9aa4af;--fx-panel-ink: #0a0d11;position:relative;overflow:hidden;border:1px solid #23262c;border-left:3px solid var(--fx-accent);box-shadow:inset 0 0 26px color-mix(in srgb,var(--fx-accent) 14%,transparent),inset 0 0 44px #00000080;color:var(--fx-ink-dim);transition:filter .28s ease}.fxcard--off{filter:grayscale(.72) brightness(.72)}.fxcard--off .fx-power{filter:brightness(1.4)}@media(prefers-reduced-motion:reduce){.fxcard{transition:none}}.fxcard--variation{--fx-accent: #2cc7e8;--fx-comp: #e0954a;background:linear-gradient(135deg,#0f2b33,#0a1f24)}.fxcard--reverb{--fx-accent: #7a8cff;--fx-comp: #e6c46e;background:radial-gradient(circle at top center,#1a1f3a,#0d1020)}.fxcard--master-fx{--fx-accent: #d4a63f;--fx-comp: #4a90d4;background:repeating-linear-gradient(90deg,#141414 0 2px,#101010 2px 4px)}.fxcard--master-eq{--fx-accent: #4caf50;--fx-comp: #c15aa0;background:linear-gradient(#0f0f0f 50%,#111 50%);background-size:100% 4px}.fxcard .craft-card-header{display:flex;align-items:center;gap:12px;min-height:30px;margin:-20px -24px 14px;padding:10px 24px;background:linear-gradient(color-mix(in srgb,var(--fx-comp) 11%,transparent),color-mix(in srgb,var(--fx-comp) 11%,transparent)),#ffffff05;border-bottom:1px solid color-mix(in srgb,var(--fx-accent) 38%,transparent)}.fxcard .craft-card-header h3{margin:0;color:color-mix(in srgb,var(--fx-accent) 34%,#eef3f7);font-size:15px;text-transform:uppercase;letter-spacing:.09em}.fxcard .fx-header-graphic{margin-left:auto;flex-shrink:0}.fxcard .fx-power{display:inline-flex;align-items:center;gap:8px;flex-shrink:0;padding:0;background:none;border:none;cursor:pointer}.fxcard .fx-power:disabled{cursor:not-allowed;opacity:.5}.fxcard .fx-power-track{position:relative;width:34px;height:18px;border-radius:999px;background:#ffffff29;box-shadow:inset 0 0 0 1px #ffffff1a;transition:background .15s ease}.fxcard .fx-power[aria-checked=true] .fx-power-track{background:var(--fx-accent)}.fxcard .fx-power-thumb{position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:#f4f7fa;transition:transform .15s ease}.fxcard .fx-power[aria-checked=true] .fx-power-thumb{transform:translate(16px)}.fxcard .fx-power-label{width:22px;text-align:left;font-family:var(--font-mono, monospace);font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--fx-ink-dim)}.fxcard .fx-power[aria-checked=true] .fx-power-label{color:color-mix(in srgb,var(--fx-accent) 55%,#eef3f7)}.fxcard .craft-card-description{color:var(--fx-ink-dim)}.fxcard .craft-card-description strong,.fxcard .craft-slider-label{color:var(--fx-ink)}.fxcard .craft-slider-hint{color:color-mix(in srgb,var(--fx-ink-dim) 80%,transparent)}.fxcard .craft-slider-value{color:var(--fx-ink)}.fxcard .craft-slider-badge{background:var(--fx-accent);color:var(--fx-panel-ink)}.fxcard .craft-slider{background:repeating-linear-gradient(90deg,rgba(0,0,0,.4) 0 1px,transparent 1px 5px),color-mix(in srgb,var(--fx-accent) 30%,rgba(255,255,255,.09))}.fxcard .craft-slider::-webkit-slider-thumb{background:var(--fx-accent)}.fxcard .craft-slider::-moz-range-thumb{background:var(--fx-accent)}.fxcard .craft-slider:hover::-webkit-slider-thumb{background:var(--fx-accent);filter:drop-shadow(0 0 6px color-mix(in srgb,var(--fx-accent) 80%,transparent))}.fxcard .btn-secondary{color:color-mix(in srgb,var(--fx-accent) 60%,#e3e9ee);background:#ffffff0a;box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--fx-accent) 55%,#33383f)}.fxcard .btn-secondary:hover:not(:disabled){color:var(--fx-panel-ink);background:var(--fx-accent)}.fxcard .btn-primary{color:var(--fx-panel-ink);background:var(--fx-accent);box-shadow:inset 0 0 0 1px #ffffff40}.fxcard .craft-sliders-subsection{border-top:1px dashed rgba(255,255,255,.14);background:#ffffff08}.fxcard .craft-sliders-subsection-title,.fxcard .craft-sliders-subsection-note,.fxcard .mfx-param-tally,.fxcard .mfx-param-unverified{color:var(--fx-ink-dim)}.fxcard .mfx-preset-btn{color:color-mix(in srgb,var(--fx-ink) 85%,transparent);background:#ffffff0d;border:1px solid rgba(255,255,255,.16)}.fxcard .mfx-preset-btn.active{color:var(--fx-panel-ink);background:var(--fx-accent);border-color:var(--fx-accent)}.fxcard .craft-card-error{color:#ff8f7e}.fxcard .fx-mode-toggle{display:flex;width:fit-content;margin:0 0 14px auto;border:1px solid rgba(255,255,255,.16);border-radius:6px;overflow:hidden}.fxcard .fx-mode-toggle button{padding:4px 14px;font-family:var(--font-mono, monospace);font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--fx-ink-dim);background:#ffffff0a;border:none;cursor:pointer;transition:background .12s ease,color .12s ease}.fxcard .fx-mode-toggle button+button{border-left:1px solid rgba(255,255,255,.16)}.fxcard .fx-mode-toggle button:hover{color:var(--fx-ink)}.fxcard .fx-mode-toggle button.active{color:var(--fx-panel-ink);background:var(--fx-accent)}.fxcard .fx-visual-panel{padding:2px 0 0}.fxcard .fx-visual-empty{margin:0;padding:30px 16px;font-size:12px;font-style:italic;text-align:center;color:var(--fx-ink-dim);border:1px dashed color-mix(in srgb,var(--fx-accent) 40%,rgba(255,255,255,.12));border-radius:6px}.fxcard--variation .fx-header-graphic{width:54px;height:26px;background:repeating-linear-gradient(115deg,var(--fx-accent) 0 4px,transparent 4px 11px);-webkit-mask-image:linear-gradient(90deg,transparent,#000 45%);mask-image:linear-gradient(90deg,transparent,#000 45%)}.fxcard--reverb .fx-header-graphic{width:30px;height:30px;border-radius:50%;background:radial-gradient(circle,var(--fx-accent) 0 2.5px,transparent 2.5px 6px,var(--fx-accent) 6px 8.5px,transparent 8.5px 12px,var(--fx-accent) 12px 14.5px,transparent 14.5px)}.fxcard--master-fx .fx-header-graphic{width:30px;height:28px;background:var(--fx-accent);clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%)}.fxcard--master-eq .fx-header-graphic{width:52px;height:28px;background-image:linear-gradient(var(--fx-accent),var(--fx-accent)),linear-gradient(var(--fx-accent),var(--fx-accent)),linear-gradient(var(--fx-accent),var(--fx-accent)),linear-gradient(var(--fx-accent),var(--fx-accent)),linear-gradient(var(--fx-accent),var(--fx-accent)),linear-gradient(var(--fx-accent),var(--fx-accent));background-repeat:no-repeat;background-size:5px 45%,5px 78%,5px 58%,5px 100%,5px 68%,5px 34%;background-position:0 100%,9px 100%,18px 100%,27px 100%,36px 100%,45px 100%}