.cook-workspace{--theme-background:#fffefd;--theme-foreground:#293443;--theme-card:#ffffffb8;--theme-card-foreground:#293443;--theme-secondary:#f1f3f7;--theme-secondary-foreground:#293443;--theme-muted:#edf0f4;--theme-muted-foreground:#737d8c;--theme-accent:#e7edf7;--theme-accent-foreground:#293443;--theme-primary:#60768d;--theme-border:#dfe4eb;--theme-ring:#8d8abf;--theme-destructive:#b33e51;--color-background:var(--theme-background);--color-foreground:var(--theme-foreground);--color-card:var(--theme-card);--color-card-foreground:var(--theme-card-foreground);--color-secondary:var(--theme-secondary);--color-muted-foreground:var(--theme-muted-foreground);--color-accent:var(--theme-accent);--color-primary:var(--theme-primary);--color-border:var(--theme-border);--color-ring:var(--theme-ring);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;min-height:100svh;color:var(--theme-foreground);background:radial-gradient(at 7% 25%,#dceffa9c 0,#0000 30%),radial-gradient(at 91% 20%,#eee4fca6 0,#0000 32%),radial-gradient(at 25% 67%,#ffeddd7a 0,#0000 27%),linear-gradient(155deg,#f7f7fc,#fcfbf8 58%,#f2f7f4);padding:25px 36px 16px;overflow-x:clip}.cook-workspace *,.cook-workspace :before,.cook-workspace :after{box-sizing:border-box}.cook-workspace button,.cook-workspace summary{-webkit-tap-highlight-color:transparent}.cook-workspace button:not(:disabled),.cook-workspace summary{cursor:pointer}.cook-workspace button:disabled{cursor:not-allowed}.cook-workspace button:focus-visible,.cook-workspace summary:focus-visible,.cook-workspace input:focus-visible,.cook-workspace select:focus-visible{outline-offset:4px;outline:2px solid #6863a4}.cook-workspace fieldset{min-width:0}.cook-workspace-inner{width:100%;max-width:1440px;margin:0 auto}.cook-header{border-bottom:1px solid #dce1e8b8;justify-content:space-between;align-items:center;gap:20px;padding-bottom:21px;display:flex}.cook-brand{align-items:center;gap:13px;display:flex}.cook-brand-mark{color:#635371;background:radial-gradient(circle at 32% 20%,#fff,#e1d9eb 55%,#c3b6ce);border:1px solid #fff;border-radius:50%;place-items:center;width:47px;height:47px;padding-bottom:6px;font:italic 700 37px Georgia,serif;display:grid;box-shadow:inset 0 2px 4px #fff,inset 0 -5px 7px #b3a0bb40,0 7px 15px #6c53871a}.cook-brand p{letter-spacing:.23em;color:#7d7b8d;margin:0 0 2px;font-size:8px;font-weight:700}.cook-brand h1{letter-spacing:-.055em;margin:0;font-size:27px;font-weight:650;line-height:1.2}.cook-brand h1 span{letter-spacing:.04em;color:#80808e;margin-left:15px;font-size:11px;font-weight:400}.cook-transport{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.cook-transport-position{color:#8a8b99;font-variant-numeric:tabular-nums;margin-right:9px;font-size:10px}.cook-transport-button{background:#ffffff85;border:1px solid #fff;border-radius:12px;justify-content:center;align-items:center;gap:6px;min-height:35px;padding:7px 11px;font-size:11px;font-weight:500;transition:background .2s,transform .2s;display:inline-flex;box-shadow:0 3px 8px #3e3d5910}.cook-transport-button:hover:not(:disabled){background:#fff;transform:translateY(-1px)}.cook-transport-button:disabled{opacity:.4}.cook-record-button{background:#eef1eec9}.cook-alert,.cook-recording{border-radius:15px;margin-top:16px;padding:13px 16px;font-size:13px}.cook-alert{color:#8d3446;overflow-wrap:anywhere;background:#fff1f1;border:1px solid #e4b6b6;justify-content:space-between;align-items:start;gap:16px;display:flex}.cook-alert button{flex-shrink:0;padding:0 6px;font-size:19px}.cook-recording{background:#fff3d8;border:1px solid #efdbb4}.cook-scene{padding:20px 0 0}.cook-scene-toolbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:17px;display:flex}.cook-scene-toolbar p{color:#626b7d;font-size:12px}.cook-scene-toolbar p span{color:#9295a2;margin-left:6px}.cook-search{color:#949baa;background:#ffffff7a;border:1px solid #ffffffd9;border-radius:30px;align-items:center;gap:8px;width:206px;min-width:0;padding:8px 12px;display:flex}.cook-search input{color:#4d586c;background:0 0;outline:none;width:100%;min-width:0;font-size:11px}.cook-search button{flex-shrink:0;place-items:center;display:grid}.cook-region{min-width:0}.cook-region-drums{grid-area:drums}.cook-region-bass{grid-area:bass}.cook-region-lead{grid-area:lead;padding-top:22px}.cook-region-chords{grid-area:chords}.cook-region-heading{color:#4e586b;align-items:center;gap:7px;margin:0 0 15px;font-size:13px;font-weight:600;display:flex}.cook-region-heading>span:last-child{letter-spacing:.15em;color:#969ba7;margin-left:4px;font-size:8px;font-weight:500}.cook-region-dot{background:#94cddc;border-radius:50%;flex-shrink:0;width:6px;height:6px;display:block;box-shadow:0 0 0 3px #b5e0ed26}.cook-region-bass .cook-region-dot{background:#daa772;box-shadow:0 0 0 3px #e9b28220}.cook-region-lead .cook-region-dot{background:#bca4de;box-shadow:0 0 0 3px #bca4de26}.cook-region-chords .cook-region-dot{background:#dda5c2;box-shadow:0 0 0 3px #dda5c226}.cook-region-macros .cook-region-dot,.cook-region-macro .cook-region-dot{background:#8cbfb0;box-shadow:0 0 0 3px #8cbfb026}.cook-region-groove .cook-region-dot{background:#74bfb9;box-shadow:0 0 0 3px #74bfb926}.cook-region-harmony .cook-region-dot{background:#d69bb8;box-shadow:0 0 0 3px #d69bb826}.cook-region-behavior .cook-region-dot{background:#a5adcf;box-shadow:0 0 0 3px #a5adcf26}.cook-region-speed .cook-region-dot{background:#c9af78;box-shadow:0 0 0 3px #c9af7826}.cook-region-style .cook-region-dot{background:#adbb76;box-shadow:0 0 0 3px #adbb7626}.cook-region-logic .cook-region-dot{background:#9ca8d6;box-shadow:0 0 0 3px #9ca8d626}.cook-bubble-cloud{flex-wrap:wrap;align-items:center;gap:12px 9px;padding:2px 3px 8px;display:flex}.cook-tone-drums{--bubble-tint:#a7dff3;--bubble-mid:#d3eefa;--bubble-edge:#9ac4d8;--bubble-ink:#355770;--bubble-shadow:#7ea8c529}.cook-tone-bass{--bubble-tint:#f8c690;--bubble-mid:#fce4c9;--bubble-edge:#d9b18a;--bubble-ink:#80573a;--bubble-shadow:#c5915729}.cook-tone-lead{--bubble-tint:#d1b6f4;--bubble-mid:#e5d7f7;--bubble-edge:#bda8cf;--bubble-ink:#634d7e;--bubble-shadow:#a487bf29}.cook-tone-chords{--bubble-tint:#efbdd9;--bubble-mid:#f7ddea;--bubble-edge:#d1a6bc;--bubble-ink:#7e5268;--bubble-shadow:#be89a729}.cook-tone-macro{--bubble-tint:#afdccc;--bubble-mid:#dcf2e8;--bubble-edge:#a6caba;--bubble-ink:#42685c;--bubble-shadow:#71a58f29}.cook-tone-groove{--bubble-tint:#a6dcd7;--bubble-mid:#d8f0ed;--bubble-edge:#94c8c1;--bubble-ink:#3c6863;--bubble-shadow:#71a59f29}.cook-tone-harmony{--bubble-tint:#ecc2d6;--bubble-mid:#f7e0eb;--bubble-edge:#cfa9bd;--bubble-ink:#7c566b;--bubble-shadow:#be89a729}.cook-tone-behavior{--bubble-tint:#c8cee8;--bubble-mid:#e6e9f6;--bubble-edge:#aeb7d2;--bubble-ink:#58617f;--bubble-shadow:#8f9ebd29}.cook-tone-speed{--bubble-tint:#eddaad;--bubble-mid:#f8efd5;--bubble-edge:#cebc92;--bubble-ink:#796641;--bubble-shadow:#b8a46d29}.cook-tone-style{--bubble-tint:#d4dfad;--bubble-mid:#eaf0cf;--bubble-edge:#b8c58f;--bubble-ink:#657047;--bubble-shadow:#a1ac7729}.cook-tone-logic{--bubble-tint:#c8d4ef;--bubble-mid:#e3eafa;--bubble-edge:#b2bed7;--bubble-ink:#586381;--bubble-shadow:#8f9ebd29}.cook-bubble{width:94px;min-height:57px;color:var(--bubble-ink);background:radial-gradient(ellipse at 35% 16%,#ffffffd6,transparent 47%),linear-gradient(155deg,var(--bubble-mid),var(--bubble-tint)62%,var(--bubble-mid));box-shadow:inset 0 2px 2px #ffffffed,inset 0 -5px 7px var(--bubble-shadow),inset 0 -1px 2px var(--bubble-edge),0 7px 12px var(--bubble-shadow),0 2px 3px #5757690b;text-align:center;border:1px solid #ffffffcf;border-radius:48% 52% 49% 51%/49% 48% 52% 51%;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;padding:12px 10px;transition:transform .2s,filter .2s,box-shadow .2s;display:flex;position:relative}.cook-bubble:nth-child(3n+1){border-radius:46% 54% 49% 51%/52% 49% 51% 48%}.cook-bubble:nth-child(3n+2){transform:rotate(-3deg)}.cook-bubble:nth-child(4n){transform:rotate(3deg)}.cook-bubble:hover:not(:disabled){z-index:2;filter:saturate(1.08);box-shadow:inset 0 3px 3px #fff,inset 0 -5px 8px var(--bubble-shadow),inset 0 -1px 2px var(--bubble-edge),0 12px 18px var(--bubble-shadow);transform:translateY(-4px)scale(1.055)}.cook-bubble:active:not(:disabled){transform:scale(.97)}.cook-bubble-label{overflow-wrap:anywhere;max-width:100%;font-size:10px;font-weight:650;line-height:1.28}.cook-bubble-meta{letter-spacing:.045em;opacity:.68;margin-top:4px;font-size:7px;line-height:1.2}.cook-bubble.is-selected{outline:1px solid var(--bubble-edge);outline-offset:3px;filter:saturate(1.16)}.cook-bubble-check{background:var(--bubble-mid);border:1px solid #ffffffd9;border-radius:50%;justify-content:center;align-items:center;gap:1px;min-width:18px;height:18px;padding:2px;font-size:8px;display:flex;position:absolute;top:-2px;right:4px;box-shadow:0 2px 5px #55607015}.cook-empty-region{color:#9295a1;padding:15px 0;font-size:11px}.cook-pot{isolation:isolate;aspect-ratio:1;background:radial-gradient(circle at 43% 32%,#ffffffe6,#fdfdfb5c 54%,#e4deef52 76%,#ffffffb3 83%,#d1c8de63 93%);border:1px solid #ffffffe6;border-radius:50%;width:100%;max-width:484px;margin:0 auto;position:relative;box-shadow:inset 0 4px 6px #ffffffd9,inset 0 -8px 16px #9b90ac17,0 28px 46px -22px #b0a1bc40,0 3px 8px #b2a6bc12}.cook-pot:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(circle,#fffcdf5e,#f7eeff45 46%,#0000 69%);border-radius:50%;position:absolute;inset:-15%}.cook-pot:after{content:"";z-index:-1;pointer-events:none;background:#ffffff24;border:1px solid #d7d0db38;border-radius:50%;position:absolute;inset:10%;box-shadow:inset 0 2px 10px #c6bac625,0 1px 2px #fff}.cook-pot-rim{pointer-events:none;border:1px solid #ffffffb3;border-radius:50%;position:absolute;inset:4%;box-shadow:inset 0 -2px 4px #c4b8cc2b,0 1px 1px #fff}.cook-pot-caption{color:#9c92a3;justify-content:center;gap:8px;font-size:8px;line-height:1;display:flex;position:absolute;top:5.5%;left:20%;right:20%}.cook-pot-caption span:first-child{text-overflow:ellipsis;white-space:nowrap;max-width:45%;overflow:hidden}.cook-pot-caption span:last-child{flex-shrink:0}.cook-pot-ingredients{pointer-events:none;position:absolute;inset:0;overflow:visible}.cook-selected-bubble{left:var(--seat-x);top:var(--seat-y);pointer-events:auto;z-index:3;width:clamp(76px,23%,106px);position:absolute;transform:translate(-50%,-50%)}.cook-in-pot{width:100%;min-height:60px;padding:12px 9px;transform:none}.cook-selected-bubble.is-focused .cook-in-pot{outline:1px solid var(--bubble-ink);outline-offset:3px}.cook-selected-bubble.is-muted{opacity:.5}.cook-bubble-remove,.cook-macro-settings{z-index:3;width:24px;height:24px;color:var(--bubble-ink);box-shadow:0 2px 6px var(--bubble-shadow);background:#ffffffe0;border:1px solid #ffffffc9;border-radius:50%;place-items:center;display:grid;position:absolute}.cook-bubble-remove{top:-5px;right:-3px}.cook-bubble-remove:hover,.cook-macro-settings:hover{background:#fff}.cook-pot-action{flex-direction:column;align-items:center;margin-top:14px;display:flex}.cook-main-button{color:#675870;letter-spacing:-.025em;background:radial-gradient(at 40% 8%,#fff,#fffd 40%,#e9e3f0cc);border:1px solid #ffffffeb;border-radius:999px;justify-content:center;align-items:center;gap:10px;min-width:135px;min-height:65px;padding:17px 23px;font-size:21px;font-weight:600;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:inset 0 3px 3px #fff,inset 0 -3px 4px #c1b3cc24,0 10px 22px #74638126}.cook-main-button:hover:not(:disabled){transform:translateY(-3px);box-shadow:inset 0 3px 3px #fff,0 14px 26px #74638136}.cook-main-button:disabled{opacity:.58}.is-cooking .cook-main-button:disabled{opacity:1}.cook-pot-action-note{color:#a296a8;white-space:nowrap;margin-top:12px;font-size:9px}.cook-pot-empty{color:#a49aaa;pointer-events:none;font-size:13px;line-height:1.8;position:absolute;inset:43% 20% auto}.cook-status{color:#9293a0;overflow-wrap:anywhere;max-width:390px;min-height:17px;margin:22px auto 0;font-size:10px;line-height:1.7}.cook-status.is-pending{color:#a08155}.cook-instruction{width:80%;margin:12px auto 0;display:block}.cook-instruction input{color:#666378;text-align:center;background:#ffffff78;border:1px solid #ffffffb8;border-radius:22px;outline:none;width:100%;min-width:0;padding:10px 12px;font-size:10px}.cook-instruction input::placeholder{color:#aaa5b1}.is-cooking .cook-pot-rim{animation:2s ease-in-out infinite cook-simmer}.is-playing .cook-pot-rim{box-shadow:0 0 22px #a7d9c726,inset 0 -2px 4px #c4b8cc2b}@keyframes cook-simmer{0%,to{box-shadow:0 0 22px #e5bdc733}50%{box-shadow:0 0 40px #c1d6c977}}.cook-lower-regions{border-top:1px solid #dce1e880;margin-top:34px;padding:24px 0 0}.cook-macro-region{min-width:0}.cook-region-title-row{align-items:baseline;gap:16px;display:flex}.cook-region-title-row p{color:#979eaa;font-size:9px}.cook-macro-cloud{gap:14px 12px}.cook-macro-bubble-wrap{position:relative}.cook-macro-bubble-wrap .cook-bubble{width:95px;min-height:62px}.cook-macro-settings{bottom:-2px;right:-5px}.cook-style-logic{margin-top:28px}.cook-style-logic .cook-bubble{width:89px;min-height:56px}.cook-logic-target{color:#8c94a4;justify-content:space-between;align-items:center;gap:12px;margin:-5px 0 12px;font-size:10px;display:flex}.cook-logic-target strong{color:#69738a;font-weight:600}.cook-logic-target button{background:#ffffffb3;border-radius:10px;align-items:center;gap:5px;padding:5px 8px;display:flex}.cook-logic-cloud .cook-bubble:disabled{filter:saturate(.55);opacity:.55}.cook-project-panel{background:#ffffff70;border:1px solid #fff;border-radius:17px;margin-top:18px;box-shadow:0 4px 13px #5c678207}.cook-project-panel>summary{color:#7c8391;justify-content:space-between;align-items:center;gap:14px;padding:16px 18px;font-size:11px;list-style:none;display:flex}.cook-project-panel>summary::-webkit-details-marker{display:none}.cook-project-panel>summary>span{align-items:center;gap:9px;display:flex}.cook-project-summary{color:#9ca2ac;font-size:10px}.cook-project-panel[open]>summary .cook-project-summary svg{transform:rotate(180deg)}.cook-project-content{gap:15px;padding:0 16px 16px;display:grid}.cook-project-content>section{min-width:0}.cook-hook-panel{border:1px solid var(--theme-border);background:#ffffffa6;border-radius:12px;padding:16px}.cook-footer{color:#a0a5ad;justify-content:space-between;align-items:center;gap:15px;padding:20px 2px 0;font-size:9px;display:flex}.cook-footer button{text-underline-offset:3px;padding:5px 0;text-decoration:underline}.cook-footer button:disabled{opacity:.4}.cook-inspector{color:#3b4454;background:#fcfcff;border:1px solid #fff;border-radius:25px;width:min(570px,100vw - 28px);max-height:min(85svh,800px);margin:auto;padding:0;overflow:auto;box-shadow:0 25px 90px #27304733}.cook-inspector::backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#30364840}.cook-inspector-body{padding:24px}.cook-inspector-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.cook-eyebrow{letter-spacing:.18em;color:#a19caf;font-size:8px}.cook-inspector-header h2{letter-spacing:-.03em;margin-top:4px;font-size:22px;font-weight:600}.cook-icon-button{color:#81889b;background:#fff;border:1px solid #e2e5ee;border-radius:50%;flex-shrink:0;place-items:center;width:34px;height:34px;display:grid}.cook-gene-inspector>article{background:0 0;border:0;padding:0}.cook-gene-inspector-note{color:#9294a1;margin:13px 0 15px;font-size:11px;line-height:1.8}.cook-gene-logic{background:#f1f5fc;border:1px solid #e0e6f0;border-radius:13px;margin-top:10px;padding:12px}.cook-gene-logic>summary{font-size:12px;font-weight:600}@media (min-width:1300px){.cook-bubble-cloud{gap:14px 11px}.cook-region-drums .cook-bubble{width:96px}.cook-region-lead .cook-bubble,.cook-region-chords .cook-bubble{width:111px;min-height:72px}.cook-region-lead .cook-bubble-cloud,.cook-region-chords .cook-bubble-cloud{gap:23px 15px}.cook-project-content{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr)}}@media (max-width:1090px){.cook-workspace{padding:23px 24px 16px}.cook-region-drums .cook-bubble{width:77px;min-height:54px;padding:10px 7px}.cook-region-drums .cook-bubble-cloud{gap:9px 8px}.cook-region-bass .cook-bubble,.cook-region-chords .cook-bubble,.cook-region-lead .cook-bubble{width:82px}.cook-transport-position,.cook-brand h1 span{display:none}.cook-pot-caption{font-size:7px}.cook-style-logic{gap:25px}}@media (max-width:950px){.cook-workspace{padding:20px 20px 15px}.cook-header{align-items:start;padding-bottom:17px}.cook-transport{justify-content:flex-end;max-width:270px}.cook-scene-toolbar{align-items:start;margin-bottom:0}.cook-scene-toolbar p{max-width:210px;font-size:11px;line-height:1.7}.cook-scene-toolbar p span{margin-left:0;display:block}.cook-search{width:170px}.cook-pot{width:min(100%,410px)}.cook-pot-status{margin-top:12px}.cook-instruction{max-width:330px}.cook-region-lead{padding-top:0}.cook-region-drums .cook-bubble,.cook-region-bass .cook-bubble,.cook-region-chords .cook-bubble,.cook-region-lead .cook-bubble{width:87px;min-height:59px}.cook-region-drums .cook-bubble-cloud{gap:12px 9px}.cook-style-logic{grid-template-columns:1fr;gap:22px}.cook-lower-regions{margin-top:26px}}@media (max-width:480px){.cook-workspace{padding:18px 16px 14px}.cook-header{flex-wrap:wrap;gap:17px}.cook-brand-mark{width:41px;height:41px;font-size:32px}.cook-brand h1{font-size:25px}.cook-brand h1 span{margin-left:16px;font-size:10px;display:inline}.cook-transport{justify-content:flex-start;gap:6px;width:100%;max-width:none}.cook-transport-button{min-height:38px;padding:8px 11px;font-size:10px}.cook-record-button{margin-left:auto}.cook-scene{padding-top:17px}.cook-scene-toolbar{gap:10px}.cook-scene-toolbar p{font-size:10px}.cook-search{width:135px;padding:8px 9px}.cook-search input{font-size:10px}.cook-pot-caption{font-size:7px}.cook-selected-bubble{width:25%}.cook-in-pot{min-height:53px;padding:10px 6px}.cook-in-pot .cook-bubble-label{font-size:9px}.cook-in-pot .cook-bubble-meta{margin-top:3px;font-size:6px}.cook-main-button{gap:7px;min-width:115px;min-height:58px;padding:13px 19px;font-size:19px}.cook-main-button svg{width:16px}.cook-pot-action-note{margin-top:9px;font-size:8px}.cook-pot-empty{margin-bottom:16px;font-size:12px}.cook-status{margin-top:15px;font-size:9px}.cook-instruction{width:88%;margin-top:8px}.cook-instruction input{font-size:11px}.cook-region-heading{gap:6px;margin-bottom:12px;font-size:12px}.cook-region-heading>span:last-child{letter-spacing:.09em;margin-left:0;font-size:7px}.cook-bubble-cloud{gap:11px 7px;padding-left:0;padding-right:0}.cook-region-drums .cook-bubble,.cook-region-bass .cook-bubble,.cook-region-chords .cook-bubble,.cook-region-lead .cook-bubble{width:calc(50% - 4.5px);min-height:57px;padding:10px 6px}.cook-region-drums .cook-bubble-cloud{gap:11px 7px}.cook-bubble-label{font-size:9px}.cook-region-title-row{display:block}.cook-region-title-row p{margin:-5px 0 14px}.cook-macro-cloud{gap:15px 12px}.cook-macro-bubble-wrap{width:calc(25% - 9px)}.cook-macro-bubble-wrap .cook-bubble{width:100%;min-height:59px;padding:10px 6px}.cook-macro-settings{width:25px;height:25px;bottom:-5px;right:-5px}.cook-style-logic{margin-top:27px}.cook-style-logic .cook-bubble{width:calc(25% - 6px);min-height:56px;padding:10px 5px}.cook-region-style .cook-bubble{width:calc(25% - 6px)}.cook-logic-target{font-size:9px}.cook-more-genes .cook-bubble{width:calc(33.3333% - 6.66667px)}.cook-project-panel>summary{padding:14px 13px;font-size:10px}.cook-project-summary{max-width:45%;font-size:8px}.cook-project-content{padding:0 9px 10px}.cook-project-content>section{padding:12px}.cook-footer{align-items:flex-start;font-size:8px}.cook-footer>span{max-width:66%;line-height:1.8}.cook-inspector{border-radius:21px}.cook-inspector-body{padding:20px 16px}.cook-inspector-header h2{font-size:20px}}@media (prefers-reduced-motion:reduce){.cook-workspace *,.cook-workspace :before,.cook-workspace :after{transition:none!important;animation:none!important}}.cook-voice-panel{color:#50493e;background:#fffdf8;border:1px solid #dfd8cc;border-radius:16px;max-width:100%;margin:0 0 16px;padding:12px 16px}.cook-voice-row{align-items:center;gap:10px;display:flex}.cook-voice-mic{touch-action:none;-webkit-user-select:none;user-select:none;background:#f4f0e7;border:1px solid #d8d0c3;border-radius:12px;align-items:center;gap:8px;padding:10px 12px;display:flex}.cook-voice-mic kbd{font-size:12px;font-weight:700}.cook-voice-mic.is-listening{color:#8f4321;background:#eed9cc;border-color:#b66b42}.cook-voice-panel button:disabled{opacity:.45;cursor:default}.cook-voice-form{flex:1;gap:8px;min-width:0;display:flex}.cook-voice-form input{background:0 0;outline:none;width:100%;min-width:0;padding:8px 4px;font-size:13px}.cook-voice-form input:focus{box-shadow:0 2px #bba98d}.cook-voice-feedback{color:#8b8173;padding-top:7px;font-size:11px;line-height:1.7}.cook-voice-feedback [role=alert]{color:#a03624}.cook-voice-result{color:#4b6650;font-size:12px}.cook-voice-result button{align-items:center;gap:4px;margin-left:12px;text-decoration:underline;display:inline-flex}.cook-voice-help{color:#8b8173;font-size:11px;line-height:1.8}.cook-voice-help summary{cursor:pointer;width:fit-content}.cook-voice-help p{max-width:850px;margin-top:6px}.cook-voice-local{color:#786443;margin-left:12px;text-decoration:underline}.cook-voice-reset{color:#50493e;background:#fffdf8;border:1px solid #dfd8cc;border-radius:20px;max-width:480px;margin:auto;padding:24px;box-shadow:0 20px 80px #0003}.cook-voice-reset::backdrop{background:#241c144d}.cook-voice-reset h2{font-size:18px;font-weight:600}.cook-voice-reset p{margin-top:14px;font-size:13px;line-height:1.9}.cook-voice-reset>div{justify-content:flex-end;gap:12px;margin-top:24px;display:flex}.cook-voice-reset button{border:1px solid #d8d0c3;border-radius:10px;padding:8px 12px;font-size:12px}.cook-voice-reset button:last-child{color:#fff;background:#a43125;border-color:#a43125}.cook-constellation{width:min(100%,1080px);height:830px;margin:0 auto;position:relative}.cook-pot-area{text-align:center;width:clamp(400px,38vw,500px);min-width:0;position:absolute;top:96px;left:50%;transform:translate(-50%)}.cook-pot{width:100%;max-width:none}.cook-pot-caption{pointer-events:none}.cook-pot-help{color:#9a92a2;margin-top:12px;font-size:9px}.cook-status{margin-top:9px}.cook-pot-action-note{margin-top:8px}.cook-main-button{min-height:58px;padding:13px 23px}.cook-selected-bubble{width:clamp(78px,21%,104px)}.cook-selected-bubble.is-focused,.cook-selected-bubble:focus-within{z-index:7}.cook-selected-bubble.is-dragging{z-index:9}.cook-in-pot{touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab!important}.cook-in-pot:disabled{cursor:not-allowed!important}.cook-selected-bubble.is-dragging .cook-in-pot{transition:none;transform:scale(1.045);cursor:grabbing!important}.cook-in-pot:hover:not(:disabled){transform:scale(1.045)}.cook-pot.is-full .cook-selected-bubble{width:clamp(68px,17%,84px)}.cook-pot.is-full .cook-in-pot{min-height:51px;padding:10px 7px}.cook-pot.is-full .cook-bubble-label{font-size:9px}.cook-pot.is-full .cook-bubble-meta{font-size:6px}.cook-pot.is-dense .cook-selected-bubble{pointer-events:none;width:clamp(32px,8.5%,43px)}.cook-pot.is-dense .cook-in-pot{pointer-events:auto;aspect-ratio:1;border-radius:50%;min-height:0;padding:4px 3px}.cook-pot.is-dense .cook-bubble-label{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:7px;line-height:1.12;display:-webkit-box;overflow:hidden}.cook-pot.is-dense .cook-bubble-meta{display:none}.cook-pot.is-dense .cook-bubble-remove{opacity:0;pointer-events:none;width:14px;height:14px;top:0;right:0}.cook-pot.is-dense .cook-bubble-remove svg{width:9px;height:9px}.cook-pot.is-dense .cook-selected-bubble:hover .cook-bubble-remove,.cook-pot.is-dense .cook-selected-bubble:focus-within .cook-bubble-remove{opacity:1;pointer-events:auto}.cook-category-plate{z-index:1;width:158px;height:152px;color:var(--bubble-ink);background:radial-gradient(ellipse at 35% 12%,#ffffffdf,#ffffff54 54%),linear-gradient(155deg,var(--bubble-mid),var(--bubble-tint));box-shadow:inset 0 3px 3px #fff,inset 0 -5px 8px var(--bubble-shadow),0 10px 25px var(--bubble-shadow);border:1px solid #ffffffed;border-radius:47% 53% 49% 51%/48% 48% 52% 52%;flex-direction:column;justify-content:center;align-items:center;transition:box-shadow .2s,filter .2s,opacity .2s;display:flex;position:absolute;transform:translate(-50%,-50%)}.cook-category-plate:hover{filter:saturate(1.16);box-shadow:inset 0 3px 3px #fff,0 13px 30px var(--bubble-shadow)}.cook-category-plate.is-dimmed{opacity:.4}.cook-category-plate.is-match{outline:2px solid var(--bubble-edge);outline-offset:5px}.cook-plate-drums{top:95px;left:27%}.cook-plate-bass{top:298px;left:12%}.cook-plate-lead{top:95px;left:73%}.cook-plate-chords{top:298px;left:88%}.cook-plate-groove{top:518px;left:14%}.cook-plate-harmony{top:518px;left:86%}.cook-plate-speed{top:701px;left:22%}.cook-plate-style{top:701px;left:78%}.cook-plate-bubbles{width:96px;height:54px;margin-bottom:3px;display:block;position:relative}.cook-plate-sample{background:radial-gradient(ellipse at 31% 14%,#fffffff2,transparent 59%),linear-gradient(155deg,var(--bubble-mid),var(--bubble-tint)73%);width:43px;height:35px;box-shadow:inset 0 -2px 3px var(--bubble-edge),0 4px 6px var(--bubble-shadow);border:1px solid #ffffffb3;border-radius:48% 52% 51% 49%;display:block;position:absolute;top:8px;left:4px}.cook-plate-sample:nth-child(2){width:39px;height:31px;top:12px;left:48px;transform:rotate(8deg)}.cook-plate-sample:nth-child(3){width:35px;height:28px;top:25px;left:28px;transform:rotate(-5deg)}.cook-plate-label{font-size:12px;font-weight:650;line-height:1.5}.cook-plate-caption{letter-spacing:.14em;opacity:.65;margin-top:2px;font-size:7px}.cook-plate-count{opacity:.8;margin-top:7px;font-size:9px}.cook-plate-count>span{font-weight:650}.cook-search-result{text-align:right;color:#858195;margin:-6px 0 5px;font-size:10px}.cook-category-dialog{width:min(650px,100vw - 40px);max-height:min(88svh,760px);color:var(--bubble-ink);background:radial-gradient(ellipse at 15% 0,#ffffffed,transparent 65%),linear-gradient(145deg,#fffefef7,var(--bubble-mid));border:1px solid #fff;border-radius:34px;margin:auto;padding:23px 25px 14px;overflow:hidden;box-shadow:0 24px 90px #45334b33,inset 0 2px 3px #fff}.cook-category-dialog[open]{flex-direction:column;display:flex}.cook-category-dialog::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#51465e35}.cook-category-header{flex-shrink:0;justify-content:space-between;align-items:start;gap:20px;margin-bottom:17px;display:flex}.cook-category-header h2{letter-spacing:-.025em;margin-top:3px;font-size:24px;font-weight:600}.cook-category-header p{opacity:.7;margin-top:5px;font-size:10px}.cook-category-header .cook-eyebrow{color:var(--bubble-ink);opacity:.55}.cook-category-tabs{flex-wrap:wrap;flex-shrink:0;gap:6px;margin-bottom:15px;display:flex}.cook-category-tabs button{color:var(--bubble-ink);background:var(--bubble-mid);border:1px solid #ffffffc9;border-radius:20px;align-items:center;gap:5px;padding:6px 10px;font-size:10px;display:flex}.cook-category-tabs button.is-active{outline:1px solid var(--bubble-edge);outline-offset:1px}.cook-category-tabs button span{opacity:.65;font-size:8px}.cook-category-search{border-color:var(--bubble-edge);flex-shrink:0;width:100%;margin-bottom:10px}.cook-category-scroll{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--bubble-edge)transparent;background:#ffffff35;border-radius:20px;height:min(43svh,365px);min-height:180px;padding:16px 11px 25px;overflow-y:auto}.cook-category-panel[hidden]{display:none}.cook-category-cloud{justify-content:center;gap:23px 17px}.cook-category-cloud .cook-bubble{width:109px;min-height:72px;padding:13px 10px}.cook-category-cloud .cook-bubble-label{font-size:10px}.cook-category-footer{text-align:center;opacity:.7;flex-shrink:0;margin-top:12px;font-size:9px}.cook-lower-regions{margin-top:0}@media (min-width:1300px){.cook-constellation{height:875px}.cook-plate-speed,.cook-plate-style{top:746px}}@media (max-width:1090px){.cook-category-plate{width:145px;height:142px}.cook-plate-drums{left:25%}.cook-plate-lead{left:75%}.cook-plate-bass{left:11%}.cook-plate-chords{left:89%}}@media (max-width:800px){.cook-constellation{grid-template-columns:repeat(4,minmax(0,1fr));gap:19px 12px;height:auto;padding-top:25px;display:grid}.cook-pot-area{grid-area:1/1/auto/-1;width:min(100%,450px);margin:0 auto 12px;position:relative;top:auto;left:auto;transform:none}.cook-category-plate{aspect-ratio:1;width:100%;height:auto;min-height:131px;position:relative;top:auto;left:auto;transform:none}.cook-category-plate .cook-plate-bubbles{margin:-3px 0;transform:scale(.85)}.cook-plate-label{font-size:11px}.cook-plate-count{font-size:8px}.cook-lower-regions{margin-top:25px}}@media (max-width:480px){.cook-constellation{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.cook-category-plate{aspect-ratio:1.14;min-height:135px}.cook-category-dialog{border-radius:25px;padding:20px 15px 12px}.cook-category-cloud{gap:18px 10px}.cook-category-cloud .cook-bubble{width:92px;min-height:65px}.cook-pot-help{font-size:8px}}
.cook-region-fx{margin-top:1.25rem}.cook-fx-grid{border:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;min-width:0;padding:0;display:grid}.cook-fx-card{border:1px solid color-mix(in srgb,var(--foreground)12%,transparent);background:color-mix(in srgb,var(--background)90%,var(--foreground)2%);border-radius:1rem;min-width:0;padding:1rem}.cook-fx-card.is-enabled{border-color:#b3b7ff66}.cook-fx-card header{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.cook-fx-card h3{margin:0;font-size:.92rem;font-weight:650}.cook-fx-card header p,.cook-fx-empty,.cook-fx-notice{color:var(--muted-foreground);font-size:.72rem;line-height:1.6}.cook-fx-card header p{margin:.25rem 0 0}.cook-fx-switch{border:1px solid color-mix(in srgb,var(--foreground)20%,transparent);letter-spacing:.08em;border-radius:2rem;padding:.3rem .6rem;font-size:.65rem;font-weight:700}.cook-fx-switch[aria-pressed=true]{color:#262241;background:#cbcaff;border-color:#0000}.cook-fx-body{margin-top:1rem}.cook-fx-parameters,.cook-fx-sends{gap:.65rem;display:grid}.cook-fx-sends{border-top:1px solid color-mix(in srgb,var(--foreground)10%,transparent);margin-top:1rem;padding-top:1rem}.cook-fx-slider{gap:.3rem;min-width:0;display:grid}.cook-fx-slider>span{justify-content:space-between;gap:.4rem;font-size:.69rem;display:flex}.cook-fx-slider output{font-variant-numeric:tabular-nums;color:var(--muted-foreground);flex-shrink:0}.cook-fx-slider input{accent-color:#a6a4f4;cursor:pointer;width:100%}.cook-fx-select{justify-content:space-between;align-items:center;gap:.5rem;min-height:2rem;font-size:.72rem;display:flex}.cook-fx-select select{color:var(--foreground);background:var(--background);border:1px solid color-mix(in srgb,var(--foreground)15%,transparent);border-radius:.4rem;padding:.2rem .4rem}.cook-fx-grid:disabled{opacity:.55}@media (max-width:680px){.cook-fx-grid{grid-template-columns:1fr}}