:root{color:#f6f4ef;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#101014;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100dvh;margin:0}@media (width>=901px){html,body{height:100%;overflow:hidden}}button,input,select,textarea{font:inherit}.app-shell{grid-template-rows:auto minmax(0,1fr);gap:14px;height:100dvh;padding:14px 18px 18px;display:grid}.app-topbar{flex-wrap:wrap;align-items:center;gap:12px 22px;min-width:0;display:flex}.brand{align-items:baseline;gap:12px;min-width:0;margin-right:auto;display:flex}h1,h2,p{margin-top:0}h1{color:#f6f4ef;letter-spacing:-.01em;white-space:nowrap;margin-bottom:0;font-size:1.45rem;line-height:1.1}.tagline{color:#a9a297;white-space:nowrap;margin-bottom:0;font-size:.84rem}.topbar-io{align-items:center;gap:14px;min-width:0;display:flex}.topbar-docs{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.topbar-docs a{color:#d8d3ca;background:#18181f;border:1px solid #f6f4ef38;border-radius:6px;align-items:center;min-height:32px;padding:0 10px;font-size:.78rem;text-decoration:none;display:inline-flex}.topbar-docs a:hover,.topbar-docs a:focus-visible{color:#f6f4ef;border-color:#42cafdcc}.topbar-workspace{flex-wrap:wrap;align-items:center;gap:8px;min-width:0;display:flex}.topbar-workspace button{color:#f6f4ef;cursor:pointer;background:#18181f;border:1px solid #f6f4ef38;border-radius:6px;min-height:32px;padding:0 12px}.topbar-workspace button:hover{border-color:#42cafdcc}.replace-warning{color:#f2c14e;font-size:.84rem}.restore-notice{color:#a9a297;align-items:center;gap:8px;font-size:.8rem;display:inline-flex}.restore-notice button{min-height:26px;padding:0 8px;font-size:.78rem}.workspace{grid-template-columns:minmax(250px,300px) minmax(0,1fr) minmax(340px,430px);grid-template-areas:"shape stage voices";gap:14px;min-height:0;display:grid}.rail{overscroll-behavior:contain;align-content:start;gap:12px;min-width:0;min-height:0;display:grid;overflow-y:auto}.rail-shape{grid-area:shape}.rail-voices{grid-area:voices}.canvas-stage{grid-area:stage;grid-template-rows:minmax(0,1fr) auto;gap:12px;min-width:0;min-height:0;display:grid}.canvas-frame{place-items:center;min-width:0;min-height:0;display:grid;container-type:size}.canvas-shell{aspect-ratio:1;background:#101014;border:1px solid #f6f4ef29;border-radius:10px;width:min(100cqw,100cqh);overflow:hidden}.canvas-shell canvas{width:100%;height:100%;display:block}.composition-canvas-shell{background:#101014;border:1px solid #f6f4ef29;border-radius:10px;width:100%;height:100%;margin:0;overflow:hidden}.composition-canvas-shell canvas{width:100%;height:100%;display:block}.transport{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;min-width:0;display:flex}.transport button{color:#f6f4ef;cursor:pointer;background:#18181f;border:1px solid #f6f4ef38;border-radius:6px;min-height:36px;padding:0 14px}.transport button:hover{border-color:#42cafdcc}.transport output{color:#d8d3ca;font-variant-numeric:tabular-nums;text-align:end;white-space:nowrap}.transport>input[type=range]{accent-color:#42cafd;flex:120px;min-width:80px}.sound-toggle{color:#e9e2d6;white-space:nowrap;align-items:center;gap:8px;min-height:36px;display:inline-flex}.sound-toggle input{accent-color:#42cafd}.preset-picker{color:#e9e2d6;grid-template-columns:auto minmax(140px,220px);align-items:center;gap:10px;min-width:0;display:inline-grid}.preset-picker select{color:#f6f4ef;background:#18181f;border:1px solid #f6f4ef33;border-radius:6px;min-width:0;min-height:36px;padding:8px 10px}.import-export{flex-wrap:wrap;align-items:center;gap:10px;min-width:0;display:flex}.import-export>input{display:none}.import-export button{color:#f6f4ef;cursor:pointer;background:#18181f;border:1px solid #f6f4ef38;border-radius:6px;min-height:36px;padding:0 12px}.import-export output{color:#d8d3ca;min-width:0;font-size:.9rem}.control-panel,.drum-panel,.strudel-panel{background:#ffffff0b;border:1px solid #f6f4ef29;border-radius:10px;min-width:0;padding:16px}.control-panel section+section{margin-top:20px}.control-panel h2,.drum-panel h2,.strudel-panel h2{color:#f2c14e;letter-spacing:.01em;margin:0 0 12px;font-size:.94rem}.panel-disclosure>summary{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;list-style:none;display:flex}.panel-disclosure>summary::-webkit-details-marker{display:none}.panel-disclosure>summary:before{content:"▸";color:#f2c14e;font-size:.8rem;line-height:1;transition:transform .12s;display:inline-block}.panel-disclosure[open]>summary:before{transform:rotate(90deg)}.panel-disclosure>summary h2{margin:0}.panel-disclosure[open]>summary{margin-bottom:12px}.panel-disclosure>summary:hover h2{color:#f6d98a}.panel-disclosure>summary:focus-visible{outline-offset:3px;border-radius:4px;outline:2px solid #42cafd}.panel-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.panel-header button{color:#f6f4ef;cursor:pointer;background:#18181f;border:1px solid #f6f4ef38;border-radius:6px;min-height:32px;padding:0 12px}.panel-actions{flex-wrap:wrap;gap:8px;min-width:0;display:flex}.query-scope{border:1px solid #f6f4ef29;border-radius:8px;grid-column:1/-1;min-width:0;margin:10px 0 0;padding:8px 10px 4px}.query-scope legend{color:#a9a297;padding:0 6px;font-size:.78rem}.figure-sequence-editor{border:1px solid #f6f4ef29;border-radius:8px;grid-column:1/-1;min-width:0;margin:10px 0 0;padding:8px 10px 10px}.figure-sequence-editor legend{color:#a9a297;padding:0 6px;font-size:.78rem}.figure-sequence-editor ol{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px 18px;margin:0 0 10px;padding-left:24px;display:grid}.figure-sequence-editor li{min-width:0}.query-toggles{flex-wrap:wrap;gap:4px 10px;min-width:0;display:flex}.query-scope .panel-context{color:#8f877c;margin:2px 0 8px;font-size:.74rem}.gate-modulation-panel{border-top:1px solid #f6f4ef1f;grid-column:1/-1;gap:8px;min-width:0;padding-top:10px;display:grid}.gate-modulation-panel>.panel-context{margin:0}.gate-modulation-row{grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:8px 10px;margin-top:0;padding-bottom:10px;display:grid}.panel-actions button[aria-pressed=true]{color:#101014;background:#f2c14e;border-color:#f2c14e}.strudel-panel pre{color:#f6f4ef;background:#101014db;border-radius:6px;margin:0;padding:12px;font-size:.78rem;line-height:1.5;overflow-x:auto}.strudel-panel output{color:#d8d3ca;min-height:1.4em;margin-top:8px;font-size:.86rem;display:block}.field{color:#e9e2d6;gap:6px;min-width:0;margin-bottom:12px;display:grid}.field span{justify-content:space-between;align-items:baseline;gap:12px;font-size:.84rem;display:flex}.field strong{color:#f6f4ef;font-variant-numeric:tabular-nums;font-size:.8rem;font-weight:600}.field input,.field select{width:100%;min-width:0}.field input[type=text],.field input[type=number],.field input:not([type]),.voice-row input:not([type]),.voice-row input[type=text]{color:#f6f4ef;background:#18181f;border:1px solid #f6f4ef33;border-radius:6px;min-height:32px;padding:5px 8px}.field input[type=color]{background:0 0;border:0;min-height:34px;padding:0}.field input[type=range]{accent-color:#42cafd}.range-labels{color:#a9a297;justify-content:space-between;font-size:.72rem;display:flex}.field select{color:#f6f4ef;background:#18181f;border:1px solid #f6f4ef33;border-radius:6px;padding:7px 10px}.voice-list{gap:14px;margin:12px 0 0;padding:0;list-style:none;display:grid}.voice-row{border-top:1px solid #f6f4ef1f;grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:8px 10px;min-width:0;padding-top:12px;display:grid}.voice-row:first-child{border-top:0;padding-top:0}.voice-row label{gap:4px;min-width:0;font-size:.72rem;display:grid}.voice-row label span{color:#f6f4ef9e}.voice-row select,.voice-row input[type=number]{color:#f6f4ef;background:#18181f;border:1px solid #f6f4ef33;border-radius:6px;width:100%;min-width:0;min-height:30px;padding:4px 4px 4px 8px;font-size:.78rem}.voice-row input[type=range]{accent-color:#42cafd;width:100%;min-width:0}.voice-row button,.control-panel>button,.control-panel>.panel-disclosure>button{color:#f6f4ef;cursor:pointer;background:#18181f;border:1px solid #f6f4ef38;border-radius:6px;min-height:30px;padding:4px 9px}.control-panel p,.control-panel li{color:#d8d3ca;font-size:.82rem;line-height:1.45}.voice-row>.panel-context{grid-column:1/-1;margin:0}.voice-row .voice-head{grid-column:1/-1;justify-content:space-between;align-items:baseline;gap:12px;min-width:0;display:flex}.voice-row>.voice-list,.voice-row>.panel-actions{grid-column:1/-1}.voice-row .voice-enable{align-items:center;gap:8px;min-width:0;font-size:.9rem;display:flex}.voice-enable input{accent-color:#f2c14e}.voice-enable span{color:#f6f4ef}.voice-count{color:#f6f4ef8c;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:.72rem}.sound-bank-panel>output,.sound-bank-panel>.panel-disclosure>output{color:#d8d3ca;margin-top:10px;font-size:.8rem;line-height:1.4;display:block}.sound-bank-import{gap:8px;display:grid}.sound-bank-card .panel-actions button{font-size:.75rem}.sound-bank-import button,.preset-assignment button,.sound-bank-card .panel-actions button{color:#f6f4ef;cursor:pointer;background:#18181f;border:1px solid #f6f4ef38;border-radius:6px;min-height:32px;padding:5px 10px}.sound-bank-list{gap:14px;margin:14px 0 0;padding:0;list-style:none;display:grid}.sound-bank-card{border-top:1px solid #f6f4ef1f;gap:10px;min-width:0;padding-top:12px;display:grid}.sound-bank-card .voice-head,.sound-bank-card dl>div,.preset-assignment{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.sound-bank-card dl{gap:4px;margin:0;display:grid}.sound-bank-card dt{color:#f6f4ef8f;font-size:.72rem}.sound-bank-card dd{color:#d8d3ca;text-align:right;overflow-wrap:anywhere;min-width:0;margin:0;font-size:.76rem}.bank-state{color:#d8d3ca;text-transform:uppercase;border:1px solid #f6f4ef33;border-radius:999px;padding:2px 8px;font-size:.68rem}.bank-state-ready{color:#70d089;border-color:#70d089b3}.bank-state-missing,.bank-state-unsupported,.bank-state-failed{color:#ff7979;border-color:#ff7979b8}.preset-preview{align-items:end;gap:8px;display:flex}.preset-preview .field{flex:1;margin:0}.preset-assignment{align-items:end}.preset-assignment .field{flex:1;margin:0}.relink-button{color:#f6f4ef;cursor:pointer;background:#18181f;border:1px solid #f6f4ef38;border-radius:6px;place-items:center;min-height:30px;padding:4px 9px;font-size:.75rem;display:inline-grid}.relink-button input{display:none}.instrument-preset{grid-column:1/-1}@media (width<=1240px){.workspace{grid-template:"stage voices"minmax(0,1.5fr)"stage shape"minmax(0,1fr)/minmax(0,1fr) minmax(320px,400px)}}@media (width<=900px){.app-shell{height:auto;min-height:100dvh;padding:12px}.workspace{grid-template:"stage""voices""shape"/minmax(0,1fr)}.rail{overflow-y:visible}.canvas-frame{aspect-ratio:1;max-height:70dvh;container-type:inline-size}.canvas-shell{width:100%}.brand{margin-right:0}.topbar-io{flex-wrap:wrap}}.composition-tree .tree-header{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.composition-tree .tree-list{flex-direction:column;gap:.15rem;margin:.4rem 0 0;padding:0;list-style:none;display:flex}.composition-tree .tree-heads{border-left:1px solid #ffffff1f;flex-direction:column;gap:.1rem;margin:.1rem 0 .35rem;padding-left:.9rem;list-style:none;display:flex}.composition-tree .tree-row{border-radius:4px;flex-direction:column;align-items:stretch;gap:.1rem;padding:.15rem .2rem;display:flex}.composition-tree .tree-row.is-selected{background:#6fd6c229;outline:1px solid #6fd6c280}.composition-tree .tree-row.is-disabled .tree-label{opacity:.45;text-decoration:line-through}.composition-tree .tree-label{text-align:left;color:inherit;font:inherit;cursor:pointer;overflow-wrap:anywhere;background:0 0;border:none;flex:none;min-width:0;padding:.1rem .2rem}.composition-tree .tree-label small{opacity:.6}.composition-tree .tree-actions{flex-wrap:nowrap;flex:none;justify-content:flex-start;align-items:center;gap:.2rem;min-width:0;display:flex}.composition-tree .tree-actions button{min-width:1.5rem;padding:.05rem .35rem;font-size:.75rem;line-height:1.5}.composition-tree .tree-actions button.is-active{background:#f2b88059;border-color:#f2b880cc}.composition-tree .tree-toggle{opacity:.8;align-items:center;gap:.1rem;font-size:.7rem;display:inline-flex}.composition-tree .removal-impact{background:#f2b8801a;border:1px solid #f2b880b3;border-radius:6px;margin-top:.6rem;padding:.5rem}.composition-tree .removal-impact h3{margin:0 0 .3rem;font-size:.9rem}.composition-tree .removal-impact ul{margin:.2rem 0 .5rem;padding-left:1.1rem;font-size:.8rem}.panel-context{opacity:.65;margin:-.3rem 0 .4rem;font-size:.78rem}.diagnostic-list{margin:0;padding-left:1.1rem;font-size:.82rem;line-height:1.45}.control-panel p.diagnostic-error,.control-panel li.diagnostic-error{color:#ff7979}.diagnostic-summary p{margin:0 0 .5rem;font-size:.84rem;line-height:1.45}.diagnostic-where{opacity:.8}.modal-dialog{color:#f6f4ef;background:#101014;border:1px solid #f6f4ef2e;border-radius:12px;width:min(680px,100vw - 32px);max-height:min(84dvh,900px);margin:auto;padding:0;overflow:hidden}.modal-dialog::backdrop{background:#06060aa8}.modal-dialog-frame{max-height:inherit;grid-template-rows:auto minmax(0,1fr) auto;min-height:0;display:grid}.modal-dialog-head{border-bottom:1px solid #f6f4ef1f;justify-content:space-between;align-items:center;gap:16px;padding:14px 18px;display:flex}.modal-dialog-head h2{margin:0;font-size:1.05rem}.modal-dialog-actions button,.settings-button{color:#f6f4ef;cursor:pointer;background:#18181f;border:1px solid #f6f4ef38;border-radius:6px;min-height:32px;padding:0 12px}.modal-dialog-actions .primary{background:#16323f;border-color:#42cafdcc}.modal-dialog-actions button:hover{border-color:#42cafdcc}.modal-dialog-actions{border-top:1px solid #f6f4ef1f;justify-content:flex-end;align-items:center;gap:10px;padding:12px 18px;display:flex}.modal-dialog-body{min-height:0;padding:16px 18px 18px;overflow-y:auto}.settings-section h3{margin:0 0 6px;font-size:.95rem}.settings-note{color:#a9a297;margin:0 0 14px;font-size:.8rem;line-height:1.45}.settings-section>output{color:#d8d3ca;margin-top:10px;font-size:.8rem;line-height:1.4;display:block}.link-button{color:#42cafd;font:inherit;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.embed-banks{color:#e9e2d6;cursor:pointer;align-items:center;gap:8px;margin-bottom:10px;font-size:.86rem;display:flex}.embed-banks input{accent-color:#42cafd}.bundle-size{color:#d8d3ca;font-variant-numeric:tabular-nums;margin:0;font-size:.82rem;line-height:1.45}