:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#eef2f3;background:#101214;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:linear-gradient(#171a1d 0%,#101214 48%,#0b0d0f 100%);min-height:100vh;margin:0}button,select,input{font:inherit}button,select{min-height:32px}button{color:#eef2f3;cursor:pointer;background:#20262a;border:1px solid #3a4247;border-radius:6px}button:disabled{cursor:default;opacity:.62}select,.field input[type=text],.field input[type=number],.hydra-code{color:#eef2f3;background:#151a1d;border:1px solid #344047;border-radius:6px;width:100%;padding:0 28px 0 9px}.field input[type=text],.field input[type=number]{min-height:32px;padding-right:9px}.playground-shell{grid-template-rows:auto 1fr;min-height:100vh;display:grid}.status-bar{z-index:2;background:#111619;border-bottom:1px solid #293136;flex-wrap:wrap;align-items:end;gap:8px;min-height:82px;padding:10px 12px;display:flex;position:sticky;top:0;box-shadow:0 10px 30px #0000003d}.primary-action{color:#06110e;background:#7dd3bd;border-color:#7dd3bd;width:74px;height:48px;font-weight:800}.primary-action[aria-pressed=true]{color:#130a04;background:#d98c53;border-color:#d98c53}.secondary-action{min-width:86px;padding:0 14px}.audio-io-action,.sample-manager-action{height:32px}.preset-action{min-width:62px}.preset-morph-action[aria-pressed=true]{color:#1b1202;background:#f3cf65;border-color:#f3cf65}.icon-action{width:30px;min-height:30px;padding:0;font-weight:900}.preset-stepper{align-items:end;gap:4px;display:flex}.preset-step{color:#b9c4c9;width:32px;height:32px;min-height:32px;line-height:1}.field,.master-field{gap:5px;display:grid}.field{width:116px}.field-wide{width:170px}.field-experiment{width:214px}.field-preset{width:252px}.field-mini{width:64px}.master-field{width:116px}.field span,.master-field span,.meter-stack span{color:#95a3aa;text-transform:uppercase;font-size:.68rem;font-weight:800;line-height:1}.field-mini select{padding-right:18px}.preset-strip{flex-wrap:wrap;flex:100%;align-items:end;gap:8px;display:flex}.master-field input{accent-color:#7dd3bd;width:112px}.metric{color:#d8dedf;text-overflow:ellipsis;white-space:nowrap;background:#151a1d;border:1px solid #29343a;border-radius:6px;justify-content:center;align-items:center;width:154px;min-height:32px;font-size:.78rem;font-weight:800;display:flex;overflow:hidden}.meter-stack{grid-template-columns:auto 80px auto 80px;align-items:center;gap:5px;width:206px;display:grid}canvas{display:block}.meter-stack canvas,.tool-canvas{background:#080b0d;border:1px solid #29343a;border-radius:5px}.hydra-panel{z-index:8;background:#0e1212f5;border:1px solid #3a443d;border-radius:8px;grid-template-rows:auto auto minmax(180px,1fr) auto;gap:10px;width:min(760px,100vw - 36px);max-height:calc(100vh - 36px);padding:12px;display:grid;position:fixed;bottom:18px;right:18px;box-shadow:0 20px 70px #0000007a}.hydra-panel[hidden]{display:none}.hydra-panel-heading{justify-content:space-between;align-items:start;gap:12px;display:flex}.hydra-panel-heading h2,.hydra-panel-heading p{margin:0}.hydra-panel-heading h2{color:#d8dfaa;letter-spacing:.08em;text-transform:uppercase;font-size:.95rem;line-height:1.1}.hydra-panel-heading p{color:#95a3aa;margin-top:5px;font-size:.78rem}.hydra-preview{aspect-ratio:18/11;background:#000;border:1px solid #29343a;border-radius:6px;width:100%;height:auto}.hydra-code{resize:vertical;min-height:180px;padding:10px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:.78rem;line-height:1.45}.hydra-actions{flex-wrap:wrap;justify-content:end;align-items:end;gap:8px;display:flex}.hydra-buffer-field{width:150px}.hydra-gain-field{width:170px}.hydra-gain-field input{width:100%}.hydra-resolution-status{color:#b9c4c9;background:#151a1d;border:1px solid #29343a;border-radius:6px;justify-content:center;align-items:center;min-width:124px;min-height:32px;font-size:.74rem;font-weight:800;display:flex}.hydra-gain-value{color:#b9c4c9;background:#151a1d;border:1px solid #29343a;border-radius:6px;justify-content:center;align-items:center;min-width:58px;min-height:32px;font-size:.74rem;font-weight:800;display:flex}.status-text{color:#b9c4c9;flex:320px;min-width:0;margin:0;font-size:.78rem;line-height:1.28}.preset-dialog{color:#eef2f3;background:#111619;border:1px solid #344047;border-radius:8px;width:min(440px,100vw - 28px);box-shadow:0 24px 80px #0000007a}.preset-dialog::backdrop{background:#030506ad}.preset-dialog-panel{gap:14px;margin:0;display:grid}.dialog-heading,.dialog-actions{justify-content:space-between;align-items:center;gap:10px;display:flex}.dialog-heading h2{color:#d8dfad;text-transform:uppercase;letter-spacing:.06em;margin:0;font-size:1rem;line-height:1}.dialog-field,.dialog-action{width:100%}.audio-io-dialog{width:min(520px,100vw - 28px)}.sample-dialog{width:min(680px,100vw - 28px)}.morph-dialog{width:min(720px,100vw - 28px)}.morph-time-row,.morph-add-row{grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;gap:10px;display:grid}.morph-add-row{grid-template-columns:minmax(0,1fr) auto}.morph-preset-list{gap:6px;max-height:min(360px,42vh);padding-right:3px;display:grid;overflow:auto}.morph-preset-row{background:#151a1d;border:1px solid #29343a;border-radius:6px;grid-template-columns:34px minmax(0,1fr) repeat(3,30px);align-items:center;gap:6px;min-width:0;padding:8px;display:grid}.morph-preset-row.is-active{border-color:#7dd3bd}.morph-preset-index{color:#9bd8c6;font-size:.76rem;font-weight:900}.morph-preset-name{color:#eef2f3;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.82rem;font-weight:800;overflow:hidden}.morph-status{color:#b9c4c9;margin:0;font-size:.78rem;line-height:1.25}.sample-drop-zone{background:#0d1214;border:1px dashed #53636b;border-radius:7px;place-items:center;gap:10px;min-height:124px;padding:18px;display:grid}.sample-drop-zone.is-dragging{background:#111d1a;border-color:#7dd3bd}.sample-drop-zone p{color:#d8dfad;letter-spacing:.04em;text-transform:uppercase;margin:0;font-size:.92rem;font-weight:850}.sample-drop-zone input{color:#b9c4c9;width:100%;max-width:360px}.sample-dialog-tools{flex-wrap:wrap;gap:8px;display:flex}.sample-list{gap:6px;max-height:min(360px,42vh);padding-right:3px;display:grid;overflow:auto}.sample-slot-row{background:#151a1d;border:1px solid #29343a;border-radius:6px;grid-template-columns:56px minmax(0,1fr) 86px 76px;align-items:center;gap:8px;min-width:0;padding:8px;display:grid}.sample-slot-index{color:#9bd8c6;font-size:.76rem;font-weight:900}.sample-slot-name{color:#eef2f3;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.82rem;font-weight:800;overflow:hidden}.sample-slot-meta{color:#95a3aa;text-align:right;font-size:.72rem}.sample-slot-delete{min-width:0;height:28px;min-height:28px;padding:0 9px;font-size:.72rem}.sample-status{color:#b9c4c9;flex:260px;min-width:0;margin:0;font-size:.78rem;line-height:1.25}.audio-channel-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.experiment-panel{min-height:0;padding:26px 30px 34px}.panel-heading{justify-content:space-between;align-items:start;gap:24px;margin-bottom:24px;display:flex}.panel-actions{align-items:center;gap:8px;display:flex}.parameter-record-action{border-color:#58666d}.parameter-record-action.is-armed,.parameter-record-action[aria-pressed=true]{color:#1b1202;background:#f3cf65;border-color:#f3cf65}.parameter-record-action.is-recording{color:#180604;background:#e4695b;border-color:#e4695b}h1{margin:0;font-size:2.2rem;font-weight:820;line-height:1.05}.panel-heading p{color:#aab6bc;max-width:760px;margin:8px 0 0;font-size:.98rem;line-height:1.45}.parameter-grid{grid-template-columns:repeat(auto-fill,minmax(156px,1fr));gap:18px;display:grid}.parameter-control{background:#171d20;border:1px solid #29343a;border-radius:8px;grid-template-rows:auto 106px auto;place-items:center;gap:10px;min-height:178px;padding:16px 14px 14px;display:grid}.parameter-control.is-automated{border-color:#79845d;box-shadow:inset 0 -3px #d8dfad61}.parameter-control.is-recording{border-color:#e4695b;box-shadow:inset 0 -3px #e4695b94}.parameter-control label{color:#f2f5f5;text-align:center;font-size:.88rem;font-weight:820;line-height:1.1}.parameter-widget{width:96px;height:96px}.parameter-value{color:#9bd8c6;min-height:20px;font-size:.82rem;font-weight:800;line-height:1.2}