/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--font-weight-medium:500;--radius-md:.375rem;--ease-out:cubic-bezier(0, 0, .2, 1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-background:var(--lightningcss-light,oklch(98% .004 245))var(--lightningcss-dark,oklch(18% .014 245));--color-foreground:var(--lightningcss-light,oklch(25% .017 245))var(--lightningcss-dark,oklch(93% .009 245));--color-card:var(--lightningcss-light,oklch(100% 0 0))var(--lightningcss-dark,oklch(22% .017 245));--color-muted:var(--lightningcss-light,oklch(96% .007 245))var(--lightningcss-dark,oklch(16% .014 245));--color-border:var(--lightningcss-light,oklch(88% .012 245))var(--lightningcss-dark,oklch(33% .02 245));--color-muted-foreground:var(--lightningcss-light,oklch(45% .02 245))var(--lightningcss-dark,oklch(73% .015 245));--color-primary:var(--lightningcss-light,#0072b1)var(--lightningcss-dark,#8bc1f1);--color-primary-foreground:var(--lightningcss-light,#fff)var(--lightningcss-dark,oklch(20% .025 245));--color-primary-muted:var(--lightningcss-light,#ebf4f9)var(--lightningcss-dark,#1e2933)}@supports (color:color-mix(in lab, red, red)){:root,:host{--color-primary-muted:color-mix(in oklab, var(--color-primary) 8%, var(--color-card))}}:root,:host{--color-destructive:var(--lightningcss-light,oklch(48% .16 25))var(--lightningcss-dark,oklch(77% .13 25));--color-warning:var(--lightningcss-light,oklch(49% .11 70))var(--lightningcss-dark,oklch(79% .12 75));--color-playback:var(--color-warning);--color-playback-muted:var(--lightningcss-light,#f5f1eb)var(--lightningcss-dark,#252727)}@supports (color:color-mix(in lab, red, red)){:root,:host{--color-playback-muted:color-mix(in oklab, var(--color-playback) 8%, var(--color-card))}}:root,:host{--color-input-border:var(--color-muted-foreground);--color-destructive-foreground:var(--color-primary-foreground);--color-success:var(--lightningcss-light,#237442)var(--lightningcss-dark,#83dca1);--color-ring:var(--color-primary)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.isolate{isolation:isolate}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.table{display:table}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-center{justify-content:center}.gap-2{gap:calc(var(--spacing) * 2)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.rounded{border-radius:.25rem}.rounded-md{border-radius:var(--radius-md)}.border{border-style:var(--tw-border-style);border-width:1px}.border-border{border-color:var(--color-border)}.border-destructive{border-color:var(--color-destructive)}.border-primary{border-color:var(--color-primary)}.bg-card{background-color:var(--color-card)}.bg-primary{background-color:var(--color-primary)}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.whitespace-nowrap{white-space:nowrap}.text-destructive{color:var(--color-destructive)}.text-foreground{color:var(--color-foreground)}.text-primary-foreground{color:var(--color-primary-foreground)}.lowercase{text-transform:lowercase}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.grayscale{--tw-grayscale:grayscale(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.invert{--tw-invert:invert(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}@media (hover:hover){.hover\:bg-destructive\/10:hover{background-color:var(--lightningcss-light,#a5292b1a)var(--lightningcss-dark,#fc928a1a)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-destructive\/10:hover{background-color:color-mix(in oklab, var(--color-destructive) 10%, transparent)}}.hover\:bg-muted:hover{background-color:var(--color-muted)}.hover\:bg-primary\/90:hover{background-color:var(--lightningcss-light,#0072b1e6)var(--lightningcss-dark,#8bc1f1e6)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-primary\/90:hover{background-color:color-mix(in oklab, var(--color-primary) 90%, transparent)}}}.focus-visible\:outline-2:focus-visible{outline-style:var(--tw-outline-style);outline-width:2px}.focus-visible\:outline-offset-2:focus-visible{outline-offset:2px}.focus-visible\:outline-ring:focus-visible{outline-color:var(--color-ring)}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:opacity-40:disabled{opacity:.4}.\[\&_svg\]\:size-4 svg{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}}.studio-shell{--trace-bg:var(--color-muted);--trace-grid:var(--lightningcss-light,#e1e7ec)var(--lightningcss-dark,#192027)}@supports (color:color-mix(in lab, red, red)){.studio-shell{--trace-grid:color-mix(in oklab, var(--color-border) 45%, var(--color-muted))}}.studio-shell{--trace-gridOctave:var(--color-border);--trace-label:var(--color-muted-foreground);--trace-line:var(--color-primary);--trace-faint:var(--lightningcss-light,#77b2d4)var(--lightningcss-dark,#4a6782)}@supports (color:color-mix(in lab, red, red)){.studio-shell{--trace-faint:color-mix(in oklab, var(--color-primary) 50%, var(--color-muted))}}.studio-shell{--trace-sub:var(--color-muted);--trace-beat:var(--trace-grid);--trace-bar:var(--color-border);--trace-playhead:var(--color-playback);--trace-note:var(--color-primary);--trace-noteEdge:var(--lightningcss-light,#73b1d4)var(--lightningcss-dark,#557794)}@supports (color:color-mix(in lab, red, red)){.studio-shell{--trace-noteEdge:color-mix(in oklab, var(--color-primary) 55%, var(--color-card))}}.studio-shell{--trace-noteText:var(--color-primary-foreground)}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;accent-color:var(--color-primary);caret-color:var(--color-primary)}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}::selection{background:var(--color-primary);color:var(--color-primary-foreground)}@media (forced-colors:active){:root{--color-background:Canvas!important;--color-card:Canvas!important;--color-muted:Canvas!important;--color-foreground:CanvasText!important;--color-muted-foreground:CanvasText!important;--color-border:CanvasText!important;--color-input-border:ButtonText!important;--color-primary:LinkText!important;--color-primary-foreground:Canvas!important;--color-primary-muted:Canvas!important;--color-ring:Highlight!important;--color-playback:LinkText!important;--color-playback-muted:Canvas!important;--color-destructive:CanvasText!important;--color-destructive-foreground:Canvas!important;--color-warning:CanvasText!important;--color-success:CanvasText!important}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:var(--color-background);--panel:var(--color-card);--line:var(--color-input-border);--fg:var(--color-foreground);--muted:var(--color-muted-foreground);--accent:var(--color-primary);--warn:var(--color-warning);--bad:var(--color-destructive)}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}.midi-output{align-items:center;gap:.5rem;margin-top:.4rem;display:flex}*{box-sizing:border-box}body{background:var(--color-background);color:var(--color-foreground);margin:0;padding:2rem 1rem 4rem;font:15px/1.5 system-ui,sans-serif}main{max-width:680px;margin:0 auto}h1{margin:0 0 .2rem;font-size:1.6rem}h1 span{color:var(--accent)}.tagline{color:var(--muted);margin:0 0 1.5rem}a{color:var(--accent);cursor:pointer;text-decoration:none}a:hover{text-decoration:underline}section{background:var(--panel);border:1px solid var(--line);border-radius:10px;margin-bottom:1rem;padding:1.1rem 1.2rem}[hidden]{display:none!important}h2{letter-spacing:.02em;margin:0 0 .9rem;font-size:1rem}label{color:var(--muted);margin-bottom:.3rem;font-size:.85rem;display:block}select,button,input{font:inherit;color:var(--color-foreground);border:1px solid var(--line);background:#0e1116;border-radius:7px;padding:.5rem .7rem}select,input[type=text],input[type=number]{width:100%}button{cursor:pointer;background:#222a34;transition:background .12s}button:hover:not(:disabled){background:#2d3744}button:disabled{opacity:.4;cursor:default}button.primary{background:var(--accent);color:#06231a;border-color:var(--accent);font-weight:600}button.primary:hover:not(:disabled){filter:brightness(1.08)}button.danger{color:var(--bad);border-color:var(--bad)}.row{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.row>*{margin:0}.field{margin-bottom:.9rem}.spacer{margin-left:auto}.step{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:.75rem}.hint{color:var(--muted);margin:.35rem 0 0;font-size:.82rem}.sub{text-align:center;color:var(--muted);font-variant-numeric:tabular-nums;margin:.1rem 0 .8rem}.meter{border:1px solid var(--line);background:#0a0d11;border-radius:7px;height:14px;overflow:hidden}.meter>div{background:var(--accent);width:0%;height:100%;transition:width 50ms linear}.meter.clip>div{background:var(--bad)}canvas.trace{border:1px solid var(--line);background:#0a0d11;border-radius:7px;width:100%;height:160px;display:block}.checklist{margin:.6rem 0 0;padding:0;list-style:none}.checklist li{color:var(--muted);align-items:center;gap:.5rem;padding:.22rem 0;font-size:.85rem;display:flex}.checklist .dot{background:var(--line);border-radius:50%;flex:none;width:9px;height:9px}.checklist li.pass{color:var(--color-foreground)}.checklist li.pass .dot{background:var(--accent)}.checklist li.fail .dot{background:var(--bad)}.checklist .detail{color:var(--muted);font-variant-numeric:tabular-nums;margin-left:auto;font-size:.78rem}.tune{grid-template-columns:1fr;gap:.4rem;display:grid}.tune .ctl{grid-template-columns:8.5rem 1fr 4.5rem;align-items:center;gap:.7rem;display:grid}.tune .ctl label{margin:0}.tune .ctl .val{color:var(--accent);font-variant-numeric:tabular-nums;text-align:right;font-size:.85rem}.tune .ctl label[title]{cursor:help;-webkit-user-select:none;user-select:none}.tune input[type=range]{width:100%;min-width:0;accent-color:var(--accent);background:0 0;border:0;padding:0}main:not(.studio-shell):has(#view-editor,#view-capture){max-width:1280px}.pair{grid-template-columns:1fr 1fr;align-items:start;gap:1rem;display:grid}.pair>section{min-width:0;margin:0}.side-head{align-items:baseline;gap:.8rem;min-height:1.6rem;margin-bottom:.6rem;display:flex}.side-head h2{margin:0}.side-head .hint{font-variant-numeric:tabular-nums;margin:0}.grid-wrap{position:relative}canvas.roll{height:240px}.playhead{background:var(--warn);pointer-events:none;width:2px;position:absolute;top:0;bottom:0}.side .actions{margin-top:.6rem}.side .actions .play{min-width:8.5rem}.side .actions .export{min-width:5.5rem}.side .actions select{width:auto;padding:.4rem .5rem;font-size:.85rem}.more{margin-top:.9rem}.more summary{cursor:pointer;color:var(--muted);margin-bottom:.7rem;font-size:.85rem}@media (width<=900px){.pair{grid-template-columns:1fr}}.recordings{flex-direction:column;gap:.6rem;display:flex}.recording{border:1px solid var(--line);background:var(--panel);border-radius:9px;align-items:center;gap:.8rem;padding:.8rem 1rem;display:flex}.recording:hover{border-color:var(--accent)}.recording .name{font-weight:600}.recording .meta{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.8rem}.recording .actions{flex-wrap:wrap;justify-content:flex-end;gap:.4rem;margin-left:auto;display:flex}.recording .actions .play{min-width:4.8rem}.recording .actions button{padding:.35rem .6rem;font-size:.8rem}.count{text-align:center;min-width:2ch;font-size:2rem;font-weight:700}.button{font:inherit;color:var(--color-foreground);border:1px solid var(--line);background:#222a34;border-radius:7px;padding:.5rem .7rem;line-height:normal;text-decoration:none;display:inline-block}.button:hover{background:#2d3744;text-decoration:none}.button.primary{background:var(--accent);color:#06231a;border-color:var(--accent);font-weight:600}.recording .actions .button{padding:.35rem .6rem;font-size:.8rem}.setup-controls{border:0;min-inline-size:0;margin:0;padding:0}.step-heading{justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.step-heading h2:focus{outline:2px solid var(--accent);outline-offset:4px}.setup-step.completed{padding-block:.7rem}.setup-step.completed h2,.setup-step.completed p{margin-block:.2rem}.setup-step.active{border-color:var(--accent)}.monitor-readout{flex-direction:column;gap:.35rem;margin-bottom:.8rem;display:flex}.live-trace{margin-top:.8rem}.status-checklist li{flex-wrap:wrap}.status-checklist .detail{flex:12rem}.tempo-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-block:1rem;display:grid}.tap-tempo{min-width:9rem;min-height:4rem}.tap-tempo small{display:block}.acknowledgment{align-items:center;gap:.5rem;margin-block:1rem;display:flex}.acknowledgment input{width:auto}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.setup-step select{min-width:0;max-width:100%}@media (width<=420px){.status-checklist .detail{margin-inline-start:1rem}.tempo-fields{grid-template-columns:1fr}}.capture-monitor,.capture-wizard{min-width:0}.capture-monitor{position:sticky;top:1rem}.capture-wizard>[role=status]:empty{display:none}.live-chart{position:relative}.live-chart canvas{background:#0a0d11;display:block}.live-chart-placeholder{text-align:center;color:var(--muted);pointer-events:none;place-content:center;margin:0;padding:1.5rem;display:grid;position:absolute;inset:0}@media (width<=900px){.capture-monitor{position:static}}.melody-panel{margin-block-start:1rem}.preset-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,10rem),1fr));gap:.6rem;display:grid}.preset-card{border:1px solid var(--line,#2f3a47);border-radius:.5rem;padding:.7rem}.preset-card[data-selected=true]{border-color:var(--accent,#5ad1a8)}.preset-card p{min-height:2.5em;margin-block:.4rem}.melody-key{margin-block:1rem}.key-alternatives{flex-wrap:wrap;margin-block-end:.8rem}.melody-panel fieldset{border:0;min-width:0;margin:0;padding:.6rem 0}.note-list{flex-wrap:wrap;gap:.4rem;padding-block:.6rem;display:flex}.selected-note{min-height:1.5em}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}body:has(.studio-shell){padding:0}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.workstation-header{border-bottom:1px solid var(--color-border);background:var(--color-card);flex-shrink:0;align-items:center;gap:24px;min-height:64px;padding:10px 32px;display:flex}.studio-brand{color:var(--color-foreground);letter-spacing:-.04em;align-items:center;gap:10px;font-size:1.25rem;font-weight:650;display:flex}.studio-brand:hover{text-decoration:none}.studio-brand svg{fill:none;width:23px;height:23px;stroke:var(--color-primary);stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round}.workstation-location{border-left:1px solid var(--color-border);letter-spacing:normal;align-items:center;gap:10px;min-width:0;padding-left:24px;font-size:.875rem;font-weight:500;line-height:1.5;display:flex}.workstation-location a,.workstation-location h1{font:inherit;letter-spacing:inherit}.workstation-location a{color:var(--color-muted-foreground)}.workstation-location>svg{width:13px;height:13px;color:var(--color-muted-foreground);flex-shrink:0}.workstation-location h1{white-space:nowrap;margin:0}.studio-shell .midi-output{white-space:nowrap;color:var(--color-muted-foreground);gap:8px;margin:0 0 0 auto;font-size:.8125rem}.studio-shell .midi-output select{max-width:240px;padding:5px 8px;font-size:.8125rem}.studio-shell button,.studio-shell input,.studio-shell select{border-color:var(--color-border);background:var(--color-card);color:var(--color-foreground);border-radius:5px;font-size:.875rem}.studio-shell select,.studio-shell input[type=number]{width:100%;min-width:0;height:38px}.studio-shell [data-slot=button]{min-height:38px;box-shadow:none;padding:7px 12px;font-size:.875rem;font-weight:500;line-height:1.5}.studio-shell [data-slot=button]:hover:not(:disabled){background:var(--color-muted)}.studio-shell [data-slot=button].primary{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-primary-foreground);font-weight:600}.studio-shell [data-slot=button].primary:hover:not(:disabled){background:color-mix(in oklab, var(--color-primary) 88%, var(--color-foreground));color:var(--color-primary-foreground);filter:none}.studio-shell button:focus-visible,.studio-shell input:focus-visible,.studio-shell select:focus-visible,.studio-shell a:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px}.studio-shell button:disabled{opacity:.4;cursor:default}.studio-shell #view-capture{--capture-footer-height:calc(63px + env(safe-area-inset-bottom,0px));--capture-gap:0px;--capture-step-gap:2px;--capture-step-padding:14px;--capture-wizard-width:50cqw;--capture-record-width:84px;flex-direction:column;flex:1;min-height:0;padding:0;display:flex;container-type:inline-size}.capture-layout{gap:var(--capture-gap);grid-template-columns:minmax(0, 1fr) minmax(0, var(--capture-wizard-width));flex:1;min-height:0;transition:grid-template-columns .46s cubic-bezier(.22,.7,.25,1);display:grid}.capture-monitor{min-width:0;min-height:0;display:flex;position:static;top:auto}.studio-shell .live-monitor{background:var(--color-muted);border:0;border-radius:0;flex-direction:column;flex:1;min-width:0;min-height:0;margin:0;padding:0;display:flex;overflow:hidden;container-type:inline-size}.live-monitor .live-chart{flex:1;min-height:0;position:relative;overflow:hidden}.live-monitor .live-chart-placeholder{color:var(--color-muted-foreground);padding:20px;font-size:.875rem}.live-pitch{background:var(--color-muted);pointer-events:none;border-radius:5px;flex-direction:column;padding:6px;display:flex;position:absolute;top:16px;left:calc(min(57px,10cqw) + 6px)}.live-pitch strong{letter-spacing:-.04em;font-size:2.5rem;font-weight:550;line-height:1.2}.live-pitch>span{color:var(--color-muted-foreground);font-size:.8125rem}.live-monitor .live-level{border:1px solid var(--color-border);background:var(--color-card);border-radius:6px;align-items:center;gap:8px;width:calc(100% - 24px);min-height:34px;padding:6px 8px;display:flex;position:absolute;bottom:12px;right:12px;box-shadow:0 2px 10px #0001}.live-level label,.live-level .level-db{color:var(--color-muted-foreground);white-space:nowrap;margin:0;font-size:.75rem}.live-level .level-db{text-align:right;font-variant-numeric:tabular-nums;min-width:44px}.live-level .meter{background:var(--color-border);border:0;border-radius:2px;flex:1;height:8px}.live-level .meter>div{background:var(--color-primary);border-radius:2px}.live-level .meter.clip>div,.clip-light.active{background:var(--color-destructive)}.clip-light{background:var(--color-border);border-radius:1px;flex-shrink:0;width:7px;height:8px}.live-level[data-clipping=true]{border-color:var(--color-destructive)}.live-level .clip-warning{color:var(--color-destructive);font-weight:600}.live-beat{background:var(--color-muted);border-radius:5px;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;max-width:calc(100% - 140px);padding:8px 10px;display:flex;position:absolute;top:12px;right:12px}.beat-pips{--pip-size:24px;--pip-gap:8px;grid-template-columns:repeat(var(--beat-columns), minmax(0, 1fr));width:calc(var(--beat-columns) * var(--pip-size) + (var(--beat-columns) - 1) * var(--pip-gap));gap:var(--pip-gap);min-width:0;max-width:100%;display:grid}.beat-pips span{aspect-ratio:1;background:var(--color-border);width:100%;min-width:0;color:var(--color-muted-foreground);font-variant-numeric:tabular-nums;border-radius:50%;place-items:center;font-size:.75rem;display:grid}.beat-pips span[data-active=true]{background:var(--color-primary);color:var(--color-primary-foreground)}.beat-tempo,.beat-time{color:var(--color-muted-foreground);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:.8125rem}.beat-time{color:var(--color-destructive)}.studio-shell .capture-wizard{background:var(--color-card);border:0;border-inline-start:1px solid var(--color-border);border-radius:0;flex-direction:column;width:100%;min-width:0;height:100%;min-height:0;margin:0;padding:0;transition:width .46s cubic-bezier(.22,.7,.25,1);display:flex;overflow:hidden}.capture-wizard-content{width:calc(var(--capture-wizard-width) - 1px);flex-direction:column;flex-shrink:0;align-self:flex-end;height:100%;min-height:0;display:flex}.capture-steps{gap:var(--capture-step-gap);padding:14px var(--capture-step-padding);border-bottom:1px solid var(--color-border);flex-shrink:0;min-width:0;display:flex}.studio-shell .capture-step{min-width:0;color:var(--color-muted-foreground);background:0 0;border:0;border-radius:4px;flex-direction:column;flex:1 1 0;align-items:center;gap:7px;padding:5px 0;display:flex;overflow:hidden}.studio-shell .capture-step:hover:not(:disabled){background:var(--color-muted)}.capture-step[data-step=record]{flex:0 0 var(--capture-record-width);margin-left:auto}.step-number{border:1px solid var(--color-border);border-radius:50%;flex-shrink:0;place-items:center;width:26px;height:26px;font-size:.75rem;display:grid}.step-number svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.capture-step .step-text-compact{display:none}.capture-step .step-name{white-space:normal;overflow-wrap:anywhere;max-height:2.6em;font-size:.8125rem;line-height:1.3}.capture-step[aria-current=step] .step-name{color:var(--color-foreground);font-weight:600}.capture-step[data-completed=true] .step-number{background:color-mix(in oklab, var(--color-success) 12%, var(--color-card));border-color:var(--color-success);color:var(--color-success)}.capture-step[aria-current=step] .step-number{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-primary-foreground);outline:2px solid var(--color-foreground);outline-offset:2px}.capture-step[data-completed=true] .step-name{color:var(--color-success)}.capture-step small{color:var(--color-warning);text-align:center;width:100%;min-height:28px;max-height:32px;font-size:11px;line-height:1.3;transition:opacity .18s,max-height .46s,min-height .46s;overflow:hidden}.capture-wizard .setup-step{flex-direction:column;flex:1;min-height:0;transition:opacity .18s;display:flex;overflow:hidden}.capture-wizard .setup-controls{flex-direction:column;flex:1;min-height:0;display:flex}.capture-step-body{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--color-border) transparent;background:linear-gradient(var(--color-card), var(--color-card)) top / 100% 12px no-repeat local, linear-gradient(var(--color-card), var(--color-card)) bottom / 100% 12px no-repeat local, linear-gradient(var(--color-border), transparent) top / 100% 8px no-repeat scroll, linear-gradient(transparent, var(--color-border)) bottom / 100% 8px no-repeat scroll;background-color:var(--color-card);flex:1;min-height:0;padding:20px;overflow:auto}.capture-step-title:focus{outline:none}.measurement-progress{appearance:none;background:var(--color-border);width:100%;height:8px;accent-color:var(--color-primary);border:0;border-radius:4px;margin-block:12px;display:block;overflow:hidden}.measurement-progress::-webkit-progress-bar{background:var(--color-border)}.measurement-progress::-webkit-progress-value{background:var(--color-primary)}.measurement-progress::-moz-progress-bar{background:var(--color-primary)}.capture-actions{min-height:var(--capture-footer-height);padding:12px var(--capture-step-padding);padding-bottom:calc(12px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--color-border);flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;margin-top:auto;display:flex}.capture-back{transition:opacity .18s;overflow:hidden}.capture-actions .capture-back button{color:var(--color-muted-foreground);background:0 0;border-color:#0000;padding-inline:8px}.capture-actions>.primary{max-width:100%}.capture-actions .record-toggle{width:var(--capture-record-width);flex-shrink:0;gap:4px;padding-inline:4px}.record-symbol{background:currentColor;border-radius:50%;width:7px;height:7px}.stop-symbol{background:currentColor;width:7px;height:7px}.studio-shell [data-slot=button].record-toggle[aria-pressed=true]{background:var(--color-destructive);border-color:var(--color-destructive);color:var(--color-destructive-foreground)}.studio-shell [data-slot=button].record-toggle[aria-pressed=true]:hover:not(:disabled){background:var(--color-destructive);border-color:var(--color-destructive);color:var(--color-destructive-foreground);filter:none}.capture-wizard input[type=range]{width:100%;min-width:0;accent-color:var(--color-primary);background:0 0;border:0;padding:0}.capture-wizard .acknowledgment{font-size:.8125rem}.capture-wizard .status-checklist{margin-top:18px}.capture-wizard .status-checklist li{grid-template-columns:8px minmax(0,1fr);gap:3px 9px;padding:7px 0;font-size:.875rem;display:grid}.capture-wizard .status-checklist .dot{width:6px;height:6px}.capture-wizard .status-checklist .detail{grid-column:2;margin:0;font-size:.75rem}.setup-instruction{margin:0 0 18px;font-size:1rem}.capture-wizard .device-actions{gap:7px}.capture-wizard .device-actions [data-slot=button]{font-size:.8125rem}.voice-range-value{font-variant-numeric:tabular-nums;justify-content:space-between;align-items:center;gap:8px;min-height:38px;font-size:.875rem;display:flex}.voice-range-value output{color:var(--color-muted-foreground)}.voice-range-value [data-slot=button]{flex-shrink:0}.capture-wizard .record-facts>div{grid-template-columns:.85fr 1.4fr;align-items:center;gap:16px;min-height:46px;font-size:.875rem;display:grid}.record-facts span{color:var(--color-muted-foreground)}.record-facts strong{font-weight:500}.tempo-setup{flex-direction:column;flex:1;min-height:0;display:flex}.capture-wizard .tempo-fields{grid-template-columns:1fr;gap:0}.capture-wizard .tap-tempo{min-width:0;min-height:38px}.capture-wizard .tap-tempo small{font-size:.75rem;font-weight:400}.capture-wizard .hint{font-size:.8125rem}.capture-wizard [aria-pressed=true]:not(.record-toggle,.playback-control){border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-muted)}#view-capture[data-recording=true] .capture-layout{grid-template-columns:minmax(0, 1fr) minmax(0, calc(var(--capture-record-width) + 2 * var(--capture-step-padding) + 1px))}#view-capture[data-recording=true] .capture-step[data-step=record]{opacity:1}#view-capture[data-recording=true] .capture-step:not([data-step=record]){visibility:hidden}#view-capture[data-recording=true] .step-number{background:color-mix(in oklab, var(--color-success) 12%, var(--color-card));border-color:var(--color-success);color:var(--color-success);outline:none}#view-capture[data-recording=true] .capture-step[data-step=record] small{opacity:0}.capture-actions:has(.record-toggle){padding-inline:var(--capture-step-padding)}#view-capture[data-recording=true] .stop-symbol,.capture-recording-brand{display:none}#view-capture[data-recording=true] .record-facts,#view-capture[data-recording=true] .capture-back{visibility:hidden}.studio-shell .hint,.studio-shell .checklist .detail{color:var(--color-muted-foreground)}.studio-shell .checklist li.pass{color:var(--color-foreground)}.studio-shell .checklist li.pass .dot{background:var(--color-primary)}.studio-shell .checklist li.fail .dot{background:var(--color-destructive)}@media (width<=1000px){.workstation-header{gap:16px;padding-inline:16px}.workstation-location{padding-left:16px}.capture-step .step-name{font-size:.75rem}.capture-wizard .field{grid-template-columns:minmax(90px,.85fr) minmax(0,1.4fr);gap:10px}.live-beat{gap:8px;right:16px}}@media (width<=720px){.workstation-header{grid-template-columns:23px minmax(0,1fr) auto;gap:8px;min-height:60px;padding:10px 12px;display:grid}.studio-brand>span,.studio-shell .midi-output-label{display:none}.studio-shell .midi-output{gap:4px}.studio-shell .midi-output select{max-width:120px}.workstation-location{gap:4px;min-width:0;padding-left:8px}.workstation-location h1{text-overflow:ellipsis;font-size:.875rem;overflow:hidden}.live-pitch strong{font-size:2rem}.capture-step-body{padding:14px}.capture-steps{padding-block:8px}.capture-step .step-name{font-size:.8125rem}}@media (width<=720px) and (orientation:portrait){.studio-shell #view-capture{--capture-wizard-width:100cqw}.capture-step[data-step=record]{flex:1 1 0}.capture-step .step-text-full{display:none}.capture-step .step-text-compact{display:inline}.capture-step .step-name{white-space:nowrap;overflow-wrap:normal;max-height:none}.capture-step small{white-space:nowrap;text-overflow:ellipsis;min-height:1.3em;max-height:1.3em;transition:opacity .18s}.capture-layout,#view-capture[data-recording=true] .capture-layout{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(min(140px, 35dvh), .9fr) minmax(var(--capture-footer-height), 2fr);transition:grid-template-rows .46s cubic-bezier(.22,.7,.25,1)}#view-capture[data-recording=true] .capture-layout{grid-template-rows:minmax(min(140px, 35dvh), 2.9fr) minmax(var(--capture-footer-height), 0fr)}.studio-shell .capture-wizard{box-shadow:inset 0 1px var(--color-border);border-inline-start:0}.capture-wizard-content{width:100%;position:relative}#view-capture[data-recording=true] .capture-steps,#view-capture[data-recording=true] .record-facts{opacity:0;visibility:hidden;pointer-events:none;position:absolute}.capture-actions{position:relative}.capture-recording-brand{left:var(--capture-step-padding);opacity:0;pointer-events:none;place-items:center;width:68px;height:38px;transition:opacity .18s;display:grid;position:absolute}.capture-recording-brand svg{border:1px solid var(--color-success);background:color-mix(in oklab, var(--color-success) 12%, var(--color-card));fill:none;width:26px;height:26px;stroke:var(--color-success);stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;border-radius:50%;padding:3px}.capture-recording-brand[data-recording=true]{opacity:1}}@media (orientation:landscape) and (height<=540px){.capture-steps{padding-block:6px}.capture-step .step-name,.capture-step small{display:none}.studio-shell .capture-step{justify-content:center;min-height:44px}.capture-step-title{clip-path:none;white-space:normal;flex-shrink:0;width:auto;height:auto;margin:0;padding:8px 14px 0;font-size:.875rem;position:static;overflow:visible}#view-capture[data-recording=true] .capture-step-title{visibility:hidden}.capture-step-body{padding:14px}}@media (orientation:landscape) and (height<=540px) and (width<=600px){.studio-shell #view-capture{--capture-step-padding:10px}.capture-step[data-step=record]{flex-basis:64px}.capture-back-label{display:none}.capture-actions .capture-back button{gap:0;min-width:38px}}@container (width<=400px){.live-beat{gap:4px;padding:6px}.beat-pips{--pip-size:20px;--pip-gap:4px}.beat-pips span{font-size:.625rem}.beat-tempo,.beat-time{font-size:.75rem;line-height:1.3}}@media (prefers-reduced-motion:reduce){.capture-wizard,.capture-layout,.capture-wizard *,.live-level .meter>div{transition:none!important}}.studio-shell canvas.pitch-canvas{background:var(--color-muted);border:0;border-radius:0;width:100%;height:100%;margin:0;position:absolute;inset:0}main.studio-shell{background:var(--color-background);width:100%;max-width:none;height:100dvh;color:var(--color-foreground);flex-direction:column;margin:0;font-size:1rem;line-height:1.5;display:flex;overflow:hidden}.studio-shell .field{grid-template-columns:minmax(105px,.85fr) minmax(0,1.4fr);align-items:center;gap:16px;margin-bottom:14px;display:grid}.studio-shell .field>label{color:var(--color-muted-foreground);margin:0;font-size:.875rem}.studio-shell input[type=text]{width:100%;min-width:0;min-height:38px}.studio-shell .button{border:1px solid var(--color-border);background:var(--color-card);min-height:38px;color:var(--color-foreground);border-radius:5px;justify-content:center;align-items:center;gap:7px;padding:7px 12px;font-size:.875rem;font-weight:500;text-decoration:none;display:inline-flex}.studio-shell .button:hover{background:var(--color-muted)}.studio-shell .button.primary{background:var(--color-primary);color:var(--color-primary-foreground);border-color:var(--color-primary);font-weight:600}.studio-shell .button svg{width:16px;height:16px}.studio-shell [data-slot=button].danger{color:var(--color-destructive);border-color:var(--color-destructive)}.studio-shell .workstation-location h1{text-overflow:ellipsis;overflow:hidden}.studio-shell .capture-library-fallback{display:none}.studio-shell a{color:var(--color-primary)}.studio-shell .studio-brand{color:var(--color-foreground)}.studio-shell .workstation-location a{color:var(--color-muted-foreground)}main.studio-shell.library-shell{height:auto;min-height:100dvh;overflow:visible}#view-library{width:100%;max-width:1280px;margin:0 auto;padding:34px 32px 48px}.library-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:26px;display:flex}.library-heading-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.library-heading-actions .button{height:44px;min-height:44px;margin:0;line-height:1.5}.library-heading-actions label.button{cursor:pointer}.library-heading-actions label.button:focus-within{outline:2px solid var(--color-ring);outline-offset:2px}.library-drop-area{z-index:60;border:2px dashed var(--color-primary);background:color-mix(in oklab, var(--color-card) 88%, transparent);color:var(--color-primary);pointer-events:none;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:10px;font-size:1.1rem;font-weight:550;display:flex;position:fixed;inset:12px}.library-drop-area[data-kind=reject]{border-color:var(--color-destructive);color:var(--color-destructive)}.library-drop-area svg{width:32px;height:32px}.library-import{width:min(24rem,100vw - 32px);padding:14px}.library-import h2{margin:0 0 10px;font-size:1rem;font-weight:600}.library-import ul{gap:10px;margin:0;padding:0;list-style:none;display:grid}.library-import-item{overflow-wrap:anywhere;gap:2px;display:grid}.library-import-item span{color:var(--color-muted-foreground);font-size:.875rem}.library-import-item span.library-import-error{color:var(--color-destructive)}.library-import-item a{color:var(--color-primary)}.library-import-actions{justify-content:flex-end;gap:8px;margin-top:14px;display:flex}.library-heading h1{letter-spacing:-.03em;margin:0;font-size:1.75rem;font-weight:550}.studio-shell .recordings{border:1px solid var(--color-border);background:var(--color-card);border-radius:7px;gap:0}.library-record{isolation:isolate;border-bottom:1px solid var(--color-border);grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:16px;padding:20px;display:grid;position:relative}.library-record[data-source=notes]{background:color-mix(in oklab, var(--color-primary) 3%, var(--color-card))}.library-record:hover,.library-record:focus-within{background:var(--color-primary-muted)}.recording-open:after{content:"";position:absolute;inset:0}.library-record-actions button,.recording-menu{z-index:1;position:relative}.library-record:last-child{border-bottom:0}.library-record:has(.recording-menu[data-state=open]){z-index:1}.recording-icon{background:var(--color-muted);width:34px;height:38px;color:var(--color-primary);border:1px solid var(--color-border);border-radius:5px;place-items:center;display:grid}.recording-icon svg{width:19px;height:19px}.recording-info{min-width:0}.recording-info h2{letter-spacing:normal;overflow-wrap:anywhere;margin:0 0 4px;font-size:1rem;font-weight:550}.recording-info p{color:var(--color-muted-foreground);font-variant-numeric:tabular-nums;margin:0;font-size:.8125rem}.recording-waveform{z-index:-1;width:min(550px,100%);height:100%;color:var(--color-primary);opacity:.14;pointer-events:none;display:block;position:absolute;inset:0 auto 0 0}.library-record:first-child .recording-waveform{border-radius:6px 6px 0 0}.library-record:last-child .recording-waveform{border-radius:0 0 6px 6px}.library-record-actions{align-items:center;gap:7px;display:flex}.studio-shell [data-slot=button].playback-control[aria-pressed=true],.studio-shell [data-slot=button].playback-control[aria-pressed=true]:hover:not(:disabled),.studio-shell [data-slot=button].playback-control[aria-pressed=true]:focus-visible{border-color:var(--color-playback);color:var(--color-playback);background:var(--color-playback-muted)}.studio-shell .playback-control[aria-pressed=true]:focus-visible{outline-color:var(--color-playback)}.recording-menu{position:relative}.studio-shell .recording-menu{background:0 0;border:0;width:34px;height:38px;padding:6px}.recording-menu[data-state=open]{background:var(--color-muted)}.recording-menu-items{background:var(--color-card);border:1px solid var(--color-border);width:150px;box-shadow:0 8px 24px color-mix(in oklab, var(--color-foreground) 10%, transparent);border-radius:5px;padding:5px}.studio-shell .recording-menu-items [data-slot=button]{background:0 0;border:0;justify-content:flex-start;width:100%}.library-storage{color:var(--color-muted-foreground);margin:16px 0 0;font-size:.8125rem}.studio-shell #view-library>section{background:var(--color-card);border-color:var(--color-border);padding:24px}.empty-library-copy{color:var(--color-muted-foreground);margin:0;font-size:1rem}@media (width<=720px){#view-library{padding:24px 14px}.library-heading{gap:10px}.library-heading h1{font-size:1.4rem}.library-record{grid-template-columns:34px minmax(0,1fr);gap:12px;padding:16px}.library-record-actions{grid-column:1/-1;justify-content:flex-end}.recording-info p{font-size:.75rem}.recording-waveform{width:min(362px,100%)}}.studio-toast{z-index:100;border:1px solid var(--color-border);background:color-mix(in oklab, var(--color-card) 94%, transparent);width:max-content;max-width:min(36rem,100% - 32px);color:var(--color-foreground);box-shadow:0 8px 32px color-mix(in oklab, var(--color-foreground) 18%, transparent);border-radius:7px;align-items:center;gap:12px;padding:12px 14px;font-size:1rem;line-height:1.5;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.toast-message{overflow-wrap:anywhere;min-width:0}.toast-icon{width:24px;height:24px;color:var(--color-success);flex-shrink:0}.studio-toast[data-kind=error] .toast-icon{color:var(--color-destructive)}.studio-toast[data-kind=info] .toast-icon{color:var(--color-playback)}.studio-shell .studio-toast .toast-action{min-height:44px;color:var(--color-primary);flex-shrink:0}.studio-shell .studio-toast .toast-dismiss,.studio-shell .studio-fullscreen{background:0 0;border-color:#0000;flex-shrink:0;width:44px;min-height:44px;padding:8px}@media (width<=720px){.library-heading{flex-wrap:wrap}.library-heading h1{white-space:nowrap}.library-heading-actions{flex-wrap:nowrap;gap:6px}.library-heading-actions .button{padding-inline:10px}.studio-toast{gap:8px;padding:10px}}.workstation-actions{flex-shrink:0;align-items:center;gap:8px;margin-left:auto;display:flex}@media (width<=720px){.library-shell .workstation-actions{grid-column:2/-1;justify-self:end}.workstation-actions{gap:4px}}@media (width<=360px){.library-record-actions{justify-content:space-between;gap:4px}.studio-shell .library-record-actions .button,.studio-shell .library-record-actions [data-slot=button]{gap:4px;padding-inline:8px}.recording-open svg{display:none}}.library-import-spinner{animation:1s linear infinite library-import-spin}@keyframes library-import-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.library-import-spinner{animation:none}}.analysis-status{color:var(--color-muted-foreground);font-variant-numeric:tabular-nums;gap:6px;margin-block:8px;font-size:.8125rem;display:grid}.analysis-progress{background:var(--color-border);border-radius:2px;height:4px;overflow:hidden}.analysis-progress>span{background:var(--color-primary);height:100%;display:block}.analysis-error{color:var(--color-destructive)}.recording-open[aria-disabled=true]{opacity:.5;cursor:wait}.library-record .analysis-status:has(.analysis-progress){pointer-events:none;margin:0;display:block;position:absolute;inset:2px 8px auto}.library-record .analysis-status:has(.analysis-progress)>span{font-size:.6875rem;line-height:1;position:absolute;top:4px;right:4px}.library-record .analysis-progress{height:2px}.tune-share-link{align-items:center;gap:12px;display:flex}.tune-share-link label{flex:1;min-width:0}.tune-share-link input{width:100%}.tune-share-floating{z-index:50;border:1px solid var(--color-border);background:var(--color-card);border-radius:7px;width:min(520px,100% - 32px);padding:16px;position:fixed;top:80px;left:50%;transform:translate(-50%)}@property --source-height{syntax:"<length-percentage>";inherits:true;initial-value:0}#view-editor{flex-direction:column;flex:1;min-height:0;padding:0;display:flex}.editor-workspace{--source-height:22%;--source-motion:0s;--source-fade:0s;--tune-motion:0s;--tune-fade:0s;transition:--source-height var(--source-motion) cubic-bezier(.22, .7, .25, 1);--tune-obstruction:0px;grid-template-rows:var(--source-height) minmax(0, 1fr);background:var(--color-muted);flex:1;min-height:0;display:grid;position:relative}.editor-workspace[data-source-motion=true]{--source-motion:.26s;--source-fade:.18s}.editor-workspace[data-tune-motion=true]{--tune-motion:.26s;--tune-fade:.18s}.editor-workspace[data-source-hidden=true]{--source-height:0px}.editor-workspace[data-tuning=true]{--tune-obstruction:var(--tune-width)}.studio-shell .editor-canvas{background:var(--color-muted);border:0;border-radius:0;min-width:0;min-height:0;margin:0;padding:0;position:relative;overflow:hidden}.editor-canvas .editor-plot{touch-action:none;-webkit-user-select:none;user-select:none}.editor-track-toolbar{top:0;left:0;right:var(--tune-obstruction);pointer-events:none;position:absolute;container:editor-track/inline-size}.editor-track-toolbar .editor-track-actions{pointer-events:auto}.editor-track-label{pointer-events:none;flex-direction:column;gap:2px;max-width:calc(100% - 520px);display:flex;position:absolute;top:13px;left:16px}.editor-track-label>*{background:color-mix(in oklab, var(--trace-bg) 80%, transparent);max-width:100%;box-shadow:0 0 0 3px color-mix(in oklab, var(--trace-bg) 80%, transparent);border-radius:2px;align-self:flex-start}.editor-audio .editor-track-label{max-width:calc(100% - 282px)}.editor-track-label h2{letter-spacing:0;margin:0;font-size:.875rem;font-weight:600;line-height:1.5}.editor-track-label>span,.editor-track-label time{color:var(--color-muted-foreground);text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;overflow:hidden}.editor-track-label>span{margin-top:2px}.editor-track-label time{font-family:ui-monospace,monospace;font-size:.6875rem}.editor-track-actions{gap:6px;display:flex;position:absolute;top:13px;right:16px}.studio-shell .editor-track-actions [data-slot=button]{height:36px;min-height:36px;padding:6px 10px}.studio-shell .editor-track-actions .editor-play{width:84px}.editor-analysis-drift{width:28px;height:36px;color:var(--color-warning);cursor:help;place-items:center;display:grid;position:absolute;top:0;right:calc(100% + 4px)}.editor-analysis-drift svg{width:18px;height:18px}.studio-shell .editor-track-actions .editor-download{width:116px}.studio-shell .editor-source-handle{top:var(--source-height);left:calc((100% - var(--tune-obstruction)) / 2);z-index:9;border:1px solid var(--color-border);background:var(--color-card);border-radius:20px;min-height:25px;padding:2px 12px;font-size:.75rem;position:absolute;transform:translate(-50%,-50%);box-shadow:0 2px 8px #0001}.studio-shell .editor-source-handle:disabled{pointer-events:auto}.studio-shell .editor-track-actions .editor-open-tune{width:84px}.studio-shell [data-slot=button].editor-open-tune[aria-pressed=true],.studio-shell [data-slot=button].editor-trace-toggle[aria-pressed=true]{color:var(--color-primary);background:var(--color-primary-muted);border-color:var(--color-primary)}.studio-shell .editor-tune{z-index:10;width:var(--tune-width);border:0;border-left:1px solid var(--color-border);background:var(--color-muted);box-shadow:none;opacity:1;visibility:visible;transition:opacity var(--tune-fade), translate var(--tune-motion) cubic-bezier(.22, .7, .25, 1), visibility 0s;border-radius:0;flex-direction:column;margin:0;padding:0;display:flex;position:absolute;top:0;bottom:0;right:0;translate:0}.studio-shell .editor-tune[aria-hidden=true]{opacity:0;visibility:hidden;transition-delay:0s, 0s, var(--tune-motion);translate:12px}.editor-tune-heading{background:var(--color-card);border-bottom:1px solid var(--color-border);align-items:center;gap:8px;padding:16px;display:flex}.editor-tune-heading h2{margin:0 auto 0 0;font-size:1rem;font-weight:650}.studio-shell .editor-tune-heading [data-slot=button]{background:0 0;border:0;min-height:28px;padding:2px 5px;font-size:.8125rem}.editor-tune-body{overscroll-behavior:contain;scrollbar-width:thin;flex:1;min-height:0;padding:16px;overflow:auto}.editor-tune-resizer{z-index:18;right:calc(var(--tune-width) - 5px);cursor:col-resize;touch-action:none;width:10px;position:absolute;top:0;bottom:0}.editor-tune-resizer:after{content:"";background:var(--color-border);border-radius:2px;width:2px;height:50px;position:absolute;top:44%;left:4px}.editor-tune-resizer:hover:after,.editor-tune-resizer:focus-visible:after{background:var(--color-primary);width:3px}.studio-shell .melody-panel{background:0 0;border:0;margin:0;padding:0}.studio-shell .editor-tune-group{background:0 0;border:0;border-radius:0;margin:0;padding:0}.editor-tune-group h3{color:var(--color-foreground);margin:0 0 12px;font-size:.8125rem;font-weight:600}.studio-shell .editor-correction-group{border-top:1px solid var(--color-border);margin-top:20px;padding-top:16px}.editor-preset-field{color:var(--color-muted-foreground);grid-template-columns:72px minmax(0,1fr) 28px;align-items:center;gap:8px;margin-bottom:12px;font-size:.8125rem;display:grid;position:relative}.editor-presets{min-width:0}.studio-shell .editor-select-trigger{white-space:normal;text-align:left;justify-content:space-between;width:100%;min-width:0;min-height:36px;padding:6px 10px;font-size:.875rem;line-height:1.35}.editor-select-trigger svg{flex-shrink:0;width:14px;height:14px}.editor-popover{z-index:50;max-width:calc(100vw - 24px);max-height:var(--radix-popover-content-available-height);border:1px solid var(--color-border);background:var(--color-card);color:var(--color-foreground);border-radius:6px;overflow:auto;box-shadow:0 12px 36px #0004,0 2px 8px #0002}.editor-preset-menu{width:max(290px, var(--radix-popover-trigger-width));max-height:min(420px, 60dvh, var(--radix-popover-content-available-height));padding:10px;font-size:.875rem}.editor-preset-menu h3{text-transform:uppercase;color:var(--color-muted-foreground);margin:12px 0 0;font-size:.75rem;font-weight:500}.editor-preset-option{border-bottom:1px solid var(--color-border);border-radius:4px;align-items:center;gap:8px;padding:10px 8px;display:flex}.editor-preset-option>.preview-option-label{overflow-wrap:anywhere;flex-direction:column;flex:1;gap:2px;min-width:0;margin-right:auto;font-size:.875rem;display:flex}.preview-option-stack{flex-shrink:0;display:grid}.preview-option-stack>*{grid-area:1/1}.preview-option-stack>[data-active=false]{visibility:hidden}.preview-option-applied{color:var(--color-primary);place-items:center;display:grid}.preview-option-applied svg{width:16px;height:16px}.editor-preset-option>[data-slot=button]{flex-shrink:0}.studio-shell .editor-preset-option [data-slot=button]{min-height:30px;padding:3px 7px;font-size:.8125rem}.studio-shell .editor-preset-option [data-slot=button] svg{width:12px;height:12px}.studio-shell .editor-tune .field{grid-template-columns:72px minmax(0,1fr) 28px;gap:8px;margin-bottom:12px}.studio-shell .editor-tune .field label{font-size:.8125rem}.editor-tune select{width:100%;min-width:0;min-height:36px;color:var(--color-foreground);background:var(--color-card);border:1px solid var(--color-border);border-radius:5px;padding:6px 10px;font-size:.875rem}.melody-categories{border-block:1px solid var(--color-border);background:var(--color-card);flex-wrap:wrap;gap:4px;margin:16px -16px;padding:8px 16px;display:flex}.melody-categories button{min-height:30px;color:var(--color-muted-foreground);cursor:pointer;background:0 0;border:0;border-radius:5px;flex:1 0 auto;padding:4px 8px;font-size:.8125rem}.melody-categories button[aria-pressed=true],.melody-categories button[aria-pressed=true]:hover:not(:disabled){color:var(--color-primary-foreground);background:var(--color-primary);font-weight:600}.melody-controls{flex-direction:column;gap:8px;display:flex}.melody-controls .ctl,.melody-controls .editor-preset-field{grid-template-columns:minmax(72px,1fr) minmax(40px,1fr) 2.75rem 28px;align-items:center;gap:6px;display:grid}.melody-controls .editor-preset-field{margin-bottom:0}.melody-controls .editor-select-trigger{grid-column:2/4}.melody-controls .val{text-align:right;color:var(--color-primary);font-variant-numeric:tabular-nums;grid-area:1/3;font-size:.75rem}.melody-controls input,.melody-controls select{width:100%;min-width:0;accent-color:var(--color-primary);grid-area:1/2;margin:0}.melody-controls .ctl:has(select) .val{display:none}.editor-canvas-footer{z-index:4;left:14px;right:calc(var(--tune-obstruction) + 12px);pointer-events:none;flex-wrap:wrap-reverse;justify-content:space-between;align-items:flex-start;gap:8px;display:flex;position:absolute;bottom:12px}.editor-canvas-footer>*{pointer-events:auto}.editor-navigation{flex-direction:column;gap:5px;min-width:0;max-width:100%;margin-left:auto;display:flex}.editor-zoom-actions{background:var(--color-card);border:1px solid var(--color-border);border-radius:6px;align-items:center;gap:2px;padding:3px 5px;font-size:.75rem;display:flex;box-shadow:0 2px 10px #0001}.studio-shell .editor-zoom-actions [data-slot=button]{white-space:nowrap;background:0 0;border:0;min-height:28px;padding:2px 6px;font-size:.75rem}.editor-pan{border:1px solid var(--color-border);background:var(--color-card);color:var(--color-muted-foreground);border-radius:4px;align-items:center;gap:8px;padding:4px 8px;font-size:.6875rem;display:flex}.editor-pan input{min-width:0;height:10px;accent-color:var(--color-primary);flex:1}.studio-shell .editor-trace-toggle{min-height:30px;font-size:.75rem}.editor-recording-name{width:100%;min-width:0;max-width:360px;font:inherit;color:var(--color-foreground);background:0 0;border:0}.editor-shell h1:has(.editor-recording-name) .studio-title-fallback{display:none}.editor-shell .workstation-location{flex:1;min-width:0}.editor-shell .workstation-location h1{flex:1}.studio-shell .editor-recording-menu{border:0;padding:6px}.editor-recording-menu-items{flex-direction:column;width:210px;padding:8px;display:flex}.studio-shell .editor-recording-menu-items [data-slot=button]{background:0 0;border:0;justify-content:flex-start}.editor-shell [hidden]{display:none}@media (width<=760px){.editor-workspace[data-tuning=true]{--tune-obstruction:0px}.studio-shell .editor-tune{top:calc(var(--source-height) + 63px);border:1px solid var(--color-border);border-radius:6px;bottom:63px;right:8px}.editor-tune-resizer{display:none}.editor-track-label{left:10px}.editor-track-label h2,.editor-track-label time{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.editor-track-label h2,.editor-track-label>span{font-size:.6875rem}.editor-track-label h2{font-size:.75rem}.editor-track-actions{right:10px}.editor-canvas-footer{left:10px;right:8px}.editor-zoom-actions{flex-wrap:nowrap;justify-content:flex-end;gap:4px}.studio-shell .editor-zoom-actions [data-slot=button]{padding-inline:4px}.editor-shell .workstation-header{gap:8px;padding-inline:12px}.editor-shell .midi-output{display:none}}.editor-mobile-midi{display:none}@media (width<=760px){.editor-mobile-midi{display:block}.editor-shell .editor-recording-menu-items .midi-output{flex-wrap:wrap;margin:4px;display:flex}}.editor-audio{opacity:1;visibility:visible;transition:opacity var(--source-fade), visibility 0s;grid-row:1}.editor-audio[aria-hidden=true]{opacity:0;visibility:hidden;transition-delay:0s, var(--source-motion)}.editor-midi{grid-row:2}.melody-controls .ctl:has(select) select{grid-column:2/-1}.editor-audio .editor-plot{--trace-line:var(--color-playback);--trace-faint:color-mix(in oklab, var(--color-playback) 55%, var(--color-muted))}.melody-controls input[type=range]{height:24px;padding:0}@media (width<=760px){.editor-preset-menu{max-height:min(320px,35dvh)}}.editor-note-anchor{pointer-events:none;height:1px;position:absolute}.editor-note-active{outline:2px solid var(--color-foreground);outline-offset:2px;border-radius:2px;transform:translateY(-50%)}.studio-shell .editor-note-detail{width:max-content;padding:0;font-size:.8125rem;overflow:hidden}.editor-note-heading{background:var(--color-muted);border-bottom:1px solid var(--color-border);white-space:nowrap;align-items:center;gap:6px;padding:5px 6px 5px 12px;display:flex}.editor-note-heading strong{font-size:.875rem;font-weight:650}.editor-note-time{color:var(--color-muted-foreground);font-variant-numeric:tabular-nums;margin-right:auto;padding-right:6px;font-size:.75rem}.studio-shell [data-slot=button].editor-note-toggle{width:30px;min-height:30px;padding:0}.studio-shell [data-slot=button].editor-note-toggle:not(.playback-control)[aria-pressed=true]{color:var(--color-primary);background:var(--color-primary-muted);border-color:var(--color-primary)}.editor-note-toggle svg{width:15px;height:15px}.editor-note-properties{padding:4px 10px 6px}.editor-note-property{grid-template-columns:10px 64px 28px minmax(56px,1fr) 28px 28px;align-items:center;column-gap:4px;min-height:34px;display:grid}.editor-note-property-label{color:var(--color-muted-foreground)}.editor-note-property[data-edited=true] .editor-note-property-label{color:var(--color-foreground);font-weight:500}.editor-edit-swatch{background:repeating-linear-gradient(135deg, var(--color-primary) 0 2px, color-mix(in oklab, var(--color-primary) 40%, var(--color-card)) 2px 4px);border-radius:2px;width:10px;height:10px}.editor-note-property[data-edited=false] :is(.editor-edit-swatch,.editor-reset){visibility:hidden}.editor-note-value{text-align:center;font-variant-numeric:tabular-nums;font-weight:500}.studio-shell [data-slot=button].editor-note-step{background:var(--color-muted);width:28px;min-height:28px;padding:0}.studio-shell [data-slot=button].editor-note-step:hover:not(:disabled){background:color-mix(in oklab, var(--color-border) 55%, var(--color-muted))}.editor-note-step svg{width:14px;height:14px}@media (width<=760px){.studio-shell .editor-note-sheet{z-index:20;border:1px solid var(--color-border);background:var(--color-card);border-bottom:0;border-radius:10px 10px 0 0;width:auto;position:absolute;bottom:0;left:0;right:0;box-shadow:0 -8px 24px #0002}.editor-note-sheet .editor-note-heading{gap:8px;padding:6px 12px 6px 16px}.editor-note-sheet .editor-note-heading strong{font-size:1rem}.editor-note-sheet .editor-note-time{font-size:.8125rem}.editor-note-sheet .editor-note-properties{padding:4px 16px 14px}.editor-note-sheet .editor-note-property{grid-template-columns:10px 72px 44px minmax(56px,1fr) 44px 44px;column-gap:6px;min-height:52px}.editor-note-sheet .editor-note-value{font-size:1rem}.studio-shell .editor-note-sheet [data-slot=button]:is(.editor-note-toggle,.editor-note-step,.editor-reset){width:44px;min-height:44px}}.editor-field-label{min-width:0;color:var(--color-muted-foreground);margin:0;font:400 .8125rem/1.5 system-ui,sans-serif}.studio-shell [data-slot=button].editor-reset{width:28px;min-height:28px;color:var(--color-muted-foreground);background:0 0;border-color:#0000;padding:5px}.studio-shell [data-slot=button].editor-reset:hover:not(:disabled){border-color:var(--color-border);background:var(--color-card);color:var(--color-foreground)}.editor-reset svg{width:14px;height:14px}.melody-controls .editor-reset{grid-area:1/4}.editor-preset-option:hover{background:var(--color-muted)}.editor-preset-option[data-selected=true]{background:var(--color-primary-muted)}.editor-preset-option[data-previewing=true]{background:var(--color-playback-muted);outline:1px solid var(--color-playback);outline-offset:-1px}.editor-workspace:after{content:"";width:calc(100% - var(--tune-obstruction));border-top:3px solid var(--color-border);height:3px;left:0;top:var(--source-height);pointer-events:none;z-index:8;position:absolute;transform:translateY(-50%)}.editor-workspace:has(.editor-source-handle:hover:not(:disabled)):after{border-top:3px double var(--color-primary)}.editor-workspace:has(.editor-source-handle:focus-visible):after{border-top:3px double var(--color-primary)}.studio-shell .editor-source-handle:hover:not(:disabled),.studio-shell .editor-source-handle:focus-visible{border:3px double var(--color-primary);background:var(--color-card);padding:0 10px}#editor-actions-slot,.editor-history-actions{flex-shrink:0;align-items:center;gap:6px;display:flex}.editor-versions{width:min(420px,100vw - 24px);max-height:min(640px,100dvh - 100px);padding:16px;overflow:auto}.studio-shell .editor-versions-back{background:0 0;border:0;min-height:28px;margin-bottom:8px;padding:0 0 8px}.editor-versions h2{margin:0;font-size:1rem}.editor-versions p,.editor-version-row time{color:var(--color-muted-foreground);font-size:.8rem}.editor-versions label{flex:1;gap:4px;min-width:0;display:grid}.editor-versions input{width:100%;min-width:0}.editor-versions form{flex-wrap:wrap;align-items:end;gap:8px;display:flex}.editor-versions ul{margin:12px 0 0;padding:0;list-style:none}.editor-version-row{border-top:1px solid var(--color-border);gap:4px;padding:12px 0;display:grid}.editor-version-row strong{overflow-wrap:anywhere}.editor-version-actions{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.editor-save-status{border-bottom:1px solid var(--color-border);background:var(--color-card);padding:8px 16px}.editor-save-status>div{align-items:center;gap:12px;font-size:.85rem;display:flex}@container editor-track (width<=760px){.editor-track-label{max-width:calc(100% - 340px)}.editor-audio .editor-track-label{max-width:calc(100% - 190px)}.editor-history-actions>button>span,.editor-play-label{display:none}.studio-shell .editor-track-actions :is(.editor-play,.editor-history-actions>button){width:36px;padding:6px}}@container editor-track (width<=480px){.editor-track-label{max-width:calc(100% - 280px)}.editor-audio .editor-track-label{max-width:calc(100% - 110px)}.editor-download>span{display:none}.studio-shell .editor-track-actions .editor-download{width:36px;padding:6px}}.studio-shell .editor-tune-heading .editor-tune-reset{color:var(--color-muted-foreground);padding-inline:8px}@media (width<=760px),(pointer:coarse) and (width<=1024px),(height<=540px){.editor-tune-heading{flex-shrink:0;padding:0 8px 0 16px}.studio-shell .editor-tune-heading [data-slot=button]{min-width:44px;min-height:44px}}@media (orientation:landscape) and (height<=540px) and (width<=760px){.studio-shell .editor-tune{bottom:8px}}.editor-analysis{inset:80px calc(var(--tune-obstruction) + 24px) 24px 24px;justify-content:center;align-items:center;min-width:0;display:flex;position:absolute}.editor-analysis .analysis-status{overflow-wrap:anywhere;width:100%;max-width:320px}.source-limitation{color:var(--muted);font-size:.8rem;line-height:1.4}.ctl input:disabled{pointer-events:none}@media (prefers-reduced-motion:reduce){.editor-workspace,.studio-shell .editor-tune,.editor-audio{transition:none}}.embed-canvas-brand{z-index:1;width:24px;height:28px;color:var(--color-primary);pointer-events:none;position:absolute;top:13px;left:12px}.embed-canvas-brand svg{fill:none;stroke:currentColor;stroke-width:1.7px;width:24px;height:28px}.embed-shell .editor-track-label{left:48px}.embed-shell .live-chart-placeholder{padding-left:48px}.embed-shell .editor-track-actions .editor-recording-menu{pointer-events:auto;flex-shrink:0}.studio-shell .embed-recording-menu .midi-output{flex-wrap:wrap;margin:4px;display:flex}@container editor-track (width<=480px){.embed-shell .editor-track-label{max-width:calc(100% - 310px)}}.embed-shell .editor-workspace[data-source-hidden=true] .editor-source-handle{transition:transform .14s ease-out}.embed-shell .editor-workspace[data-source-hidden=true] .editor-source-handle:is(:hover,:focus-visible){transform:translate(-50%)}@media (hover:none){.embed-shell .editor-workspace[data-source-hidden=true] .editor-source-handle{transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.embed-shell .editor-workspace[data-source-hidden=true] .editor-source-handle{transition:none}}.embed-shell{--embed-menu-width:36px}.embed-shell .editor-track-actions .editor-recording-menu{width:var(--embed-menu-width)}.embed-shell .editor-audio .editor-track-actions:after{content:"";flex:0 0 var(--embed-menu-width)}