:root{--bg: #0a0b0c;--panel: #0c0d0f;--editor-bg: #07080a;--ink: #e9eaeb;--ink2: #cacccd;--dim: #8c8f92;--faint: #767a7e;--ghost: #323437;--rail: #282a2d;--card: rgba(10, 11, 12, .75);--hl: rgba(255, 255, 255, .06);--edge: rgba(255, 255, 255, .15);--rule: rgba(255, 255, 255, .13);--rule-faint: rgba(255, 255, 255, .042);--sel: #6aa9e0;--over: #d98a4a;--val: #e6c28c;--code-keyword: #86b9e8;--code-type: #e6c28c;--code-string: #b4c98b;--code-number: #f0a070;--code-comment: #9a9fa5;--scheme: dark;--mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--ui: "Schibsted Grotesk", system-ui, sans-serif;--compost-accent: var(--sel)}:root[data-theme=light]{--bg: #e4e5e2;--panel: #e4e5e2;--editor-bg: #eceeeb;--ink: #171819;--ink2: #343638;--dim: #45494c;--faint: #52565a;--ghost: #bfc1bf;--rail: #ced0cd;--card: rgba(228, 229, 226, .86);--hl: rgba(0, 0, 0, .05);--edge: rgba(0, 0, 0, .22);--rule: rgba(0, 0, 0, .18);--rule-faint: rgba(0, 0, 0, .065);--sel: #276fae;--over: #a94118;--val: #76500f;--code-keyword: #145f9c;--code-type: #76500f;--code-string: #46651f;--code-number: #984415;--code-comment: #555b60;--scheme: light}*{box-sizing:border-box}html{height:100%;font-size:12px;background:var(--bg)}body{min-width:320px;min-height:100%;margin:0;overflow:hidden;background:var(--bg);color:var(--ink);color-scheme:var(--scheme);font:400 1rem/1.4 var(--ui);letter-spacing:.006em;font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none}input,select,[contenteditable=true]{-webkit-user-select:text;user-select:text}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}button,select,input{font:inherit;letter-spacing:inherit}button{appearance:none;margin:0;border:0;border-radius:2px;padding:.455rem .636rem;background:none;color:var(--ink2);cursor:pointer}button:hover:not(:disabled){background:var(--hl);color:var(--ink)}button:disabled{opacity:.32;cursor:default}:focus-visible{outline:1px solid var(--sel);outline-offset:1px}button.primary{border:1px solid var(--sel);padding-block:.364rem;color:var(--ink)}.play-icon,.playing{color:var(--sel)}.topbar{height:4rem;display:flex;align-items:center;gap:1.091rem;padding:0 1.455rem;background:var(--panel);box-shadow:inset 0 -1px 0 var(--rule);color:var(--dim);font-size:.909rem}.toolbar{width:100%;min-width:0;display:flex;align-items:center;gap:.545rem;position:relative}.example-label,.volume{display:flex;align-items:center;gap:.545rem;color:var(--dim);white-space:nowrap}select{min-width:13rem;border:1px solid var(--ghost);border-radius:0;padding:.364rem 2rem .364rem .545rem;background:var(--bg);color:var(--ink2);outline:none}select:focus{border-color:var(--sel)}.volume{margin:0 .364rem 0 auto}.volume input{appearance:none;width:7.5rem;height:1rem;background:transparent;cursor:pointer}.volume input::-webkit-slider-runnable-track{height:.25rem;background:var(--ghost)}.volume input::-webkit-slider-thumb{appearance:none;width:.75rem;height:.75rem;margin-top:-.25rem;border:1px solid var(--sel);border-radius:50%;background:var(--panel)}.volume input::-moz-range-track{height:.25rem;background:var(--ghost)}.volume input::-moz-range-progress{height:.25rem;background:var(--sel)}.volume input::-moz-range-thumb{width:.75rem;height:.75rem;border:1px solid var(--sel);border-radius:50%;background:var(--panel)}#volume-value{width:2.8rem;color:var(--val);font-family:var(--mono);letter-spacing:0}.theme-toggle{display:grid;place-items:center;width:2.182rem;height:2.182rem;padding:0}.theme-toggle svg{width:1.091rem;height:1.091rem;fill:none;stroke:currentColor;stroke-width:1}.theme-toggle svg path{fill:currentColor;stroke:none}#more{width:2.182rem;height:2.182rem;padding:0}.file-actions{position:fixed;z-index:80;min-width:16rem;padding:.545rem 0;border:1px solid var(--edge);border-radius:0;background:var(--bg);box-shadow:0 18px 50px #000000d9}.file-actions button{display:block;width:100%;border-radius:0;padding:.545rem .818rem;text-align:left}.file-actions small{display:block;max-width:19rem;padding:.2rem .818rem .545rem;color:var(--faint);line-height:1.35}main{--preview-width: 341px;display:grid;grid-template-columns:minmax(0,1fr) .455rem var(--preview-width);height:calc(100vh - 4rem)}.workspace{display:grid;grid-template-rows:3.091rem minmax(0,1fr) 2rem;min-width:0;min-height:0;border-right:1px solid var(--rule);background:var(--editor-bg)}.preview-resizer{position:relative;z-index:3;width:100%;min-width:0;cursor:col-resize;touch-action:none}.preview-resizer:after{content:"";position:absolute;inset:0 0 0 50%;width:1px;background:var(--rule);transition:background .1s,width .1s}.preview-resizer:hover:after,.preview-resizer:focus-visible:after{width:2px;background:var(--sel)}.editor-header,.editor-footer{display:flex;align-items:center;justify-content:space-between;padding:0 1.455rem;color:var(--dim);font-size:.909rem;box-shadow:inset 0 -1px 0 var(--rule)}.editor-footer{justify-content:flex-start;gap:.818rem;overflow:hidden;box-shadow:inset 0 1px 0 var(--rule);font:400 .818rem var(--mono);letter-spacing:0}#cursor-position{flex:none}.status-dot{display:inline-block;width:.545rem;height:.545rem;margin-right:.545rem;border-radius:50%;background:var(--sel)}.editor-toggles,.editor-toggles label{display:flex;align-items:center;gap:.455rem}.editor-toggles{gap:1.091rem}.editor-toggles input{accent-color:var(--sel)}.editor-body{--explorer-width: 165px;display:grid;grid-template-columns:var(--explorer-width) .455rem minmax(0,1fr);min-height:0}.project-explorer{position:relative;min-width:0;overflow:hidden;border-right:1px solid var(--rule);background:var(--panel)}.project-explorer[open]{display:flex;flex-direction:column}.project-explorer.drop-target{box-shadow:inset 0 0 0 1px var(--sel)}.project-explorer.drop-target:after{content:"Drop to open project";position:absolute;inset:2.75rem 0 0;z-index:4;display:grid;place-items:center;padding:1rem;background:color-mix(in srgb,var(--panel) 88%,transparent);color:var(--ink);text-align:center;pointer-events:none}.explorer-resizer{position:relative;z-index:2;width:100%;min-width:0;cursor:col-resize;touch-action:none}.explorer-resizer:after{content:"";position:absolute;inset:0 0 0 50%;width:1px;background:var(--rule);transition:background .1s,width .1s}.explorer-resizer:hover:after,.explorer-resizer:focus-visible:after{width:2px;background:var(--sel)}.project-explorer>summary{min-height:2.75rem;padding:.727rem 7.5rem .727rem .818rem;color:var(--faint);cursor:pointer;font-size:.75rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase}.explorer-actions{position:absolute;top:.25rem;right:.35rem;display:flex;gap:.1rem}.explorer-actions>button{position:relative;display:grid;width:2.2rem;height:2.2rem;min-width:0;place-items:center;border-radius:0;padding:0;color:var(--dim);font:400 1rem var(--mono)}.explorer-actions>button:hover,.explorer-actions>button:focus-visible{color:var(--ink)}.explorer-actions svg{width:1.2rem;height:1.2rem;fill:none;stroke:currentColor;stroke-linecap:square;stroke-linejoin:miter;stroke-width:1.25}.explorer-actions .add-mark{position:absolute;right:.05rem;bottom:.05rem;color:var(--sel);font-size:.65rem}#file-tree{display:flex;min-height:0;flex:1 1 0;flex-direction:column;overflow:auto;padding-bottom:.727rem}.project-explorer[open]>#file-tree{position:absolute;inset:2.75rem 0 0}#file-tree button{width:100%;min-width:0;padding:.5rem .818rem .5rem 1.455rem;border-radius:0;overflow:hidden;color:var(--dim);font:400 .92rem var(--mono);text-align:left;text-overflow:ellipsis;white-space:nowrap}#file-tree button[aria-current=page]{background:var(--hl);color:var(--ink);box-shadow:inset 2px 0 0 var(--sel)}#file-tree .dragging{opacity:.45}#file-tree .project-drop-target{background:color-mix(in srgb,var(--sel) 16%,transparent);box-shadow:inset 0 0 0 1px var(--sel);color:var(--ink)}.explorer-folder{min-width:0}.explorer-folder>summary{padding:.5rem .818rem;overflow:hidden;color:var(--dim);cursor:pointer;font:400 .92rem var(--mono);text-overflow:ellipsis;white-space:nowrap}.explorer-folder>summary::marker{color:var(--faint)}.explorer-folder>:not(summary){width:calc(100% - .818rem);margin-left:.818rem}.explorer-inline-edit{padding:.2rem .45rem .2rem 1.2rem}.explorer-inline-edit input{width:100%;min-width:0;border:1px solid var(--sel);padding:.28rem .35rem;background:var(--editor-bg);color:var(--ink);font:400 .92rem var(--mono);outline:none}.explorer-context-menu{position:fixed;z-index:100;min-width:12.5rem;padding:.35rem 0;border:1px solid var(--edge);background:var(--bg);box-shadow:0 12px 35px #000000a6}.explorer-context-menu[hidden]{display:none}.explorer-context-menu button{display:block;width:100%;border-radius:0;padding:.55rem .8rem;text-align:left}.explorer-context-menu button.danger:not(:disabled){color:var(--over)}.project-dialog{width:min(38rem,calc(100vw - 2rem));border:1px solid var(--edge);border-radius:0;padding:0;background:var(--bg);color:var(--ink);box-shadow:0 24px 80px #000c}.project-dialog::backdrop{background:#0000009e;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.project-dialog form{display:grid;gap:1.2rem;padding:1.2rem}.project-dialog header,.project-dialog footer{display:flex;align-items:center;justify-content:space-between;gap:.6rem}.project-dialog h2{margin:0;font-size:1.15rem;font-weight:400}.project-dialog header button{min-width:2rem;padding:.2rem;font-size:1.4rem}.project-dialog label{display:grid;gap:.45rem;color:var(--dim)}.project-dialog input,.project-dialog select{width:100%;min-width:0;border:1px solid var(--ghost);padding:.65rem;background:var(--editor-bg);color:var(--ink);font:400 .95rem var(--mono)}.project-dialog input::placeholder{color:var(--dim);opacity:1}.project-dialog p{margin:.55rem 0 0;color:var(--dim);font-size:.86rem}.project-dialog footer{justify-content:flex-end}.project-dialog footer button{border:1px solid var(--ghost)}.project-dialog footer button.primary{border-color:var(--sel)}.start-gate{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:1rem;background:transparent}.start-gate[hidden]{display:none}.start-card{display:grid;width:min(24rem,calc(100vw - 2rem));gap:.35rem;border:1px solid var(--edge);border-radius:0;padding:1.4rem 1.6rem;background:var(--panel);box-shadow:0 24px 80px #000000a6;text-align:left}.start-card:hover:not(:disabled){border-color:var(--sel);background:var(--panel)}.start-card strong{color:var(--ink);font-size:1.25rem;font-weight:500}.start-card span{color:var(--dim);font-size:.9rem}#editor{height:100%;min-height:0;overflow:hidden}.cm-editor{height:100%;background:var(--editor-bg);color:var(--ink);font-size:1.273rem}.cm-editor.cm-focused{outline:none}.cm-scroller{font-family:var(--mono);line-height:1.58;letter-spacing:0}.cm-gutters{border:0!important;padding-left:.545rem;background:var(--editor-bg)!important;color:var(--faint)!important}.cm-activeLine,.cm-activeLineGutter{background:var(--hl)!important}.cm-selectionBackground{background:color-mix(in srgb,var(--sel) 28%,transparent)!important}.cm-cursor{border-left-color:var(--sel)!important}.cm-tooltip{border:1px solid var(--edge)!important;border-radius:0!important;background:var(--bg)!important;color:var(--ink)!important}.cm-panels{background:var(--panel)!important;color:var(--ink)!important}:root[data-theme=light] .parameters compost-knob,:root[data-theme=light] .meter-card compost-meter,:root[data-theme=light] .scope-panel compost-scope{color:var(--ink)}.preview{overflow-y:auto;padding:1.455rem;background:var(--panel)}.preview-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:.727rem}.eyebrow,.diagnostics-heading{color:var(--faint);font-size:.727rem;font-weight:500;letter-spacing:.08em}h1{margin:0;color:var(--ink);font-size:1.455rem;font-weight:400;letter-spacing:0}.pill{padding:.273rem .545rem;border:1px solid var(--ghost);border-radius:2px;color:var(--dim);font-size:.818rem;white-space:nowrap}.pill.playing{border-color:var(--sel);background:transparent;color:var(--sel)}.attribution{min-height:2.6rem;margin:.545rem 0 .909rem;color:var(--dim);font-size:.9rem;line-height:1.4}.midi-input,.audio-input{margin-bottom:.909rem;border-block:1px solid var(--rule);background:var(--card)}.midi-input[hidden],.audio-input[hidden],.input-source-controls[hidden]{display:none}.surface-label{padding:.455rem .727rem;border-bottom:1px solid var(--rule);color:var(--faint);font-size:.727rem;letter-spacing:.08em;text-transform:uppercase}.tool-launcher{display:grid;grid-template-columns:minmax(7rem,1fr) minmax(9rem,1fr);align-items:stretch;gap:.545rem;padding:.545rem .727rem;color:var(--dim)}.tool-launcher button,.meter-tool>button{border:1px solid var(--ghost);border-radius:0;font-size:.818rem}.midi-input.tool-launcher{grid-template-columns:repeat(auto-fit,minmax(min(14rem,100%),1fr))}.docked-keyboard{display:grid;min-width:0;grid-column:1 / -1;grid-template-columns:minmax(0,1fr) 2.5rem}#docked-midi-piano{width:100%;--compost-piano-height: 4.5rem;color:var(--ink)}.docked-keyboard>button{width:2.5rem;min-width:0;border-left:1px solid var(--rule);border-radius:0;padding:0;color:var(--ink2)}.midi-tools{display:grid;grid-column:1 / -1;align-content:start;gap:0}.midi-tools compost-midi{min-width:0;--compost-midi-columns: 1fr;color:var(--ink2)}.midi-tools compost-midi::part(label),.midi-tools compost-midi::part(status){display:none}.sequencer-host{min-width:0;min-height:0}#docked-sequencer{grid-column:1 / -1}.sequencer-panel{display:grid;width:100%;height:6rem;min-width:0;grid-template-rows:1.8rem minmax(0,1fr);overflow:hidden;border:1px solid var(--rule);background:var(--card)}.sequencer-transport{display:grid;grid-template-columns:2rem minmax(0,1fr) 2rem;align-items:stretch;border-bottom:1px solid var(--rule)}.sequencer-transport>button{min-width:0;min-height:0;border:0;border-right:1px solid var(--rule);padding:0;color:var(--ink2)}.sequencer-transport>button:last-child{border-right:0;border-left:1px solid var(--rule)}.sequencer-transport label{display:flex;min-width:0;align-items:center;justify-content:center;gap:.25rem;color:var(--faint);font-size:.64rem}.sequencer-transport compost-number-box{--number-box-width: 3.4rem;--number-box-height: 1.45rem;--number-box-font-size: .72rem;color:var(--ink2)}.sequencer-panel compost-note-editor{display:block;width:100%;height:100%;min-width:0;min-height:0;color:var(--ink2)}#docked-sequencer compost-note-editor{--compost-note-editor-key-width: 1.5em;--compost-note-editor-ruler-height: 1.35em;font-size:7px}#docked-sequencer compost-note-editor::part(division){display:none}#floating-sequencer{width:100%;height:100%}#floating-sequencer .sequencer-panel{height:100%;grid-template-rows:2.6rem minmax(0,1fr);border:0}#floating-sequencer .sequencer-transport{grid-template-columns:2.6rem minmax(0,1fr) 2.6rem}#floating-sequencer .sequencer-transport label{font-size:.76rem}#floating-sequencer .sequencer-transport compost-number-box{--number-box-width: 4.4rem;--number-box-height: 2rem;--number-box-font-size: .82rem}.input-source-header,.input-source-controls{display:flex;align-items:center;gap:.545rem;padding:.727rem}.input-source-header{justify-content:space-between;border-bottom:1px solid var(--rule)}.input-source-header label,.input-source-controls label{display:flex;align-items:center;gap:.545rem;color:var(--dim)}.input-source-header>span{color:var(--faint);font:400 .727rem var(--mono);text-transform:uppercase}.input-source-controls{min-height:3.636rem}.input-source-controls>span,.input-status{color:var(--dim);font-size:.818rem}.input-source-controls compost-piano{width:100%;--compost-piano-height: 7rem;color:var(--ink)}.input-source-controls select{min-width:8rem}#wav-controls{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center}#wav-input,.wav-info{grid-column:1 / -1;min-width:0;width:100%}#wav-controls button{white-space:nowrap}.wav-info{color:var(--faint);font:400 .727rem var(--mono)}.input-status{padding:0 .727rem .727rem}.patch-controls{margin-bottom:.909rem}.patch-controls>button{width:100%;border:1px solid var(--ghost);border-radius:0;padding:.636rem}#parameters-home{display:none}.patch-view-host{display:grid;place-items:start center;max-width:100%;overflow:auto}.patch-view-host[hidden],.parameters[hidden]{display:none}.patch-view-frame{position:relative;flex:none;overflow:hidden}.patch-view-frame>*{position:absolute;inset:0 auto auto 0;display:block}compost-window{--compost-window-bg: var(--panel);--compost-window-text: var(--ink);--compost-window-border: var(--edge);--compost-window-focus: var(--sel);--compost-window-control-min: 44px;font-family:var(--ui)}compost-window::part(pin),compost-window::part(close){min-width:2em;min-height:0;height:100%}compost-window[always-on-top]::part(pin){background:transparent;color:var(--sel)}#patch-window{--compost-window-control-min: 0px}.patch-window-tabs{display:flex;height:100%;align-items:stretch;align-self:stretch;gap:0}.patch-window-tabs button{position:relative;display:grid;min-width:7.5rem;min-height:0;grid-template-columns:1fr 1fr;align-items:center;border:0;border-left:1px solid var(--rule);border-radius:0;padding:0;color:var(--dim)}.patch-window-tabs button:before{content:"";position:absolute;inset:3px 50% 3px 3px;z-index:0;background:var(--rule);transition:translate .12s ease}.patch-window-tabs button[aria-pressed=true]:before{translate:calc(100% - 3px) 0}.patch-window-tabs button span{position:relative;z-index:1;padding:0 .455rem;font-size:.727rem}.patch-window-tabs button[aria-pressed=false] span:first-child,.patch-window-tabs button[aria-pressed=true] span:last-child{color:var(--ink)}#floating-view{width:100%;height:100%;container-type:inline-size}#floating-view>.parameters{width:100%;min-height:100%;overflow:auto}.parameters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-content:start;gap:.45rem .25rem;min-height:10rem;padding:.55rem;border-block:1px solid var(--rule);background:var(--card)}.parameters compost-knob{--knob-scale: 1.1;justify-self:center;color:var(--ink2)}.parameters compost-knob::part(value){color:var(--val)}@container (max-width: 27rem){.parameters{grid-template-columns:repeat(3,minmax(0,1fr))}}@container (max-width: 20rem){.parameters{grid-template-columns:repeat(2,minmax(0,1fr))}}@container (max-width: 12rem){.parameters{grid-template-columns:minmax(0,1fr)}}.empty{grid-column:1 / -1;align-self:center;margin:0;color:var(--dim);font-size:.909rem;line-height:1.5;text-align:center}.output-tools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.727rem;margin-top:.75rem;padding-bottom:.75rem}.analysis-card{min-width:0;overflow:hidden;border:1px solid var(--rule);background:var(--card)}.analysis-card-heading{display:flex;height:2.5rem;align-items:center;justify-content:space-between;padding-left:.636rem;border-bottom:1px solid var(--rule)}.analysis-card-heading strong{color:var(--ink2);font-size:.818rem;font-weight:400}.analysis-card-heading button{align-self:stretch;width:2.5rem;border-left:1px solid var(--rule);border-radius:0;padding:0;color:var(--dim)}.meter-tool{display:flex;flex-direction:column}.meter-host{min-width:0;height:100%}.meter-card{display:grid;min-width:0;grid-template-columns:3.5rem minmax(0,1fr);align-items:center;gap:.545rem;padding:.545rem;background:var(--card)}.meter-card compost-meter{display:block;width:100%;--meter-length: 5rem;--meter-channel-width: 1.25rem;--meter-gap: .273rem;--meter-primary-width: 62%;--meter-primary: var(--sel);--meter-over: var(--over);color:var(--ink2)}.meter-card compost-meter::part(label),.meter-card compost-meter::part(legend),.meter-card compost-meter::part(channel-labels){display:none}.cpu-meter{min-width:0;padding-left:.545rem;border-left:1px solid var(--rule)}.cpu-meter>div:first-child{display:flex;justify-content:space-between;gap:.727rem}.cpu-meter>div:first-child span{color:var(--faint);font-size:.72rem}.cpu-meter output{color:var(--val);font:500 .9rem var(--mono)}.cpu-track{height:.273rem;margin-top:.273rem;overflow:hidden;background:var(--ghost)}.cpu-track i{display:block;width:0;height:100%;background:var(--sel);transition:width .2s ease-out,background .1s}.cpu-meter.high .cpu-track i{background:var(--over)}.cpu-meter.timer-limited .cpu-track i{opacity:.55;background:repeating-linear-gradient(90deg,var(--sel) 0 2px,transparent 2px 4px)}.tool-placeholder{min-height:5rem;margin:0;display:grid;place-items:center;border:1px solid var(--rule);color:var(--dim);font-size:.727rem;text-align:center}.tool-placeholder[hidden]{display:none}#floating-meter{width:100%;height:100%;padding:.545rem}#floating-meter .meter-card{display:flex;height:100%;flex-direction:column;align-items:stretch}#floating-meter .cpu-meter{width:100%;padding:.3rem 0 0;border-top:1px solid var(--rule);border-left:0}#floating-meter compost-meter{flex:1;min-height:0;--meter-length: 15rem;--meter-channel-width: 2.2rem}.scope-card{min-width:0}.scope-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:.727rem;margin-bottom:.545rem}.scope-heading>div:first-child{display:flex;flex-direction:column;gap:.182rem}.scope-heading strong{color:var(--ink2);font-size:.909rem;font-weight:400}.scope-heading span{color:var(--dim);font:400 .8rem var(--mono)}.scope-heading button{flex:none;border:1px solid var(--ghost);border-radius:0;font-size:.727rem}.scope-panel{display:flex;min-width:0;flex-direction:column;gap:.545rem}.scope-placeholder{margin:0;min-height:5rem;display:grid;place-items:center;border:1px solid var(--rule);color:var(--dim);font-size:.818rem;text-align:center}.scope-placeholder[hidden]{display:none}.scope-host{min-width:0}#docked-scope .scope-settings,#docked-scope #scope-settings-toggle{display:none}#docked-scope .scope-stage{width:100%;height:6.1rem}#docked-scope .scope-panel compost-scope{--scope-height: 6.1rem}#floating-scope{width:100%;height:100%;overflow:hidden;padding:.727rem}#floating-scope .scope-panel{height:100%}#floating-scope .scope-stage{flex:1;height:auto;min-height:0}#floating-scope .scope-panel compost-scope{height:100%;--scope-height: 100%}.keyboard-title{display:flex;width:100%;align-items:center;gap:.727rem}.keyboard-title b{color:var(--ink);font-weight:400}.keyboard-title span{color:var(--faint);font:400 .8rem var(--mono)}.keyboard-title button{min-height:0;padding:0 .273rem;color:var(--dim);font-family:var(--mono)}.floating-keyboard{position:relative;width:100%;height:100%}.floating-keyboard compost-piano{display:block;width:100%;height:100%;max-height:100%;font-size:16px;--compost-piano-height: 100%;color:var(--ink)}.keyboard-grip{position:absolute;top:0;bottom:0;z-index:3;width:8px;cursor:ew-resize;touch-action:none}.keyboard-grip.left{left:-3px}.keyboard-grip.right{right:-3px}.keyboard-grip:after{content:"";position:absolute;top:22%;bottom:22%;left:3px;width:2px;background:var(--faint);opacity:0;transition:opacity .12s}.keyboard-grip:hover:after{opacity:.7}.scope-settings>.scope-controls{position:fixed;z-index:200;border:1px solid var(--edge);padding:.545rem;background:var(--bg);box-shadow:0 18px 50px #000000bf}.scope-settings>.scope-controls[hidden]{display:none}.scope-controls{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:end;gap:.364rem}.scope-controls label{display:flex;flex-direction:column;gap:.182rem;color:var(--faint);font-size:.727rem;text-transform:uppercase}.scope-controls select,.scope-controls input{min-width:0;width:100%;height:2.182rem;border:1px solid var(--ghost);border-radius:0;padding:.273rem .455rem;background:var(--bg);color:var(--ink2);font-size:.818rem;text-transform:none}.scope-controls compost-number-box{--number-box-width: 100%;--number-box-height: 2.182rem;--number-box-font-size: .818rem;color:var(--ink2);text-transform:none}.scope-controls select{padding-right:1.455rem}.scope-controls :disabled{opacity:.4}.scope-controls button{height:2.182rem;border:1px solid var(--ghost);border-radius:0;font-size:.818rem}.scope-controls button[aria-pressed=true]{border-color:var(--sel);color:var(--sel)}.scope-stage{position:relative;height:10rem;background:var(--card)}.scope-stage>canvas{position:absolute;inset:0;z-index:1;width:100%;height:100%;pointer-events:none}.scope-panel compost-scope{position:relative;z-index:2;--scope-height: 10rem;--scope-background: transparent;--scope-grid: var(--rule-faint);--scope-zero: var(--rule);--scope-trace: var(--sel);--scope-marker: var(--rule);--scope-label: var(--dim);--scope-border: var(--edge);color:var(--ink2);font:400 .727rem var(--mono)}.diagnostics{min-width:0;flex:1;margin:0}.diagnostics-heading{display:flex;justify-content:space-between;text-transform:uppercase}.diagnostic-output{display:flex;min-width:0;align-items:center;gap:.545rem;padding-left:.636rem;border-left:2px solid var(--faint);font:inherit;letter-spacing:0;white-space:nowrap}.diagnostic-output strong{flex:none;font-weight:400}.diagnostic-output span{min-width:0;overflow:hidden;color:var(--dim);text-overflow:ellipsis}.diagnostic-output.success{border-color:var(--sel)}.diagnostic-output.error{border-color:var(--over)}.diagnostic-output.error strong{color:var(--over)}.diagnostic-output.busy{border-color:var(--val)}.diagnostic-output[hidden]{display:none}#toast{position:fixed;left:50%;top:4.45rem;z-index:250;max-width:min(48rem,calc(100vw - 1rem));translate:-50% -.5rem;opacity:0;pointer-events:none;border:1px solid var(--edge);padding:.636rem .909rem;background:var(--bg);color:var(--ink);box-shadow:0 18px 50px #000000d9;transition:translate .12s ease}#toast.visible{translate:-50% 0;opacity:1}#toast.error{border-color:var(--over)}@media(max-width:900px){body{overflow:auto}.topbar{height:auto;min-height:4rem;flex-wrap:wrap;padding-block:.545rem}.toolbar{flex:1 1 100%;order:2;margin:0;flex-wrap:wrap}main{--workspace-height: 490px;grid-template-columns:1fr;grid-template-rows:var(--workspace-height) .455rem auto;height:auto}.workspace{height:auto;min-height:0;border-right:0;border-bottom:1px solid var(--rule)}.preview-resizer{height:100%;cursor:row-resize}.preview-resizer:after{inset:50% 0 0;width:auto;height:1px}.preview-resizer:hover:after,.preview-resizer:focus-visible:after{width:auto;height:2px}.preview{overflow:visible;min-height:38dvh}}@media(max-width:600px){.topbar{gap:.545rem;padding-inline:.909rem}.toolbar{display:grid;grid-template-columns:minmax(0,1fr) 4rem 4rem;gap:.455rem}.example-label{grid-column:1 / -1}.example-label select{flex:1;min-width:0;min-height:4rem}#build{grid-column:1 / 3}#stop{grid-column:3}.volume{grid-column:1 / -1;min-height:4rem;margin:0}.volume input{flex:1;height:4rem}button{min-height:4rem;padding-inline:.727rem}#stop,#share,.theme-toggle,#more{border:1px solid var(--ghost)}.theme-toggle,#more{width:4rem;height:4rem}#share{font-size:0}#share:after{content:"Share";font-size:.909rem}main{display:grid}.editor-header,.editor-footer{padding-inline:.909rem}.editor-toggles{gap:.727rem}.editor-footer #draft-state{display:none}.editor-body{--explorer-height: 99px;grid-template-columns:1fr;grid-template-rows:var(--explorer-height) .455rem minmax(0,1fr)}.project-explorer{border-right:0;border-bottom:1px solid var(--rule)}.project-explorer>summary{min-height:4rem;padding-right:13rem}.explorer-actions>button{width:4rem;height:4rem;min-height:4rem}.explorer-resizer{height:100%;cursor:row-resize}.explorer-resizer:after{inset:50% 0 0;width:auto;height:1px}.explorer-resizer:hover:after,.explorer-resizer:focus-visible:after{width:auto;height:2px}#file-tree{overflow:auto;padding:0 .455rem .455rem}.project-explorer[open]>#file-tree{inset:4rem 0 0}#file-tree button,.explorer-folder>summary{min-height:4rem;padding-block:1.273rem}.preview{padding:1.091rem}.input-source-header,.input-source-controls{align-items:stretch;flex-direction:column}.input-source-header select,.input-source-controls select,.input-source-controls button,.input-source-controls input[type=file]{width:100%;min-height:4rem}.input-source-controls label{justify-content:space-between}.scope-heading{align-items:center}.scope-heading button{min-height:4rem}.scope-controls{width:100%}.scope-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.scope-controls label{font-size:1.091rem}.scope-controls select{width:100%;min-height:4rem}.scope-controls input{min-height:4rem}.scope-controls compost-number-box{--number-box-height: 4rem}.scope-controls button{height:4rem}.scope-panel compost-scope{font-size:1rem}#floating-scope{padding:.545rem}}