:root{--panel-bg: #e7e3da;--panel-bg-dark: #ccc8be;--surface: #f2eee6;--surface-raised: #faf8f0;--surface-inset: #dedad1;--display: #111111;--display-soft: #1c1c1a;--display-text: #c8c4bc;--display-muted: #585550;--led-green: #4cca6a;--ink: #171717;--muted: #706b62;--dim: #9e9890;--line: #b0aa9e;--line-light: #ccc7be;--line-dark: #8a8278;--orange: #ff5a1f;--orange-hi: #ff7040;--orange-lo: #c44018;--orange-glow: rgba(255, 90, 31, .18);--red: #d9412e;--green: #2ea84d;--blue: #3d8bc9;--f-display: "Barlow Condensed", "Noto Sans JP", sans-serif;--f-body: "Barlow", "Noto Sans JP", sans-serif;--f-mono: "DM Mono", monospace}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}html,body,#root{min-height:100%}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:var(--panel-bg-dark)}::-webkit-scrollbar-thumb{background:var(--line);border-radius:2px}body{margin:0;min-width:320px;min-height:100vh;color:var(--ink);background-color:var(--panel-bg-dark);font-family:var(--f-body);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}h1,h2,p{margin:0}h1{font-family:var(--f-display);font-size:clamp(1.4rem,2.8vw,1.95rem);font-weight:800;letter-spacing:.06em;text-transform:uppercase;line-height:1}h2{font-family:var(--f-display);font-size:1rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}button{-moz-appearance:none;appearance:none;-webkit-appearance:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;border:1px solid var(--line);border-radius:4px;padding:.62rem .88rem;color:var(--ink);background:var(--surface-raised);box-shadow:inset 0 1px #ffffffe0,inset 1px 0 #ffffff70,0 2px #0000001a,0 1px 3px #00000012;cursor:pointer;transition:transform 55ms ease,box-shadow 55ms ease,border-color .1s ease,background .1s ease}button:hover{border-color:var(--line-dark);background:#fff}button:active{transform:translateY(1px);box-shadow:inset 0 2px 5px #00000017,0 1px #0000000f}button:disabled{cursor:not-allowed;opacity:.44}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:3px;padding:.68rem .78rem;color:var(--ink);background:var(--surface-inset);box-shadow:inset 0 1px 3px #00000012;outline:none;transition:border-color .14s ease,box-shadow .14s ease}input:focus,textarea:focus,select:focus{border-color:var(--orange);box-shadow:inset 0 1px 3px #0000000d,0 0 0 2px var(--orange-glow)}textarea{resize:vertical}label{display:grid;gap:.38rem;color:var(--muted);font-family:var(--f-mono);font-size:.72rem;font-weight:500;letter-spacing:.06em;text-transform:uppercase}.app-shell{display:grid;grid-template-columns:300px minmax(480px,1fr) 320px;grid-template-rows:auto 1fr auto;grid-template-areas:"topbar   topbar    topbar" "sidebar  workspace  editor" "controls controls   controls";height:100vh;height:100dvh;min-height:0;overflow:hidden;background-color:var(--panel-bg)}.topbar{grid-area:topbar;display:grid;grid-template-columns:auto minmax(210px,1fr) auto auto auto auto auto;gap:.75rem;align-items:center;padding:.82rem 1.1rem;background:var(--surface);border-bottom:2px solid var(--panel-bg-dark);box-shadow:0 1px 0 var(--line-light)}.brand-lockup{display:flex;align-items:center;gap:.68rem;min-width:195px}.brand-mark{position:relative;width:36px;height:42px;flex-shrink:0}.wand-line{position:absolute;left:13px;top:8px;width:3px;height:30px;border-radius:2px;background:var(--ink);transform:rotate(32deg)}.sparkle{position:absolute;font-weight:900;line-height:1;color:var(--orange)}.sparkle-a{right:2px;top:0;font-size:.88rem}.sparkle-b{left:1px;top:11px;font-size:.72rem;opacity:.52}.eyebrow{color:var(--muted);font-family:var(--f-mono);font-size:.58rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase}.prompt-input{position:relative}.prompt-input>span{position:absolute;left:.72rem;top:-.5rem;padding:0 .24rem;color:var(--muted);background:var(--surface);font-family:var(--f-mono);font-size:.58rem;letter-spacing:.1em;text-transform:uppercase}.prompt-input input{min-height:46px;padding-right:4.25rem;font-size:16px;font-weight:500;font-family:var(--f-body);background:var(--surface-inset)}.dice-button{position:absolute;right:.58rem;top:50%;display:grid;place-items:center;width:48px;height:46px;padding:0;border:0;color:var(--muted);background:transparent;box-shadow:none;font-size:2rem;line-height:1;transform:translateY(-50%)}.dice-button span{display:block;transform:translateY(-.02em)}.dice-button:hover{color:var(--orange);background:transparent;border-color:transparent;box-shadow:none}.dice-button:active{transform:translateY(calc(-50% + 1px))}.generate-button{min-height:46px;min-width:118px;border-color:var(--orange-lo);color:#fff;background:var(--orange);box-shadow:inset 0 1px #ffffff38,0 2px 0 var(--orange-lo),0 1px 3px #00000024;font-family:var(--f-display);font-size:.92rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.generate-button:hover{color:#fff;background:var(--orange-hi);border-color:var(--orange-lo);box-shadow:inset 0 1px #ffffff3d,0 2px 0 var(--orange-lo),0 2px 7px #ff5a1f47}.generate-button:active{transform:translateY(1px);box-shadow:inset 0 2px 4px #00000024,0 1px 0 var(--orange-lo)}.voice-top-button{display:inline-flex;align-items:center;justify-content:center;gap:.42rem;min-height:46px;min-width:116px;font-family:var(--f-display);font-weight:600;font-size:.85rem;letter-spacing:.07em;text-transform:uppercase}.mic-icon{position:relative;width:.84rem;height:1.16rem;flex:0 0 auto}.mic-icon:before{position:absolute;left:50%;top:0;width:.44rem;height:.72rem;border:2px solid currentColor;border-radius:.32rem;content:"";transform:translate(-50%)}.mic-icon:after{position:absolute;left:50%;top:.42rem;width:.82rem;height:.52rem;border-bottom:2px solid currentColor;border-left:2px solid currentColor;border-right:2px solid currentColor;border-radius:0 0 .46rem .46rem;content:"";transform:translate(-50%)}.mic-icon span{position:absolute;left:50%;bottom:0;width:.58rem;height:2px;background:currentColor;transform:translate(-50%)}.mic-icon span:before{position:absolute;left:50%;bottom:0;width:2px;height:.3rem;background:currentColor;content:"";transform:translate(-50%)}.mock-note{color:var(--dim);font-family:var(--f-mono);font-size:.6rem;line-height:1.5}.mobile-panel-switches,.mobile-panel-head,.mobile-panel-backdrop{display:none}.save-state{display:flex;align-items:center;gap:.55rem;min-width:152px}.check-dot{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--dim);color:#fff;font-weight:900;font-size:.72rem;flex-shrink:0;border:1px solid var(--line);box-shadow:inset 0 1px #ffffff47,0 1px 2px #00000024;transition:background .2s ease,box-shadow .2s ease}.save-state.saved .check-dot{background:var(--green);border-color:#21793a;box-shadow:inset 0 1px #ffffff38,0 0 6px #2ea84d59}.save-state.unsaved .check-dot,.save-state.dirty .check-dot,.save-state.error .check-dot{background:var(--red);border-color:#a22a1e;box-shadow:inset 0 1px #ffffff2e,0 0 6px #d9412e47}.save-state.saving .check-dot{background:var(--blue);border-color:#2c6a9e}.save-state div{display:grid;gap:.12rem}.save-state strong{font-family:var(--f-mono);font-size:.76rem;color:var(--ink)}.save-state small{color:var(--dim);font-family:var(--f-mono);font-size:.61rem;line-height:1.3}.save-state button{justify-self:start;padding:.26rem .52rem;border-color:var(--line-dark);color:var(--ink);background:var(--surface-raised);font-family:var(--f-display);font-size:.75rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.save-state.dirty .save-button,.save-state.unsaved .save-button,.save-state.error .save-button{border-color:var(--orange-lo);color:#fff;background:var(--orange);box-shadow:inset 0 1px #ffffff38,0 2px 0 var(--orange-lo),0 1px 3px #00000024}.save-state.dirty .save-button:hover,.save-state.unsaved .save-button:hover,.save-state.error .save-button:hover{color:#fff;background:var(--orange-hi);border-color:var(--orange-lo)}.sidebar{grid-area:sidebar;background:var(--panel-bg);border-right:1px solid var(--line);min-height:0;min-width:0;overflow:hidden}.editor-column{grid-area:editor;background:var(--panel-bg);border-left:1px solid var(--line);min-height:0;min-width:0;overflow:auto}.workspace{grid-area:workspace;display:grid;grid-template-rows:auto 1fr;min-height:0;min-width:0;overflow:hidden}.panel,.sampler-panel{background:var(--panel-bg)}.section-heading,.sampler-heading,.editor-head{display:flex;align-items:center;justify-content:space-between;gap:.65rem;margin-bottom:0}.library .section-heading{padding:.68rem 1rem;border-bottom:1px solid var(--line)}.category,.count,.library-badge{border-radius:2px;padding:.15rem .38rem;color:var(--muted);background:var(--surface-inset);border:1px solid var(--line-light);font-family:var(--f-mono);font-size:.62rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase}.count{color:var(--ink);border-color:var(--line)}.library-item[data-category=instrument]{--cat: var(--orange);--cat-a: rgba(255,90,31,.08)}.library-item[data-category=drum]{--cat: #48be68;--cat-a: rgba(72,190,104,.07)}.library-item[data-category=sound_effect]{--cat: #4e8de0;--cat-a: rgba(78,141,224,.07)}.library-item[data-category=voice]{--cat: #d0963a;--cat-a: rgba(208,150,58,.07)}.library-item[data-category=ambient]{--cat: #8878c8;--cat-a: rgba(136,120,200,.07)}.library{display:grid;grid-template-rows:auto minmax(0,1fr);height:100%;min-height:0;overflow:hidden}.library .empty{padding:1rem;color:var(--dim);font-family:var(--f-mono);font-size:.78rem;line-height:1.65}.library-list{display:grid;align-content:start;min-height:0;overflow:auto;-webkit-overflow-scrolling:touch}.library-item{position:relative;display:grid;grid-template-columns:1fr auto;align-items:stretch;border-bottom:1px solid var(--line-light);transition:background 80ms}.library-item:before{content:"";position:absolute;inset:0 auto 0 0;width:2px;background:var(--cat, var(--line));opacity:.35;transition:opacity 80ms}.library-item:hover:before{opacity:.7}.library-item.active:before,.library-item.deck-a-active:before{opacity:1;background:var(--orange)}.library-item.deck-b-active:before{opacity:1;background:var(--display)}.library-item:hover{background:#00000006}.library-item.active{background:var(--cat-a, rgba(255,90,31,.05))}.library-item.deck-a-active{background:#ff5a1f0d}.library-item.deck-b-active{background:#1111110a}.library-load{display:grid;grid-template-columns:26px minmax(0,1fr);grid-template-rows:auto auto;column-gap:8px;row-gap:0;padding:8px 10px 8px 13px;border:none;border-radius:0;background:transparent;box-shadow:none;text-align:left;cursor:pointer;min-width:0}.library-load:hover{background:transparent;border-color:transparent}.library-icon{grid-column:1;grid-row:1 / 3;align-self:center;width:24px;height:24px;border-radius:4px;background:var(--cat, var(--muted));display:grid;place-items:center;font-size:11px;color:#ffffffeb;flex-shrink:0;opacity:.6;transition:opacity 80ms,box-shadow 80ms}.library-item:hover .library-icon{opacity:.85}.library-item.active .library-icon,.library-item.deck-a-active .library-icon{opacity:1;box-shadow:0 0 0 2px #ff5a1f40}.library-item.deck-b-active .library-icon{opacity:1}.library-title-row{display:flex;align-items:center;gap:5px;min-width:0;grid-column:2;grid-row:1;overflow:hidden}.library-title{font:700 11px/1.2 var(--f-display);letter-spacing:.04em;text-transform:uppercase;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.library-item.active .library-title{color:var(--cat, var(--orange))}.library-item.deck-a-active .library-title{color:var(--orange)}.library-date{grid-column:2;grid-row:2;display:flex;align-items:center;gap:4px;font:400 9px/1.4 var(--f-mono);color:var(--dim);letter-spacing:.03em;padding-top:1px}.library-date:before{content:"●";font-size:6px;color:var(--dim);opacity:.4;flex-shrink:0}.library-item[data-save=saved] .library-date:before{color:#4cca6a;opacity:1}.library-item[data-save=dirty] .library-date:before{color:var(--orange);opacity:1}.library-item[data-save=unsaved] .library-date:before{color:var(--red);opacity:1}.library-open{font:700 8px/1 var(--f-display);letter-spacing:.06em;color:var(--orange);flex-shrink:0}.library-cat-tag{font:500 8px/1 var(--f-mono);padding:1px 4px;border-radius:2px;letter-spacing:.04em;text-transform:uppercase;color:var(--cat, var(--muted));border:1px solid color-mix(in srgb,var(--cat, var(--line)) 35%,transparent);white-space:nowrap;flex-shrink:0}.library-deck-badge{font:800 8px/1 var(--f-display);padding:1px 5px;border-radius:2px;letter-spacing:.06em;flex-shrink:0}.library-delete-btn{display:grid;place-items:center;align-self:stretch;width:26px;padding:0;border:none;border-left:1px solid transparent;background:transparent;color:transparent;font-size:13px;line-height:1;cursor:pointer;transition:color .1s,border-color .1s,background .1s;border-radius:0;box-shadow:none;flex-shrink:0}.library-item:hover .library-delete-btn{color:var(--ink-dim);border-left-color:var(--line-light)}.library-delete-btn:hover{color:var(--red)!important;background:#d9412e12}.library-delete-btn:disabled{opacity:0;pointer-events:none}.library-deck-actions{display:flex;align-items:stretch;gap:0;border-left:1px solid var(--line-light)}.deck-assign-btn{width:26px;padding:0;border:none;border-right:1px solid var(--line-light);border-radius:0;background:transparent;color:var(--dim);font:700 9px/1 var(--f-display);letter-spacing:.06em;cursor:pointer;display:grid;place-items:center;transition:color 80ms,background 80ms;box-shadow:none}.deck-assign-btn:last-child{border-right:none}.deck-assign-btn:hover{color:var(--ink);background:#0000000a}.deck-assign-btn:first-child:hover{color:var(--orange)}.deck-assign-btn:last-child:hover{color:var(--led-green);background:#1111110f}.display-strip{display:grid;grid-template-columns:minmax(0,1fr) 104px minmax(145px,.42fr);align-items:stretch;background:var(--display);border-bottom:2px solid #000}.display-title{display:flex;align-items:center;gap:.82rem;min-width:0;padding:.88rem 1.1rem}.display-title>div{min-width:0}.display-chip{flex-shrink:0;border-radius:2px;padding:.25rem .42rem;color:var(--display);background:var(--led-green);font-family:var(--f-mono);font-size:.64rem;font-weight:500;letter-spacing:.06em;text-transform:uppercase}.display-label{color:var(--display-muted);font-family:var(--f-mono);font-size:.57rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase}.display-title h2{overflow:hidden;color:var(--display-text);font-family:var(--f-display);font-size:clamp(1.1rem,2.1vw,1.75rem);font-weight:700;letter-spacing:.04em;text-transform:uppercase;text-overflow:ellipsis;white-space:nowrap}.display-title small{display:block;overflow:hidden;margin-top:.14rem;color:var(--display-muted);font-family:var(--f-mono);font-size:.68rem;text-overflow:ellipsis;white-space:nowrap}.display-save{display:grid;align-content:center;justify-items:center;gap:.15rem;border-left:1px solid rgba(255,255,255,.055);padding:.58rem}.display-save p{color:var(--display-muted);font-family:var(--f-mono);font-size:.57rem;letter-spacing:.12em;text-transform:uppercase}.display-save strong{color:var(--display-text);font-family:var(--f-mono);font-size:.76rem;font-weight:500;text-align:center;line-height:1.25}.display-save.saved strong{color:var(--led-green)}.display-save.dirty strong,.display-save.unsaved strong,.display-save.error strong{color:#ff8060}.display-status{display:grid;align-content:center;padding:.75rem .95rem;border-left:1px solid rgba(255,255,255,.055);color:var(--display-muted);font-family:var(--f-mono);font-size:.72rem;line-height:1.5}.sampler-panel{display:grid;grid-template-rows:auto minmax(0,1fr);min-height:0;overflow:hidden;padding:.88rem;background:var(--surface)}.sampler-heading{margin-bottom:.75rem}.sampler-heading h2{color:var(--ink);font-size:.84rem}.sampler-heading-tools{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:.55rem}.pad-detail-button{min-height:31px;padding:0 .58rem;font-family:var(--f-display);font-size:.72rem;font-weight:700;letter-spacing:.06em;white-space:nowrap}.set-mode-control{display:grid;grid-template-columns:auto repeat(3,minmax(52px,auto));align-items:center;gap:.22rem}.set-mode-label,.octave-label,.key-control span,.scale-control span{padding:0 .36rem 0 0;color:var(--muted);font-family:var(--f-mono);font-size:.56rem;font-weight:700;letter-spacing:.1em;white-space:nowrap;opacity:.72}.key-control,.scale-control{position:relative;display:grid;grid-template-columns:auto minmax(118px,1fr);align-items:center;gap:.22rem}.key-control{grid-template-columns:auto minmax(48px,1fr)}.key-control select,.scale-control select{-moz-appearance:none;appearance:none;-webkit-appearance:none;min-height:31px;max-width:160px;width:100%;padding:0 1.55rem 0 .48rem;border:1px solid var(--line);border-radius:3px;color:var(--ink);background:var(--surface-raised);box-shadow:inset 0 1px #ffffffd1,0 1px 2px #00000014;font-family:var(--f-mono);font-size:.66rem;font-weight:800}.key-control:after,.scale-control:after{position:absolute;right:.54rem;top:50%;width:.42rem;height:.42rem;border-right:2px solid var(--ink);border-bottom:2px solid var(--ink);pointer-events:none;content:"";transform:translateY(-68%) rotate(45deg)}.key-control select{max-width:68px}.octave-control{display:grid;grid-template-columns:auto repeat(5,minmax(34px,auto));align-items:center;gap:.22rem}.set-mode-control button,.octave-control button{min-height:31px;padding:0 .48rem;border:1px solid var(--line);border-radius:3px;background:var(--surface-raised);box-shadow:inset 0 1px #ffffffd1,0 1px 2px #00000014;font-size:.66rem;font-weight:800;white-space:nowrap}.octave-control button{padding:0 .4rem;font-family:var(--f-mono)}.set-mode-control button.active,.octave-control button.active{color:#fff;background:var(--orange);box-shadow:inset 0 1px #ffffff4d,inset 0 -2px #00000026}.pad-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));width:100%;max-width:100%;min-width:0;gap:.52rem;aspect-ratio:auto;height:100%;max-height:100%;min-height:0;overflow:hidden}.pad-button>*{pointer-events:none}.pad-button{position:relative;display:grid;grid-template-rows:auto 1fr auto;min-width:0;max-width:100%;height:100%;min-height:0;overflow:hidden;padding:.62rem .68rem;border:1px solid var(--line);border-radius:5px;color:var(--muted);background:var(--surface-raised);box-shadow:inset 0 1px #ffffffeb,inset 1px 0 #ffffff70,0 2px #0000001a,0 2px 5px #00000012;text-align:left;touch-action:none;-webkit-touch-callout:none;transition:box-shadow 55ms ease,border-color .1s ease,background .1s ease}.pad-button:before{position:absolute;top:.5rem;right:.5rem;width:5px;height:5px;border-radius:50%;background:var(--line);content:"";transition:background .1s ease,box-shadow .1s ease}.pad-button:hover{border-color:var(--line-dark);background:#fff}.pad-button:active,.pad-button.is-active{transform:none;background:var(--surface);border-color:var(--orange);box-shadow:inset 0 2px 8px #00000024,inset 0 0 0 2px #ff5a1f1f,0 2px #0000001a,0 2px 5px #00000012}.pad-button.is-active:before{background:var(--orange);box-shadow:0 0 5px var(--orange-glow)}.pad-button.is-selected{border-color:var(--orange);background:#fff;box-shadow:inset 0 1px #ffffffe0,inset 1px 0 #fff6,0 2px #00000014,0 2px 5px #0000000f,0 0 0 2px #ff5a1f21}.pad-button.is-selected:before{background:var(--orange);box-shadow:0 0 4px var(--orange-glow)}.pad-number{font-family:var(--f-mono);font-size:.64rem;font-weight:500;color:var(--dim);letter-spacing:.04em}.pad-button.is-selected .pad-number,.pad-button.is-active .pad-number{color:var(--orange-lo)}.pad-note{align-self:center;justify-self:center;display:-webkit-box;max-width:100%;overflow:hidden;font-family:var(--f-display);font-size:clamp(1.45rem,3vw,2.35rem);font-weight:700;letter-spacing:0;line-height:1;color:var(--ink);text-align:center;text-wrap:balance;overflow-wrap:anywhere;-webkit-box-orient:vertical;-webkit-line-clamp:2}.pad-button.is-selected .pad-note,.pad-button.is-active .pad-note{color:var(--orange)}.pad-grid--label-sm .pad-note{font-size:clamp(.82rem,1.7vw,1.2rem);-webkit-line-clamp:3}.pad-meta{display:flex;justify-content:space-between;min-width:0;color:var(--dim);font-family:var(--f-mono);font-size:.6rem;font-weight:500;letter-spacing:.04em;text-transform:uppercase}.pad-meta span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pad-button.is-selected .pad-meta,.pad-button.is-active .pad-meta{color:var(--orange-lo)}.pad-editor{display:flex;flex-direction:column;min-height:100%;padding:0}.editor-head{display:flex;align-items:center;justify-content:space-between;gap:.65rem;padding:.68rem 1rem;border-bottom:1px solid var(--line);margin-bottom:0}.editor-head h2{color:var(--ink)}.editor-body{display:flex;flex-direction:column;gap:.82rem;padding:.88rem 1rem;flex:1}.collapse-button{width:28px;height:28px;padding:0;border:1px solid var(--line);border-radius:3px;background:var(--surface-raised);box-shadow:inset 0 1px #fffc,0 1px 2px #00000012;color:var(--dim);font-size:.7rem}@media(min-width:821px){.editor-column .collapse-button{display:none}}.editor-note-card{display:grid;gap:.4rem;padding:.78rem .88rem;background:var(--display);border-radius:3px;border:1px solid #000}.editor-note-card div{display:flex;align-items:center;gap:.58rem}.editor-note-card strong{font-family:var(--f-display);font-size:clamp(1.85rem,3.5vw,2.7rem);font-weight:700;line-height:1;letter-spacing:-.01em;color:var(--display-text)}.editor-note-card p{color:var(--display-muted);font-family:var(--f-mono);font-size:.68rem;background:none;padding:0}.red-indicator{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--orange);box-shadow:0 0 4px var(--orange-glow);flex-shrink:0}.editor-section{display:grid;gap:.72rem;padding-top:.82rem;border-top:1px solid var(--line-light)}.editor-section h3{margin:0;color:var(--muted);font-family:var(--f-mono);font-size:.64rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase}.editor-note,.save-help{color:var(--dim);font-family:var(--f-mono);font-size:.65rem;line-height:1.55}.regenerate-pad-button{width:100%;padding:.55rem .8rem;border:1px solid var(--orange);border-radius:6px;background:transparent;color:var(--orange);font-family:var(--f-mono);font-size:.78rem;cursor:pointer;transition:background .12s,color .12s}.regenerate-pad-button:hover:not(:disabled){background:var(--orange);color:#fff}.regenerate-pad-button:disabled{opacity:.5;cursor:not-allowed}.save-help{margin-top:auto;border-radius:3px;padding:.6rem .7rem;color:var(--muted);background:var(--surface-inset);border:1px solid var(--line-light)}.mode-field{display:grid;gap:.4rem;color:var(--muted);font-family:var(--f-mono);font-size:.72rem}.mode-segments{display:grid;grid-template-columns:repeat(3,1fr);gap:.28rem}.mode-segments button{border:1px solid var(--line);border-radius:3px;background:var(--surface-raised);box-shadow:inset 0 1px #ffffffd1,0 1px 2px #00000014;font-family:var(--f-mono);font-size:.7rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);padding:.5rem}.mode-segments button:hover{background:#fff;border-color:var(--line-dark)}.mode-segments button.active{background:var(--display);color:var(--led-green);border-color:#000;box-shadow:inset 0 2px 4px #00000052;transform:translateY(1px)}.prompt-box{position:relative}.prompt-box textarea{padding-right:2rem;font-family:var(--f-mono);font-size:.78rem;line-height:1.58}.prompt-box span{position:absolute;right:.6rem;bottom:.55rem;color:var(--dim)}.volume-field>div{display:grid;grid-template-columns:minmax(0,1fr) 58px;gap:.68rem;align-items:center}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:3px;background:var(--line);border-radius:2px;outline:none;border:0;box-shadow:none;padding:0}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:var(--surface-raised);border:1px solid var(--line-dark);box-shadow:inset 0 1px #ffffffd9,0 1px 3px #00000029;cursor:pointer;transition:border-color .1s ease}input[type=range]::-webkit-slider-thumb:hover{border-color:var(--orange)}input[type=range]::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--surface-raised);border:1px solid var(--line-dark);cursor:pointer}.volume-field output{border-radius:3px;padding:.44rem .25rem;background:var(--display);color:var(--display-text);text-align:center;font-family:var(--f-mono);font-size:.76rem;border:1px solid #000}.regenerate-button{margin-top:auto;min-height:44px;border-color:var(--orange-lo);color:#fff;background:var(--orange);box-shadow:inset 0 1px #fff3,0 2px 0 var(--orange-lo),0 1px 3px #0000001f;font-family:var(--f-display);font-weight:700;font-size:.9rem;letter-spacing:.07em;text-transform:uppercase}.regenerate-button:hover{color:#fff;background:var(--orange-hi)}.regenerate-button:active{transform:translateY(1px);box-shadow:inset 0 2px 4px #00000024,0 1px 0 var(--orange-lo)}.bottom-controls{grid-area:controls;display:flex;align-items:center;justify-content:space-between;min-height:50px;padding:.52rem 1.1rem;background:var(--surface);border-top:2px solid var(--panel-bg-dark);box-shadow:0 -1px 0 var(--line-light)}.bottom-controls p{color:var(--muted);font-family:var(--f-mono);font-size:.7rem;letter-spacing:.06em;text-transform:uppercase}.stop-button{min-width:86px;min-height:34px;border-color:#d9412e61;color:var(--red);background:var(--surface-raised);box-shadow:inset 0 1px #ffffffe0,0 1px 2px #00000012;font-family:var(--f-display);font-size:.85rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase}.stop-button:hover{border-color:var(--red);background:#d9412e0d}.voice-dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9200;display:grid;place-items:center;padding:1rem;background:#11111194}.voice-dialog{width:min(520px,100%);border:1px solid var(--line-dark);border-radius:6px;background:var(--surface);box-shadow:0 22px 60px #00000047,inset 0 1px #fffc;padding:1rem}.voice-dialog-head{display:flex;align-items:start;justify-content:space-between;gap:1rem;padding-bottom:.82rem;border-bottom:1px solid var(--line)}.voice-dialog-head h2{color:var(--ink);font-size:1.35rem}.voice-close-button{width:34px;height:30px;padding:0;color:var(--muted);background:var(--surface-raised)}.voice-meter{display:grid;grid-template-columns:repeat(5,1fr);align-items:end;gap:.28rem;height:56px;margin:.9rem 0;padding:.65rem .72rem;border:1px solid #000;border-radius:4px;background:var(--display)}.voice-meter span{height:18%;background:var(--display-muted);border-radius:2px 2px 0 0}.voice-meter.listening span{background:var(--orange);animation:voice-meter-bounce .78s ease-in-out infinite}.voice-meter.listening span:nth-child(2){animation-delay:90ms}.voice-meter.listening span:nth-child(3){animation-delay:.17s}.voice-meter.listening span:nth-child(4){animation-delay:.25s}.voice-meter.listening span:nth-child(5){animation-delay:.33s}@keyframes voice-meter-bounce{0%,to{height:18%}45%{height:92%}}.voice-prompt-field{margin-top:.4rem}.voice-prompt-field textarea{min-height:122px;font-size:1rem}.voice-error,.voice-help{margin-top:.65rem;font-family:var(--f-mono);font-size:.72rem;line-height:1.55}.voice-error{color:var(--red)}.voice-help{color:var(--muted)}.voice-dialog-actions{display:grid;grid-template-columns:1fr;justify-items:center;gap:.62rem;margin-top:1rem}.voice-listen-button,.voice-generate-button{min-height:42px;font-family:var(--f-display);font-weight:700;letter-spacing:.06em;text-transform:uppercase}.voice-generate-button{display:inline-flex;align-items:center;justify-content:center;gap:.42rem;border-color:var(--orange-lo);color:#fff;background:var(--orange);box-shadow:inset 0 1px #ffffff38,0 2px 0 var(--orange-lo),0 1px 3px #00000024}.voice-generate-button:hover{color:#fff;background:var(--orange-hi);border-color:var(--orange-lo);box-shadow:inset 0 1px #ffffff3d,0 2px 0 var(--orange-lo),0 2px 7px #ff5a1f47}.spark-icon{color:currentColor;font-size:.95em;line-height:1}@media(max-width:1180px){.app-shell{grid-template-columns:230px minmax(0,1fr) 270px;grid-template-areas:"topbar topbar topbar" "sidebar workspace editor" "controls controls controls"}.bottom-controls{flex-wrap:wrap;gap:.5rem}}@media(orientation:landscape)and (min-width:900px)and (max-width:1400px)and (max-height:900px){.app-shell{grid-template-columns:210px minmax(0,1fr) 260px;grid-template-rows:auto minmax(0,1fr) auto;grid-template-areas:"topbar   topbar    topbar" "sidebar  workspace  editor" "controls controls   controls";height:100vh;height:100dvh;overflow:hidden}.topbar{grid-template-columns:auto minmax(190px,1fr) auto auto minmax(120px,160px) minmax(110px,160px);gap:.48rem;padding:.5rem .65rem}.brand-lockup{gap:.46rem;min-width:160px}.brand-mark{width:28px;height:34px}.wand-line{left:11px;top:7px;height:24px}h1{font-size:1.35rem}.eyebrow{font-size:.52rem}.mock-note{display:none}.prompt-input input,.generate-button,.voice-top-button{min-height:38px}.save-state{gap:.4rem;min-width:0}.check-dot{width:23px;height:23px}.save-state small{display:none}.save-state button{padding:.2rem .42rem}.display-strip{grid-template-columns:minmax(0,1fr) 86px minmax(120px,.34fr);min-height:92px}.display-title{gap:.55rem;padding:.5rem .68rem}.display-title h2{font-size:1.35rem}.display-title small{display:none}.display-chip{padding:.2rem .34rem}.display-save,.display-status{padding:.4rem .55rem}.display-status{font-size:.62rem}.sampler-panel{display:grid;grid-template-rows:auto minmax(0,1fr);padding:.54rem .62rem}.sampler-heading{align-items:start;gap:.45rem;margin-bottom:.36rem}.sampler-heading-tools{align-items:center;flex-direction:row;flex-wrap:wrap;justify-content:flex-end;gap:.26rem}.set-mode-control button,.octave-control button,.key-control select,.scale-control select{min-height:28px}.set-mode-control{grid-template-columns:repeat(3,minmax(44px,auto))}.octave-control{grid-template-columns:repeat(5,minmax(30px,auto))}.key-control,.scale-control{grid-template-columns:minmax(88px,128px)}.key-control{grid-template-columns:minmax(48px,62px)}.scale-control select{max-width:128px}.set-mode-label,.octave-label,.key-control span,.scale-control span{display:none}.pad-grid{place-self:start stretch;gap:.34rem;aspect-ratio:auto;width:100%;height:100%;max-height:100%;min-height:0}.pad-button{padding:.42rem .46rem}.pad-note{font-size:clamp(1.25rem,3.1vw,1.72rem);line-height:1.03}.pad-meta{font-size:.55rem}.bottom-controls{min-height:38px;padding:.36rem .7rem}.bottom-controls p{font-size:.62rem}.stop-button{min-height:29px}}@media(max-width:820px){.session-toggle{display:none}.app-shell{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);grid-template-areas:"topbar" "workspace";overflow:hidden}.topbar{grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto auto auto;gap:.46rem;padding:.5rem}.brand-lockup{grid-column:1;grid-row:1;min-width:0}.brand-mark{width:27px;height:32px}.wand-line{left:10px;top:6px;height:24px}h1{font-size:1.18rem}.brand-lockup .eyebrow{font-size:.48rem}.prompt-input{grid-column:1 / -1;grid-row:2}.prompt-input input{min-height:40px;padding-top:.5rem;padding-bottom:.5rem}.dice-button{width:42px;height:40px}.generate-button{grid-column:1;grid-row:3;min-height:38px;min-width:0;padding:.42rem .58rem;font-size:.78rem}.voice-top-button{grid-column:2;grid-row:3;min-height:38px;min-width:0;padding:.42rem .58rem;font-size:.78rem}.session-toggle,.mock-note{display:none}.mobile-panel-switches{grid-column:2;grid-row:1;display:flex;gap:.34rem;align-self:center;justify-self:end}.mobile-panel-switches button{min-height:32px;padding:.28rem .46rem;font-family:var(--f-display);font-size:.74rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.save-state{grid-column:1 / -1;grid-row:4;display:grid;grid-template-columns:auto minmax(0,1fr);min-width:0;gap:.42rem}.save-state div{display:flex;align-items:center;flex-wrap:wrap;gap:.32rem}.save-state small{display:none}.save-state button{padding:.22rem .42rem;font-size:.68rem}.check-dot{width:24px;height:24px}.workspace{grid-template-rows:minmax(0,1fr);overflow:hidden}.display-strip{display:none}.sampler-panel{padding:.5rem}.sampler-heading{align-items:flex-start;gap:.38rem;margin-bottom:.42rem}.sampler-heading h2{font-size:.78rem}.sampler-heading .eyebrow{font-size:.5rem}.sampler-heading-tools{justify-content:flex-end;gap:.24rem}.category{display:none}.key-control,.scale-control{grid-template-columns:minmax(46px,auto)}.scale-control{grid-template-columns:minmax(92px,116px)}.key-control span,.scale-control span,.octave-label,.set-mode-label{display:none}.key-control select,.scale-control select,.set-mode-control button,.octave-control button{min-height:30px;font-size:.62rem}.set-mode-control{grid-template-columns:repeat(3,minmax(42px,auto))}.octave-control{grid-template-columns:repeat(5,minmax(27px,auto))}.pad-grid{gap:.38rem;height:100%;min-height:0;aspect-ratio:auto}.pad-button{min-height:0;padding:.42rem;border-radius:6px}.pad-note{font-size:clamp(1.36rem,12vw,2.3rem)}.display-status{grid-column:1 / -1;border-left:0;border-top:1px solid rgba(255,255,255,.05)}.bottom-controls{display:none}.sidebar,.editor-column{position:fixed;z-index:9100;left:0;right:0;bottom:0;display:grid;grid-template-rows:auto minmax(0,1fr);max-height:min(78vh,620px);min-height:0;border-top:2px solid var(--line-dark);border-left:0;border-right:0;background:var(--panel-bg);box-shadow:0 -18px 44px #00000042;transform:translateY(105%);transition:transform .17s ease;overflow:hidden}.sidebar.mobile-open,.editor-column.mobile-open{transform:translateY(0)}.mobile-panel-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9000;display:block;border:0;border-radius:0;padding:0;background:#11111170;box-shadow:none}.mobile-panel-head{display:flex;align-items:center;justify-content:space-between;gap:.65rem;padding:.58rem .75rem;border-bottom:1px solid var(--line);background:var(--surface)}.mobile-panel-head strong{font-family:var(--f-display);font-size:.92rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.mobile-panel-head button{width:30px;height:28px;padding:0;color:var(--muted)}.sidebar .library{min-height:0}.sidebar .section-heading{display:none}.editor-column .pad-editor{min-height:0;overflow:hidden}.editor-column .editor-body{overflow:auto;-webkit-overflow-scrolling:touch}.workspace.session-active{grid-column:1;grid-template-rows:auto minmax(0,1fr)}.session-decks{grid-template-columns:1fr;overflow-y:auto;-webkit-overflow-scrolling:touch}.session-deck{border-right:none;border-bottom:1px solid var(--line);height:auto;overflow:visible}.session-deck:last-child{border-bottom:none}}@media(max-width:560px){.session-toggle{display:none}.topbar{gap:.4rem;padding:.42rem}.brand-lockup{gap:.45rem}h1{font-size:1.03rem}.prompt-input input{min-height:38px}.generate-button,.voice-top-button{min-height:36px}.sampler-panel{padding:.42rem}.sampler-heading{display:grid}.sampler-heading-tools{justify-content:stretch}.set-mode-control{margin-left:auto}.pad-grid{gap:.32rem}.pad-button{padding:.36rem}.pad-number,.pad-meta{font-size:.54rem}.pad-note{font-size:clamp(1.22rem,12vw,1.9rem)}}.midi-indicators{display:flex;align-items:center;gap:.3rem}.midi-indicator{display:flex;align-items:center;gap:5px;font:600 9px/1 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--dim);padding:4px 8px;border-radius:4px;border:1px solid var(--line-light);background:var(--surface-inset);-webkit-user-select:none;user-select:none}.midi-indicator-dot{width:6px;height:6px;border-radius:50%;background:var(--line);flex-shrink:0}.midi-indicator--connected{color:var(--green);border-color:#2ea84d59;background:#2ea84d0f}.midi-indicator--connected .midi-indicator-dot{background:var(--green);box-shadow:0 0 4px #2ea84d99}.session-toggle{display:flex;align-items:center;gap:5px;font:600 10px/1 var(--f-display);letter-spacing:.06em;color:var(--ink-muted);cursor:pointer;-webkit-user-select:none;user-select:none}.session-toggle input[type=checkbox]{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.session-toggle-track{width:30px;height:16px;background:var(--line);border-radius:8px;position:relative;flex-shrink:0;transition:background .15s}.session-toggle-knob{position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #0003;transition:left .15s}.session-toggle input:checked~.session-toggle-track{background:var(--orange)}.session-toggle input:checked~.session-toggle-track .session-toggle-knob{left:16px}.workspace.session-active{grid-column:2 / 4;grid-template-rows:auto auto 1fr}.session-decks{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);overflow:hidden}.session-deck{display:flex;flex-direction:column;border-right:1px solid var(--line);position:relative;cursor:default;height:100%;overflow:hidden}.session-deck:last-child{border-right:none}.session-deck.is-focused .session-deck-head{background:var(--surface-raised)}.session-deck.is-focused .deck-id{color:var(--orange)}.session-deck-head{display:flex;align-items:center;gap:8px;padding:6px 10px;border-bottom:1px solid var(--line);background:var(--surface);cursor:pointer;flex-shrink:0}.deck-id{font:800 18px/1 var(--f-display);letter-spacing:.04em;color:var(--ink-muted);min-width:18px}.deck-meta{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.deck-key-label{font:500 8px/1 var(--f-mono);color:var(--ink-dim);letter-spacing:.08em}.deck-title{font:600 11px/1.2 var(--f-display);color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.deck-edit-btn{font:600 9px/1 var(--f-display);letter-spacing:.06em;padding:4px 8px;border:1px solid var(--line);border-radius:3px;background:var(--surface);color:var(--ink-muted);cursor:pointer;flex-shrink:0}.deck-edit-btn.is-open{background:var(--display);color:var(--led-green);border-color:var(--display)}.session-deck-controls{display:flex;align-items:center;flex-wrap:nowrap;gap:5px;padding:5px 10px;border-bottom:1px solid var(--line);background:var(--panel-bg);flex-shrink:0;cursor:pointer;overflow-x:auto;-webkit-overflow-scrolling:touch}.deck-control-select{height:32px;padding:0 6px;font:600 10px/1 var(--f-display);border:1px solid var(--line);border-radius:3px;background:var(--surface);color:var(--ink);-webkit-appearance:auto;-moz-appearance:auto;appearance:auto;flex-shrink:0}.deck-key-select{width:64px}.deck-scale-select{width:110px}.deck-oct-group,.deck-mode-group{display:flex;align-items:center;gap:3px;flex-shrink:0}.deck-oct-label,.deck-mode-label{font:600 8px/1 var(--f-display);letter-spacing:.1em;color:var(--muted);margin-right:2px;white-space:nowrap}.deck-oct-group button,.deck-mode-group button{height:32px;min-width:32px;padding:0 8px;font:600 10px/1 var(--f-display);letter-spacing:.04em;border:1px solid var(--line);border-radius:3px;background:var(--surface);color:var(--muted);cursor:pointer;box-shadow:none;white-space:nowrap}.deck-oct-group button.active,.deck-mode-group button.active{background:var(--display);color:var(--led-green);border-color:var(--display);transform:translateY(1px)}.session-deck .pad-grid{flex:1;min-height:0;height:auto;max-height:none;grid-template-rows:repeat(3,minmax(0,1fr));padding:.6rem}.session-deck .pad-button{height:100%;min-height:0;aspect-ratio:unset}.pad-editor-drawer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;overflow-y:auto;border:none;background:var(--surface);animation:drawer-in .16s ease-out}@keyframes drawer-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.pad-editor-drawer .pad-editor{height:100%}.library-deck-badge{font:700 9px/1 var(--f-display);padding:1px 5px;border-radius:3px;letter-spacing:.04em}.library-deck-badge.deck-a{background:var(--orange);color:#fff}.library-deck-badge.deck-b{background:var(--display);color:var(--led-green)}.gen-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9500;display:grid;place-items:center;background:#000000a8;animation:gen-fade-in .2s ease-out}@keyframes gen-fade-in{0%{opacity:0}to{opacity:1}}.gen-stage{display:flex;flex-direction:column;align-items:center;gap:1.15rem}.gen-ring{position:relative;width:204px;height:204px}.gen-ring:before{position:absolute;top:50%;left:50%;width:164px;height:164px;border:1px solid rgba(255,255,255,.09);border-radius:50%;transform:translate(-50%,-50%);content:""}.gen-orbit-axis{position:absolute;top:50%;left:50%;width:0;height:0;transform:rotate(calc(var(--i, 0) * 45deg))}.gen-orbit-sym{position:absolute;left:0;top:0;display:block;transform:translate(-50%,calc(-82px - 50%)) scale(.88);font-size:1.2rem;color:#ffffff80;line-height:1;-webkit-user-select:none;user-select:none;animation:gen-orbit-pulse .64s ease-in-out infinite;animation-delay:calc(var(--i, 0) * 80ms)}@keyframes gen-orbit-pulse{0%,to{transform:translate(-50%,calc(-82px - 50%)) scale(.88);opacity:.38}50%{transform:translate(-50%,calc(-91px - 50%)) scale(1.3);opacity:1;color:#fffffff5}}.gen-center-sym{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:3.7rem;line-height:1;color:#fff;text-shadow:0 0 26px rgba(255,90,31,.38),0 0 55px rgba(255,90,31,.14);-webkit-user-select:none;user-select:none;animation:gen-center-pop .26s cubic-bezier(.34,1.56,.64,1)}@keyframes gen-center-pop{0%{opacity:0;transform:translate(-50%,-50%) scale(.3) rotate(-30deg)}to{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(0)}}.gen-label{color:#ffffffbf;font-family:var(--f-mono);font-size:.76rem;font-weight:500;letter-spacing:.24em;text-transform:uppercase}.gen-dots{display:flex;align-items:center;gap:.52rem}.gen-dot{display:block;width:5px;height:5px;border-radius:50%;background:#ffffff40;animation:gen-dot-pulse 1.2s ease-in-out infinite}.gen-dot:nth-child(2){animation-delay:.4s}.gen-dot:nth-child(3){animation-delay:.8s}@keyframes gen-dot-pulse{0%,to{background:#ffffff2e;transform:scale(.8)}50%{background:#ffffffe6;transform:scale(1.2)}}