@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-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-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}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--font-weight-bold:700;--radius-sm:12px;--radius-md:20px;--radius-lg:28px;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-surface:#23252e;--color-surface-2:#2b2e39;--color-canvas:#23252e;--color-panel:#272a34;--color-ink:#ecedf4;--color-muted:#a6aabd;--color-line:#3a3e4c;--color-edge:#6a7086;--color-key:#f2f3f8;--color-key-2:#e2e4ee;--color-key-ink:#1d1d1f;--color-key-muted:#4a4d5c;--color-key-black:#14151c;--color-key-black-text:#eceef6;--color-accent-piano:#ff5a36;--color-accent-synth:#6b7cff;--color-accent-bass:#1fb26b;--color-accent-drums:#ffb800;--color-accent-mallets:#29c58a;--color-accent-brass:#ff6fa3;--color-accent-strings:#22b8d6;--color-accent-guitar:#b24fff;--color-accent-ink-piano:#ff7a5c;--color-accent-ink-synth:#8fa0ff;--color-accent-ink-bass:#35d189;--color-accent-ink-drums:#ffc533;--color-accent-ink-mallets:#4ee0a6;--color-accent-ink-brass:#ff94bb;--color-accent-ink-strings:#4fd0ea;--color-accent-ink-guitar:#c77dff;--header-h:3.5rem;--shadow-raised:-6px -6px 14px #ffffff0d, 8px 8px 18px #0000008c;--shadow-raised-sm:-3px -3px 8px #ffffff0d, 4px 4px 10px #00000080;--shadow-inset:inset -4px -4px 10px #ffffff0a, inset 4px 4px 10px #0000008c;--shadow-inset-sm:inset -2px -2px 6px #ffffff0a, inset 2px 2px 6px #00000080}}@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}.sticky{position:sticky}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.table{display:table}.w-full{width:100%}.min-w-0{min-width:0}.flex-1{flex:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-1{gap:var(--spacing)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-x-auto{overflow-x:auto}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:var(--spacing)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-4{padding-block:calc(var(--spacing) * 4)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.text-muted{color:var(--color-muted)}.underline{text-decoration-line:underline}.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)}.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,)}.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,)}.outline-none{--tw-outline-style:none;outline-style:none}@media (hover:hover){.hover\:text-ink:hover{color:var(--color-ink)}}@media (min-width:40rem){.sm\:inline{display:inline}}}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html,body{overscroll-behavior-x:none;overflow-x:clip}body{font-family:var(--font-sans);background:var(--color-surface);color:var(--color-ink);-webkit-tap-highlight-color:transparent;touch-action:pan-y pinch-zoom}.card-raised{background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-lg);box-shadow:var(--shadow-raised)}.panel-inset{background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-lg);box-shadow:var(--shadow-inset)}.field-inset{background:var(--color-surface);border:1px solid var(--color-edge);box-shadow:var(--shadow-inset-sm);color:var(--color-ink);border-radius:999px}.field-inset::placeholder{color:var(--color-muted)}.btn-raised,.btn-round{background:var(--color-surface);border:1px solid var(--color-edge);color:var(--color-ink);box-shadow:var(--shadow-raised-sm);cursor:pointer;transition:box-shadow 80ms ease-out,transform 80ms ease-out,color 80ms}.btn-raised{border-radius:999px;padding:.5rem 1.1rem;font-weight:600}.btn-round{border-radius:999px;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;font-size:.8rem;display:inline-flex}.btn-raised:hover,.btn-round:hover{color:var(--color-ink);box-shadow:var(--shadow-raised)}.btn-raised:active,.btn-round:active{box-shadow:var(--shadow-inset-sm);transform:translateY(1px)}.btn-raised:disabled,.btn-round:disabled{opacity:.45;cursor:not-allowed;box-shadow:none;transform:none}.readout{background:var(--color-surface);border:1px solid var(--color-edge);box-shadow:var(--shadow-inset-sm);color:var(--color-ink);white-space:nowrap;border-radius:999px;padding:.45rem .9rem;font-size:.8rem;font-weight:600}.lamp{background:var(--color-line);width:.6rem;height:.6rem;box-shadow:var(--shadow-inset-sm);border-radius:999px;transition:background-color 80ms,box-shadow 80ms}[data-sustain=on] .lamp{box-shadow:0 0 0 2px #fffc,0 0 10px 2px}.loader-track{background:var(--color-surface);width:6rem;height:.4rem;box-shadow:var(--shadow-inset-sm);border-radius:999px;display:inline-block;overflow:hidden}.loader-bar{border-radius:999px;width:50%;height:100%;animation:1.1s ease-in-out infinite loader-slide;display:block}@keyframes loader-slide{0%{transform:translate(-100%)}to{transform:translate(200%)}}:where(a,button,input,[tabindex]):focus-visible{outline:2px solid var(--color-ink);outline-offset:3px;border-radius:var(--radius-sm)}.piano-key--white:focus-visible,.grid-key--white:focus-visible{outline-color:var(--color-key-ink)}.piano-stage{--white-gap:.2rem;--white-w:clamp(2.6rem, calc((100cqw - 2rem - 2 * var(--piano-pad)) / var(--white-count,17) - var(--white-gap)), 3.9rem);--white-step:calc(var(--white-w) + var(--white-gap));--white-h:13rem;--black-w:2.4rem;--black-h:8rem;--piano-pad:.75rem}@media (max-width:767px){.piano-stage{--white-h:9.5rem;--black-w:1.8rem;--black-h:5.8rem}}.piano-scroll{padding:1.25rem 1rem 1.5rem;container-type:inline-size}.piano-stage{flex:1;justify-content:center}.piano{gap:var(--white-gap);width:calc(var(--white-count) * var(--white-step) - var(--white-gap));height:var(--white-h);padding:var(--piano-pad);border-radius:var(--radius-lg);background:var(--color-surface);border:1px solid var(--color-line);box-shadow:var(--shadow-inset);box-sizing:content-box;margin:0 auto;display:flex;position:relative}.piano-key{-webkit-user-select:none;user-select:none;touch-action:none;cursor:pointer;flex-direction:column;justify-content:flex-end;align-items:center;gap:.2rem;transition:transform 60ms ease-out,box-shadow 60ms ease-out,background-color 60ms ease-out;display:flex;position:relative}[data-piano-key][data-silent=true],[data-keycap][data-silent=true]{opacity:.32}.piano-key--white{flex:0 0 var(--white-w);width:var(--white-w);height:var(--white-h);border-radius:0 0 var(--radius-sm) var(--radius-sm);background-color:var(--color-key);background-image:linear-gradient(180deg, #fff, var(--color-key-2));border:1px solid var(--color-edge);color:var(--color-key-ink);padding-bottom:.75rem;box-shadow:0 8px 14px -8px #000000b3,inset 0 1px #ffffffe6}.piano-key--black{top:var(--piano-pad);width:var(--black-w);height:var(--black-h);background-color:var(--color-key-black);background-image:linear-gradient(180deg, #333644, var(--color-key-black));border:1px solid var(--color-edge);color:var(--color-key-black-text);z-index:10;border-radius:0 0 10px 10px;padding-bottom:.5rem;position:absolute;box-shadow:0 6px 12px -4px #000c,inset 0 1px #ffffff24}.piano-key[data-pressed=true]{transform:translateY(3px)}.piano-key--white[data-pressed=true]{box-shadow:var(--shadow-inset-sm);background-image:none}.piano-key--black[data-pressed=true]{background-image:none;box-shadow:inset 0 4px 8px #00000080}.piano-key__labels{gap:.2rem;display:flex}.piano-key__cap{text-align:center;min-width:1.35rem;color:var(--color-key-ink);background:#0000000f;border:1px solid #00000040;border-radius:6px;padding:.15rem .3rem;font-size:.8rem;font-weight:700;line-height:1}.piano-key--black .piano-key__cap{color:var(--color-key-black-text);background:#ffffff1f;border-color:#ffffff47}.piano-key__note{font-family:var(--font-mono);color:var(--color-key-muted);font-size:.65rem}.piano-key--black .piano-key__note{color:var(--color-key-black-text);opacity:.85}.piano-key__lamp{background:var(--accent);opacity:0;border-radius:999px;height:.2rem;transition:opacity 75ms ease-out;position:absolute;bottom:.3rem;left:.6rem;right:.6rem}.piano-key[data-pressed=true] .piano-key__lamp{opacity:1}.app-header{z-index:30;height:var(--header-h);background:var(--color-panel);border-bottom:1px solid var(--color-line);position:sticky;top:0;box-shadow:0 6px 16px -10px #0009}.panel-identity{background-color:var(--color-panel);min-height:7.5rem;position:relative;overflow:hidden}.skin-art{pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;inset:0}.panel-identity:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(100deg, var(--skin-base,var(--color-panel)) 0%, var(--skin-base,#272a34) 34%, transparent 62%);position:absolute;inset:0}@supports (color:color-mix(in lab, red, red)){.panel-identity:after{background:linear-gradient(100deg, var(--skin-base,var(--color-panel)) 0%, color-mix(in srgb, var(--skin-base,var(--color-panel)) 82%, transparent) 34%, transparent 62%)}}.panel-identity[data-skin=oil-painting]{--skin-base:#1d1014;background-color:#1d1014}.panel-identity[data-skin=arcade]{--skin-base:#150e2b;background-color:#150e2b}.panel-identity[data-skin=chrome]{--skin-base:#0d1620;background-color:#0d1620}.panel-identity[data-skin=comic]{--skin-base:#101a0e;background-color:#101a0e}.panel-identity[data-skin=abstract]{--skin-base:#181822;background-color:#181822}.skin-art--picture{object-fit:cover;object-position:right center}.panel-status:not(:empty){-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0c0d12b8;border:1px solid #ffffff1a;border-radius:999px;max-width:100%;padding:.3rem .7rem}.panel-status:empty{display:none}.panel-identity .icon-tile{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#ffffff14;border-color:#fff3}.icon-tile{border-radius:var(--radius-md);background:var(--color-surface);border:1px solid var(--color-line);width:3rem;height:3rem;box-shadow:var(--shadow-inset-sm);justify-content:center;align-items:center;font-size:1.5rem;display:inline-flex}.deck__group{flex-direction:column;justify-content:flex-start;gap:.4rem;display:flex}.deck__group>:not(.deck__caption){align-items:center;min-height:2.5rem;display:flex}.deck .seg{align-items:center;height:2.5rem}.deck .readout,.deck .check{align-items:center;height:2.5rem;display:inline-flex}@media (max-width:767px){.deck{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem 1rem;display:grid}}.wheel-meter{align-items:center;gap:.4rem;height:2.5rem;display:inline-flex}.wheel-meter__label{letter-spacing:.04em;text-transform:uppercase;color:var(--color-muted);font-size:.65rem;font-weight:700}.wheel-meter__track{background:var(--color-surface);border:1px solid var(--color-edge);width:3.5rem;height:.45rem;box-shadow:var(--shadow-inset-sm);border-radius:999px;display:inline-block;position:relative;overflow:hidden}.wheel-meter__centre{background:var(--color-edge);width:1px;position:absolute;top:0;bottom:0;left:50%}.wheel-meter__fill{background:var(--color-accent,currentColor);transition:width 60ms linear,left 60ms linear;position:absolute;top:0;bottom:0;left:0}.wheel-meter--inert .wheel-meter__track,.wheel-meter--inert .readout{opacity:.5}.readout--sm{justify-content:center;min-width:2.4rem;padding:.25rem .5rem;font-size:.7rem}.deck .readout--sm{height:1.6rem}.deck__note{color:var(--color-muted);max-width:22rem;margin-top:.25rem;font-size:.7rem}@media (prefers-reduced-motion:reduce){.wheel-meter__fill{transition:none}}@media (forced-colors:active){.wheel-meter__fill{background:highlight}.wheel-meter__track{border-color:canvastext}}.deck__caption{letter-spacing:.08em;text-transform:uppercase;color:var(--color-muted);font-size:.65rem;font-weight:700}.check{cursor:pointer;border:1px solid var(--color-edge);background:var(--color-surface);box-shadow:var(--shadow-inset-sm);border-radius:999px;align-items:center;gap:.4rem;padding:.45rem .7rem;font-size:.8rem;font-weight:600;display:inline-flex}.check input{accent-color:var(--color-ink)}.pad-octave{grid-template-columns:repeat(var(--pad-cols,14), 1fr);grid-template-rows:3.4rem 4.4rem;gap:.3rem .25rem;width:100%;display:grid}.pad{border-radius:var(--radius-sm);-webkit-user-select:none;user-select:none;touch-action:none;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:.1rem;min-width:0;font-weight:700;transition:transform 60ms ease-out,box-shadow 60ms ease-out;display:flex;position:relative}.pad--ghost{background:var(--color-surface);border:1px dashed var(--color-line);box-shadow:var(--shadow-inset-sm);opacity:.35;cursor:default;pointer-events:none}.pad--white{background-color:var(--color-key);background-image:linear-gradient(180deg, #fff, var(--color-key-2));border:1px solid var(--color-edge);color:var(--color-key-ink);box-shadow:0 5px 9px -5px #000000b3,inset 0 1px #ffffffe6}.pad--black{background-color:var(--color-key-black);background-image:linear-gradient(180deg, #333644, var(--color-key-black));border:1px solid var(--color-edge);color:var(--color-key-black-text);box-shadow:0 5px 9px -5px #000c,inset 0 1px #ffffff24}.pad[data-pressed=true]{transform:translateY(2px)}.pad--white[data-pressed=true]{box-shadow:var(--shadow-inset-sm);background-image:none}.pad--black[data-pressed=true]{background-image:none;box-shadow:inset 0 3px 6px #0009}.pad__label{font-size:.8rem;line-height:1}.pad__note{font-family:var(--font-mono);opacity:.85;font-size:.6rem}.pad--white .pad__note{color:var(--color-key-muted);opacity:1}.pad__lamp{background:var(--accent);opacity:0;inset-inline:.5rem;border-radius:999px;height:.18rem;transition:opacity 75ms ease-out;position:absolute;bottom:.22rem}.pad[data-pressed=true] .pad__lamp{opacity:1}.steps-bar{background:var(--color-surface);border:1px solid var(--color-line);box-shadow:var(--shadow-raised-sm);border-radius:999px;flex-wrap:wrap;align-items:center;gap:.75rem;padding:.5rem .85rem;display:flex}.steps-bar__list{flex-wrap:wrap;flex:auto;align-items:center;gap:.85rem;min-width:0;display:flex}.steps-bar__step{color:var(--color-muted);align-items:center;gap:.35rem;min-width:0;font-size:.72rem;display:inline-flex}.steps-bar__num{width:1.15rem;height:1.15rem;color:var(--color-ink);border:1px solid var(--color-edge);box-shadow:var(--shadow-inset-sm);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;font-size:.6rem;font-weight:800;display:inline-flex}.steps-bar__icon{font-size:.9rem}.steps-bar__text{white-space:nowrap}.steps-bar__actions{flex-shrink:0;align-items:center;gap:.6rem;display:inline-flex}.steps-bar__link{color:var(--color-muted);white-space:nowrap;font-size:.7rem;text-decoration:underline;display:none}.steps-bar__link:hover{color:var(--color-ink)}@media (min-width:1100px){.steps-bar__link{display:inline}}@media (max-width:767px){.steps-bar{border-radius:var(--radius-md)}.steps-bar__text{white-space:normal}}.seg{background:var(--color-surface);border:1px solid var(--color-edge);box-shadow:var(--shadow-inset-sm);border-radius:999px;gap:.25rem;padding:.25rem;display:inline-flex}.seg__btn{color:var(--color-muted);cursor:pointer;border:1px solid #0000;border-radius:999px;padding:.35rem .95rem;font-size:.8rem;font-weight:600}.seg__btn:hover{color:var(--color-ink)}.seg__btn[aria-pressed=true]{background:var(--color-ink);color:var(--color-surface-2);box-shadow:var(--shadow-raised-sm)}.grid-key{border-radius:var(--radius-sm);-webkit-user-select:none;user-select:none;touch-action:none;flex-direction:column;justify-content:center;align-items:center;gap:.15rem;width:3.2rem;min-width:3.2rem;height:3.2rem;font-weight:700;transition:transform 60ms ease-out,box-shadow 60ms ease-out;display:flex;position:relative}.grid-key--white{background-color:var(--color-key);background-image:linear-gradient(180deg, #fff, var(--color-key-2));border:1px solid var(--color-edge);color:var(--color-key-ink);cursor:pointer;box-shadow:0 6px 10px -6px #000000b3,inset 0 1px #ffffffe6}.grid-key--sharp{background-color:var(--color-key-black);background-image:linear-gradient(180deg, #333644, var(--color-key-black));border:1px solid var(--color-edge);color:var(--color-key-black-text);cursor:pointer;box-shadow:0 5px 10px -5px #000c,inset 0 1px #ffffff24}.grid-key--inert{background:var(--color-surface);border:1px solid var(--color-line);box-shadow:var(--shadow-inset-sm);color:var(--color-muted);opacity:.55;cursor:default}.grid-key[data-pressed=true]{transform:translateY(2px)}.grid-key--white[data-pressed=true]{box-shadow:var(--shadow-inset-sm);background-image:none}.grid-key--sharp[data-pressed=true]{background-image:none;box-shadow:inset 0 3px 6px #00000080}.grid-key__label{font-size:.95rem;line-height:1}.grid-key__note{font-family:var(--font-mono);opacity:.8;font-size:.6rem}.grid-key__lamp{background:var(--accent);opacity:0;inset-inline:.55rem;border-radius:999px;height:.18rem;transition:opacity 75ms ease-out;position:absolute;bottom:.25rem}.grid-key[data-pressed=true] .grid-key__lamp{opacity:1}.side-item{border:1px solid #0000;border-radius:999px;transition:box-shadow 80ms,background-color 80ms,color 80ms}.side-item:hover{box-shadow:var(--shadow-raised-sm);border-color:var(--color-line)}.side-item[aria-current=page]{background:var(--color-ink);color:var(--color-surface-2);box-shadow:var(--shadow-inset-sm)}@media (forced-colors:active){.card-raised,.panel-inset,.field-inset,.btn-raised,.btn-round,.readout,.piano,.piano-key,.side-item,.seg,.seg__btn,.grid-key,.pad,.check,.icon-tile,.app-header,.steps-bar{box-shadow:none;background-image:none;border:1px solid canvastext}.piano-key--black{color:canvas;background:canvastext}.piano-key[data-pressed=true],.grid-key[data-pressed=true],.pad[data-pressed=true]{outline:3px solid highlight}.seg__btn[aria-pressed=true],.side-item[aria-current=page]{color:highlighttext;background:highlight}}@media (prefers-reduced-motion:reduce){.piano-key,.btn-raised,.btn-round,.lamp,.side-item{transition:none}.loader-bar{width:100%;animation:none}}.woodshop{flex-direction:column;gap:1.5rem;width:min(100%,96rem);margin-inline:auto;padding:clamp(1rem,3vw,2rem);display:flex}.woodshop-intro{max-width:48rem}.woodshop-intro h1{letter-spacing:-.04em;margin-block:.15rem .5rem;font-size:clamp(2rem,5vw,3.5rem);font-weight:800;line-height:1.05}.woodshop-intro p:not(.woodshop-kicker){max-width:68ch;color:var(--color-muted);line-height:1.6}.woodshop-kicker{color:var(--color-accent-ink-drums);letter-spacing:.12em;text-transform:uppercase;font-size:.75rem;font-weight:800}.woodshop-bench{flex-direction:column;gap:1rem;display:flex}.woodshop-bench__toolbar{grid-template-columns:minmax(14rem,1fr);align-items:end;gap:1rem;padding:1.25rem;display:grid}.woodshop-bench__toolbar h2,.woodshop-utility h2{font-size:1.2rem;font-weight:750}.woodshop-bench__toolbar p,.woodshop-utility__heading p{color:var(--color-muted);line-height:1.5}.woodshop-preset,.woodshop-field,.woodshop-save-row{flex-direction:column;gap:.4rem;display:flex}.woodshop-preset label,.woodshop-field>label,.woodshop-save-row>label,.woodshop-utility>label{color:var(--color-muted);letter-spacing:.04em;font-size:.75rem;font-weight:750}.woodshop :where(input[type=text],input[type=number],select,textarea){border:1px solid var(--color-edge);border-radius:var(--radius-sm);background-color:var(--color-surface);min-width:0;min-height:2.75rem;box-shadow:var(--shadow-inset-sm);color:var(--color-ink);padding:.6rem .75rem}.woodshop :where(input[type=text],input[type=number],select,textarea):hover{border-color:var(--color-ink)}.woodshop :where(select,textarea,summary):focus-visible{outline:2px solid var(--color-ink);outline-offset:3px}.woodshop :where(button,input,select,textarea,summary,[tabindex]):focus-visible{outline-width:2px;outline-style:solid;outline-color:var(--color-ink);outline-offset:3px}.woodshop [tabindex]:focus-visible{outline:2px solid var(--color-ink)!important;outline-offset:3px!important}.woodshop .piano-scroll:focus-visible{outline:2px solid var(--color-ink);outline-offset:3px}.woodshop :where(input,select,textarea)[aria-invalid=true]{border-color:var(--color-accent-ink-piano)}.woodshop :where(button,select,input,textarea){font:inherit}.woodshop :where(.btn-raised,.woodshop-reset){min-height:2.75rem}.woodshop-compare{align-self:center}.woodshop-compare:active{color:var(--color-accent-ink-drums)}.woodshop-validation,.woodshop-status{min-height:1.5rem;color:var(--color-muted);font-size:.85rem}.woodshop-sections{flex-direction:column;gap:1rem;display:flex}.woodshop-section{overflow:clip}.woodshop-section>summary{cursor:pointer;border-radius:var(--radius-lg);flex-direction:column;justify-content:center;gap:.2rem;min-height:4.25rem;padding:1rem 1.25rem;display:flex}.woodshop-section>summary:hover{background-color:var(--color-surface-2)}.woodshop-section>summary:active{box-shadow:var(--shadow-inset-sm)}.woodshop-section>summary span{font-size:1.1rem;font-weight:750}.woodshop-section>summary small{color:var(--color-muted);font-size:.78rem}.woodshop-section__body{border-top:1px solid var(--color-line);flex-direction:column;gap:1rem;padding:.25rem 1.25rem 1.25rem;display:flex}.woodshop-identity-grid,.woodshop-controls-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr));gap:1rem;display:grid}.woodshop-identity-grid{padding-block-start:1rem}.woodshop-hint,.woodshop-empty{color:var(--color-muted);font-size:.78rem;line-height:1.5}.woodshop-error,.woodshop-warning{font-size:.8rem;font-weight:650;line-height:1.45}.woodshop-error{color:var(--color-accent-ink-piano)}.woodshop-warning{border:1px solid var(--color-edge);border-radius:var(--radius-sm);color:var(--color-accent-ink-drums);background-color:var(--color-surface);padding:.7rem .85rem}.woodshop-error--section{padding-block-start:1rem}.woodshop-control{border:1px solid var(--color-line);border-radius:var(--radius-md);background-color:var(--color-surface);min-width:0;box-shadow:var(--shadow-inset-sm);grid-template-columns:minmax(0,1fr) auto;align-content:start;gap:.6rem;padding:.85rem;display:grid}.woodshop-control[data-invalid=true]{border-color:var(--color-accent-ink-piano)}.woodshop-control__label{font-size:.8rem;font-weight:750}.woodshop-control__body{grid-column:1/-1;grid-template-columns:4.5rem minmax(7rem,1fr) auto;align-items:center;gap:.65rem;display:grid}.woodshop-control__value{color:var(--color-muted);font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:.75rem}.woodshop-control>.woodshop-error{grid-column:1/-1}.woodshop-number-wrap{min-width:0;position:relative}.woodshop-number-wrap input{width:100%;font-family:var(--font-mono);font-variant-numeric:tabular-nums;padding-inline-end:3.4rem}.woodshop-number-wrap span{color:var(--color-muted);pointer-events:none;font-size:.72rem;position:absolute;inset-block-start:50%;inset-inline-end:.7rem;translate:0 -50%}.woodshop-reset{border:1px solid var(--color-edge);background-color:var(--color-surface);color:var(--color-muted);box-shadow:var(--shadow-raised-sm);cursor:pointer;border-radius:999px;padding-inline:.7rem}.woodshop-reset:hover,.woodshop-reset:focus-visible{color:var(--color-ink)}.woodshop-reset:active{box-shadow:var(--shadow-inset-sm)}.woodshop-knob{width:4.5rem;height:4.5rem;position:relative}.woodshop-knob__dial{border:1px solid var(--color-edge);background-color:var(--color-surface-2);box-shadow:var(--shadow-raised-sm);rotate:var(--knob-turn);border-radius:999px;transition:rotate 80ms ease-out,box-shadow 80ms ease-out;display:block;position:absolute;inset:.45rem}.woodshop-knob__marker{background-color:var(--color-accent-ink-drums);border-radius:999px;width:.18rem;height:.9rem;position:absolute;inset-block-start:.35rem;inset-inline-start:50%;translate:-50%}.woodshop-knob input[type=range]{opacity:0;cursor:grab;touch-action:none;width:100%;height:100%;position:absolute;inset:0}.woodshop-knob input[type=range]:active{cursor:grabbing}:is(.woodshop-knob:has(input:hover) .woodshop-knob__dial,.woodshop-knob:has(input:focus-visible) .woodshop-knob__dial){box-shadow:var(--shadow-raised)}.woodshop-knob:has(input:focus-visible) .woodshop-knob__dial{outline:2px solid var(--color-ink);outline-offset:3px}.woodshop-oscillators{grid-template-columns:repeat(auto-fit,minmax(min(100%,20rem),1fr));gap:1rem;display:grid}.woodshop-oscillator{border:1px solid var(--color-edge);border-radius:var(--radius-md);flex-direction:column;gap:1rem;min-width:0;padding:1rem;display:flex}.woodshop-oscillator legend{color:var(--color-accent-ink-drums);padding-inline:.4rem;font-weight:750}.woodshop-small-button{align-self:flex-start;font-size:.8rem}.woodshop-toggle{cursor:pointer;align-items:center;gap:.65rem;width:fit-content;min-height:2.75rem;font-weight:700;display:inline-flex}.woodshop-toggle>input{opacity:0;position:absolute}.woodshop-toggle__track{border:1px solid var(--color-edge);background-color:var(--color-surface);width:3rem;height:1.7rem;box-shadow:var(--shadow-inset-sm);border-radius:999px;padding:.2rem}.woodshop-toggle__track span{background-color:var(--color-muted);border-radius:999px;width:1.2rem;height:1.2rem;transition:transform .1s ease-out,background-color .1s ease-out;display:block}.woodshop-toggle>input:checked+.woodshop-toggle__track span{background-color:var(--color-accent-ink-drums);transform:translate(1.25rem)}.woodshop-toggle>input:focus-visible+.woodshop-toggle__track{outline:2px solid var(--color-ink);outline-offset:3px}.woodshop-utilities{gap:1.5rem;display:grid}.woodshop-utility{flex-direction:column;gap:1rem;min-width:0;padding:1.25rem;display:flex}.woodshop-utility__heading{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.woodshop-save-row{grid-template-columns:minmax(0,1fr);display:grid}.woodshop-draft-list{flex-direction:column;gap:.75rem;display:flex}.woodshop-draft-list li{border:1px solid var(--color-line);border-radius:var(--radius-md);grid-template-columns:minmax(0,1fr);gap:.65rem;padding:.8rem;display:grid}.woodshop-draft-list time{color:var(--color-muted);font-size:.75rem}.woodshop-draft-actions,.woodshop-launch-actions{flex-wrap:wrap;gap:.6rem;display:flex}.woodshop-draft-actions .btn-raised,.woodshop-launch-actions .btn-raised{font-size:.8rem}.woodshop-launch-steps{flex-direction:column;gap:.55rem;padding-inline-start:1.4rem;line-height:1.5;list-style:decimal;display:flex}.woodshop-launch-steps code{color:var(--color-accent-ink-drums);font-family:var(--font-mono);overflow-wrap:anywhere}@media (min-width:48rem){.woodshop-bench__toolbar{grid-template-columns:minmax(14rem,1fr) minmax(13rem,18rem) auto}.woodshop-validation{grid-column:1/-1}.woodshop-save-row{grid-template-columns:minmax(0,1fr) auto;align-items:end}.woodshop-save-row>label{grid-column:1/-1}.woodshop-draft-list li{grid-template-columns:minmax(10rem,1fr) auto;align-items:center}.woodshop-draft-actions{grid-column:1/-1}}@media (min-width:72rem){.woodshop-utilities{grid-template-columns:minmax(20rem,.8fr) minmax(30rem,1.2fr);align-items:start}}@media (max-width:34rem){.woodshop-control__body{grid-template-columns:4.5rem minmax(0,1fr)}.woodshop-reset{grid-column:1/-1}}@media (forced-colors:active){.woodshop-section,.woodshop-control,.woodshop-oscillator,.woodshop-warning,.woodshop-knob__dial,.woodshop-toggle__track,.woodshop-reset,.woodshop-draft-list li,.woodshop :where(input,select,textarea){box-shadow:none;forced-color-adjust:auto;border:1px solid canvastext}.woodshop-knob__marker,.woodshop-toggle__track span{background:highlight}}@media (prefers-reduced-motion:reduce){.woodshop-knob__dial,.woodshop-toggle__track span{transition:none}}.woodshop-toolbar-group{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.woodshop-toolbar-group--input{grid-column:1/-1;justify-content:space-between}.woodshop-section__tools{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.6rem;padding-block-start:1rem;display:flex}.woodshop-dice{min-height:2.75rem;padding-inline:.85rem;font-size:.85rem}.woodshop-identity-grid--flush{padding-block-start:0}.woodshop-reset{align-items:center;gap:.35rem;display:inline-flex}.woodshop[data-density=compact] .woodshop-sections{columns:21rem;column-gap:.75rem;display:block}.woodshop[data-density=compact] .woodshop-section{break-inside:avoid;margin-block-end:.75rem}.woodshop[data-density=compact] .woodshop-section--wide{column-span:all}.woodshop[data-density=compact] .woodshop-section>summary{min-height:2.75rem;padding:.55rem .9rem}.woodshop[data-density=compact] .woodshop-section>summary span{font-size:.95rem}.woodshop[data-density=compact] .woodshop-section>summary small{display:none}.woodshop[data-density=compact] .woodshop-section__body{gap:.6rem;padding:.25rem .75rem .75rem}.woodshop[data-density=compact] .woodshop-section__tools{padding-block-start:.5rem}.woodshop[data-density=compact] .woodshop-identity-grid,.woodshop[data-density=compact] .woodshop-controls-grid,.woodshop[data-density=compact] .woodshop-oscillators{grid-template-columns:repeat(auto-fit,minmax(min(100%,9.5rem),1fr));gap:.5rem}.woodshop[data-density=compact] .woodshop-oscillators{grid-template-columns:repeat(auto-fit,minmax(min(100%,24rem),1fr))}.woodshop[data-density=compact] .woodshop-oscillator .woodshop-controls-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.woodshop[data-density=compact] .woodshop-oscillator{padding:.5rem .6rem .6rem}.woodshop[data-density=compact] .woodshop-control{gap:.3rem;padding:.5rem .55rem}.woodshop[data-density=compact] .woodshop-control__label{font-size:.72rem}.woodshop[data-density=compact] .woodshop-control__value{font-size:.7rem}.woodshop[data-density=compact] .woodshop-control__body{grid-template-columns:2.5rem minmax(0,1fr) auto;gap:.3rem}.woodshop[data-density=compact] .woodshop-knob{width:2.5rem;height:2.5rem}.woodshop[data-density=compact] .woodshop-knob__dial{inset:.2rem}.woodshop[data-density=compact] .woodshop-knob__marker{height:.6rem;inset-block-start:.2rem}.woodshop[data-density=compact] :where(input[type=text],input[type=number],select){min-height:2.25rem;padding:.35rem .5rem;font-size:.85rem}.woodshop[data-density=compact] .woodshop-number-wrap input{padding-inline-end:.5rem}.woodshop[data-density=compact] .woodshop-number-wrap span{font-size:.62rem;display:none;inset-inline-end:.45rem}.woodshop[data-density=compact] .woodshop-reset{justify-content:center;min-width:2rem;min-height:2rem;padding-inline:.35rem}.woodshop[data-density=compact] .woodshop-control{padding:.4rem .45rem}.woodshop[data-density=compact] .woodshop-reset__text{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.woodshop[data-density=compact] .woodshop-dice{min-height:2.25rem;padding-inline:.6rem}.woodshop[data-density=compact] .woodshop-dice__text{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.woodshop[data-density=compact] .woodshop-hint:not(#woodshop-compare-help){font-size:.7rem}.woodshop[data-density=compact] .woodshop-oscillator legend{font-size:.8rem}.woodshop[data-density=compact] .woodshop-small-button,.woodshop[data-density=compact] .woodshop-section__body>.btn-raised{min-height:2.25rem;font-size:.8rem}.woodshop-section[data-module=identity]{--module-accent:#a9b1c6}.woodshop-section[data-module=oscillators]{--module-accent:var(--color-accent-ink-drums)}.woodshop-section[data-module=unison]{--module-accent:#4fd3e6}.woodshop-section[data-module=fm]{--module-accent:var(--color-accent-ink-piano)}.woodshop-section[data-module=filter]{--module-accent:var(--color-accent-ink-synth)}.woodshop-section[data-module=amp]{--module-accent:var(--color-accent-ink-bass)}.woodshop-section[data-module=filterEnv]{--module-accent:var(--color-accent-ink-guitar)}.woodshop-section[data-module=lfo]{--module-accent:#ff7ac8}.woodshop-section[data-module=eq]{--module-accent:#b8e04a}.woodshop-section[data-module=velocity]{--module-accent:#ff9a4d}.woodshop-section[data-module]{border-top:3px solid var(--module-accent)}.woodshop-section[data-module]>summary span{color:var(--module-accent)}.woodshop-section[data-module] .woodshop-knob__marker,.woodshop-section[data-module] .woodshop-oscillator legend{background-color:var(--module-accent)}.woodshop-section[data-module] .woodshop-oscillator legend{color:var(--module-accent);background-color:#0000}.woodshop-section[data-module] .woodshop-toggle>input:checked+.woodshop-toggle__track span{background-color:var(--module-accent)}.woodshop-section[data-module] .woodshop-oscillator{border-color:var(--module-accent)}@supports (color:color-mix(in lab, red, red)){.woodshop-section[data-module] .woodshop-oscillator{border-color:color-mix(in srgb, var(--module-accent) 45%, var(--color-edge))}}.woodshop[data-density=compact] .woodshop-oscillator .woodshop-control__body{grid-template-rows:auto auto;grid-template-columns:2.5rem minmax(0,1fr) auto}.woodshop[data-density=compact] .woodshop-oscillator .woodshop-knob{grid-area:1/1}.woodshop[data-density=compact] .woodshop-oscillator .woodshop-reset{grid-area:1/3}.woodshop[data-density=compact] .woodshop-oscillator .woodshop-number-wrap{grid-area:2/1/auto/-1}.woodshop-save{border:1px solid var(--color-line);border-radius:var(--radius-md);background-color:var(--color-surface);box-shadow:var(--shadow-inset-sm);flex-direction:column;grid-column:1/-1;gap:.4rem;padding:.85rem;display:flex}.woodshop-save>label{color:var(--color-muted);letter-spacing:.04em;font-size:.75rem;font-weight:750}.woodshop-save__row{flex-wrap:wrap;gap:.6rem;display:flex}.woodshop-save__row input{flex:14rem;min-width:0}.woodshop-eq{grid-template-columns:repeat(10,minmax(0,1fr));gap:.35rem;display:grid}.woodshop-eq__band{flex-direction:column;align-items:center;gap:.3rem;min-width:0;display:flex}.woodshop-eq__band input[type=range]{writing-mode:vertical-lr;width:1.5rem;height:8rem;accent-color:var(--module-accent,var(--color-accent-ink-drums));cursor:ns-resize;direction:rtl;margin:0}.woodshop-eq__band label{color:var(--color-muted);font-size:.7rem;font-weight:750}.woodshop-eq__band output{color:var(--color-muted);font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:.7rem}.woodshop-eq__tools{justify-content:flex-end;display:flex}.woodshop[data-density=compact] .woodshop-eq__band input[type=range]{width:1.25rem;height:5.5rem}@media (min-width:60rem){.woodshop-bench__toolbar{grid-template-columns:minmax(16rem,1fr) auto;align-items:start}}.woodshop-save .woodshop-identity-grid,.woodshop-save .woodshop-controls-grid{padding-block-start:.25rem}.spectrum{z-index:2;pointer-events:none;opacity:.6;mix-blend-mode:screen;width:100%;height:100%;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000 0,#00000040 28%,#000 55%);mask-image:linear-gradient(90deg,#0000 0,#00000040 28%,#000 55%)}@media (prefers-reduced-motion:reduce){.spectrum{display:none}}.midi-disconnect{border:1px solid var(--color-edge);background-color:var(--color-surface);min-width:1.5rem;min-height:1.5rem;color:var(--color-muted);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;margin-inline-start:.1rem;font-size:.95rem;line-height:1;display:inline-flex}.midi-disconnect:hover,.midi-disconnect:focus-visible{color:var(--color-ink);border-color:var(--color-ink)}.logo-mark{filter:drop-shadow(0 1px 3px #00000080)}.copy-card{gap:1.35rem;padding:clamp(1.35rem,2.6vw,2.25rem);display:grid}.copy-card__head{flex-direction:column;gap:.45rem;max-width:62ch;display:flex}.copy-card__kicker{letter-spacing:.18em;text-transform:uppercase;color:var(--color-accent-ink-piano);margin:0;font-size:.72rem;font-weight:850}.copy-card__head h2{letter-spacing:-.025em;margin:0;font-size:clamp(1.5rem,2.6vw,2rem);font-weight:800;line-height:1.15}.copy-card__lead{color:var(--color-muted);margin:0;font-size:1.05rem;line-height:1.55}.copy-card__grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,19rem),1fr));align-items:stretch;gap:.9rem;display:grid}.copy-card__point{--copy-accent:var(--color-accent-synth);--copy-ink:var(--color-accent-ink-synth);border:1px solid var(--color-line);border-inline-start:4px solid var(--copy-accent);border-radius:var(--radius-md);background-color:var(--copy-accent);flex-direction:column;gap:.65rem;height:100%;padding:1.15rem 1.2rem;display:flex}@supports (color:color-mix(in lab, red, red)){.copy-card__point{background-color:color-mix(in srgb, var(--copy-accent) 6%, var(--color-surface-2))}}.copy-card__point[data-accent="0"]{--copy-accent:var(--color-accent-piano);--copy-ink:var(--color-accent-ink-piano)}.copy-card__point[data-accent="1"]{--copy-accent:var(--color-accent-synth);--copy-ink:var(--color-accent-ink-synth)}.copy-card__point[data-accent="2"]{--copy-accent:var(--color-accent-bass);--copy-ink:var(--color-accent-ink-bass)}.copy-card__point[data-accent="3"]{--copy-accent:var(--color-accent-drums);--copy-ink:var(--color-accent-ink-drums)}.copy-card__point[data-accent="4"]{--copy-accent:var(--color-accent-guitar);--copy-ink:var(--color-accent-ink-guitar)}.copy-card__point h3{border-block-end:2px solid var(--copy-accent);align-items:center;gap:.7rem;margin:0;padding-block-end:.7rem;display:flex}@supports (color:color-mix(in lab, red, red)){.copy-card__point h3{border-block-end:2px solid color-mix(in srgb, var(--copy-accent) 45%, transparent)}}.copy-card__point h3{letter-spacing:-.01em;font-size:1.05rem;font-weight:750;line-height:1.25}.copy-card__point-text{min-width:0}.copy-card__point p{color:var(--color-muted);margin:0;font-size:.95rem;line-height:1.6}@supports (grid-template-rows:subgrid){.copy-card__grid{grid-template-rows:auto auto}.copy-card__point{grid-row:span 2;grid-template-rows:subgrid;display:grid}}.copy-icon{flex:none}.copy-card__num{background:var(--copy-accent);color:#16110c;width:2rem;height:2rem;box-shadow:var(--shadow-raised-sm);border-radius:11px;flex:none;place-items:center;font-size:1rem;font-weight:850;line-height:1;display:grid}.copy-card__foot{flex-wrap:wrap;gap:.5rem;margin:0;display:flex}.copy-card__chip{border:1px solid #8d4a43;align-items:center;gap:.55rem;padding:.55rem 1.1rem;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.copy-card__chip{border:1px solid color-mix(in srgb, var(--color-accent-piano) 42%, var(--color-line))}}.copy-card__chip{background-color:var(--color-surface-2);color:var(--color-ink);border-radius:999px;font-size:.92rem;font-weight:600;line-height:1.4;transition:border-color .14s,background-color .14s}.copy-card__chip:hover{border-color:var(--color-accent-piano);background-color:#493439}@supports (color:color-mix(in lab, red, red)){.copy-card__chip:hover{background-color:color-mix(in srgb, var(--color-accent-piano) 14%, var(--color-surface-2))}}.copy-card__chip:focus-visible{outline:2px solid var(--color-accent-ink-piano);outline-offset:2px}@media (max-width:767px){.copy-card{gap:1.1rem}.copy-card__point{padding:1rem 1.05rem}.copy-card__lead{font-size:1rem}}.midi-test{flex-direction:column;gap:.9rem;padding:1.25rem clamp(1.25rem,3vw,2rem);display:flex}.midi-test__title{letter-spacing:-.03em;font-size:clamp(1.6rem,3vw,2.2rem);font-weight:800;line-height:1.1}.midi-test__lead,.midi-test__foot{color:var(--color-muted);line-height:1.55}.midi-test__foot{font-size:.8rem}.midi-test__status p{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.midi-test__warn{color:var(--color-accent-ink-drums);font-weight:650}.midi-test__lamp{background:var(--color-accent-bass)}.midi-test__grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr));gap:.75rem;display:grid}.midi-test__cell{border:1px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-inset-sm);font-family:var(--font-mono);font-variant-numeric:tabular-nums;flex-direction:column;gap:.25rem;padding:.85rem;display:flex}.midi-test__label{font-family:var(--font-sans);letter-spacing:.06em;text-transform:uppercase;color:var(--color-muted);font-size:.72rem;font-weight:750}.midi-test__big{font-size:2rem;font-weight:800;line-height:1}.midi-test__big small{color:var(--color-muted);font-size:1rem;font-weight:500}.midi-test__bar{background:var(--color-surface-2);border-radius:999px;height:.5rem;display:block;overflow:hidden}.midi-test__bar span{background:linear-gradient(90deg,#5de0c6,#8f7bff);height:100%;transition:width 60ms linear;display:block}.midi-test__muted{color:var(--color-muted)}.midi-test__checks{flex-wrap:wrap;gap:.5rem 1.25rem;margin:0;padding:0;list-style:none;display:flex}.midi-test__checks li{color:var(--color-muted)}.midi-test__checks li[data-ok=true]{color:var(--color-accent-ink-bass);font-weight:650}.midi-test__loghead{justify-content:space-between;align-items:center;display:flex}.midi-test__log{border:1px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-surface);max-height:14rem;font-family:var(--font-mono);margin:0;padding:.5rem .75rem;font-size:.78rem;list-style:none;overflow:auto}.midi-test__log li{grid-template-columns:5.5rem minmax(0,8rem) 1fr auto;gap:.75rem;padding:.15rem 0;display:grid}.midi-test__log li>*{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.midi-test__time,.midi-test__device,.midi-test__log code{color:var(--color-muted)}.side-group+.side-group{border-top:1px solid var(--color-line);margin-block-start:1rem;padding-block-start:1rem}.side-cat{line-height:1.4}.side-cat__dot{box-shadow:0 0 0 3px #23252eb3}@supports (color:color-mix(in lab, red, red)){.side-cat__dot{box-shadow:0 0 0 3px color-mix(in srgb, var(--color-surface) 70%, transparent)}}.side-item--tool{border-top:1px solid var(--color-line);border-radius:0;margin-block-start:.5rem;padding-block-start:.75rem}.learn{flex-direction:column;gap:2rem;width:min(100%,74rem);margin-inline:auto;padding:clamp(1rem,3vw,2.5rem);display:flex}.learn__head h1,.learn__article h1{letter-spacing:-.03em;margin:0;font-size:clamp(1.9rem,4vw,2.8rem);font-weight:800;line-height:1.1}.learn__head p:not(.woodshop-kicker){color:var(--color-muted);max-width:62ch;font-size:1.05rem;line-height:1.55}.learn__group{--learn-accent:var(--color-accent-synth);--learn-ink:var(--color-accent-ink-synth)}.learn__group[data-kind=manual]{--learn-accent:var(--color-accent-guitar);--learn-ink:var(--color-accent-ink-guitar)}.learn__group[data-kind=how-to]{--learn-accent:var(--color-accent-piano);--learn-ink:var(--color-accent-ink-piano)}.learn__group[data-kind=explainer]{--learn-accent:var(--color-accent-synth);--learn-ink:var(--color-accent-ink-synth)}.learn__group[data-kind=fix]{--learn-accent:var(--color-accent-drums);--learn-ink:var(--color-accent-ink-drums)}.learn__group[data-kind=tool]{--learn-accent:var(--color-accent-bass);--learn-ink:var(--color-accent-ink-bass)}.learn__group h2{letter-spacing:.18em;text-transform:uppercase;color:var(--learn-ink);border-block-end:2px solid var(--learn-accent);align-items:center;gap:.6rem;margin-block-end:1rem;padding-block-end:.6rem;font-size:.74rem;font-weight:850;display:flex}@supports (color:color-mix(in lab, red, red)){.learn__group h2{border-block-end:2px solid color-mix(in srgb, var(--learn-accent) 45%, transparent)}}.learn__dot{background:var(--learn-accent);width:.7rem;height:.7rem;box-shadow:0 0 0 4px var(--learn-accent);border-radius:999px;flex:none}@supports (color:color-mix(in lab, red, red)){.learn__dot{box-shadow:0 0 0 4px color-mix(in srgb, var(--learn-accent) 22%, transparent)}}.learn__count{background:var(--learn-accent);border-radius:999px;flex:none;place-items:center;min-width:1.35rem;height:1.35rem;padding-inline:.35rem;display:grid}@supports (color:color-mix(in lab, red, red)){.learn__count{background:color-mix(in srgb, var(--learn-accent) 22%, var(--color-surface-2))}}.learn__count{border:1px solid var(--learn-accent)}@supports (color:color-mix(in lab, red, red)){.learn__count{border:1px solid color-mix(in srgb, var(--learn-accent) 50%, transparent)}}.learn__count{color:var(--learn-ink);letter-spacing:0;font-size:.7rem}.learn__list{grid-template-columns:repeat(auto-fill,minmax(min(100%,22rem),1fr));gap:.85rem;margin:0;padding:0;list-style:none;display:grid}.learn__card[data-kind=manual]{--learn-accent:var(--color-accent-guitar);--learn-ink:var(--color-accent-ink-guitar)}.learn__card[data-kind=how-to]{--learn-accent:var(--color-accent-piano);--learn-ink:var(--color-accent-ink-piano)}.learn__card[data-kind=explainer]{--learn-accent:var(--color-accent-synth);--learn-ink:var(--color-accent-ink-synth)}.learn__card[data-kind=fix]{--learn-accent:var(--color-accent-drums);--learn-ink:var(--color-accent-ink-drums)}.learn__card[data-kind=tool]{--learn-accent:var(--color-accent-bass);--learn-ink:var(--color-accent-ink-bass)}.learn__card{transition:border-color .14s,transform .14s;position:relative;overflow:hidden}.learn__card:before{content:"";background:var(--learn-accent);width:4px;position:absolute;inset-block:0;inset-inline-start:0}.learn__card:hover{transform:translateY(-2px)}@media (prefers-reduced-motion:reduce){.learn__card{transition:none}.learn__card:hover{transform:none}}.learn__card a{flex-direction:row;align-items:flex-start;gap:.9rem;height:100%;padding:1.05rem 1.15rem 1.05rem 1.3rem;display:flex}.learn__card-text{flex-direction:column;flex:auto;gap:.35rem;min-width:0;display:flex}.learn__card strong{font-size:1rem;line-height:1.3}.learn__card span{color:var(--color-muted);font-size:.9rem;line-height:1.5}.learn-icon{border-radius:16px;flex:none}.learn__card a:hover .learn-icon{transform:translateY(-1px)scale(1.03)}.learn-icon{transition:transform .12s}@media (prefers-reduced-motion:reduce){.learn-icon{transition:none}}.learn-keys{flex-direction:column;gap:.6rem;margin:.25rem 0 0;display:flex}.learn-keys__board{grid-template-columns:repeat(var(--white-count), 1fr);background:var(--color-surface-2);height:8.5rem;box-shadow:var(--shadow-inset-sm);touch-action:none;border-radius:14px;padding:.5rem;display:grid;position:relative}.learn-keys__key{border:1px solid var(--color-edge);background:var(--color-key);color:var(--color-key-ink);cursor:pointer;border-radius:0 0 7px 7px;justify-content:center;align-items:flex-end;padding-block-end:.4rem;font-size:.72rem;font-weight:700;transition:background-color 60ms;display:flex;position:relative}.learn-keys__key:active,.learn-keys__key[data-pressed=true]{background:var(--color-key-2)}.learn-keys__key--sharp{height:60%;width:calc((100% - 1rem) / var(--white-count) * .62);background:var(--color-key-black);color:var(--color-key-black-text);z-index:2;border-color:#000;border-radius:0 0 5px 5px;margin-inline-start:calc((100% - 1rem) / var(--white-count) * .69);position:absolute;inset-block-start:.5rem;inset-inline-start:calc((100% - 1rem) / var(--white-count) * var(--white-index) + .5rem)}.learn-keys__key--sharp:active{background:#23242e}.learn-keys__key[data-lit=true]{box-shadow:inset 0 -5px 0 var(--learn-accent,var(--color-accent-piano))}.learn-keys__name{pointer-events:none}.learn-keys figcaption{color:var(--color-muted);font-size:.9rem}.learn-keys__key:focus-visible{outline:3px solid var(--color-accent-ink-piano);outline-offset:-3px;z-index:3}.learn__article,.learn__intro,.learn__section{--learn-accent:var(--color-accent-synth);--learn-ink:var(--color-accent-ink-synth);--fig-accent:var(--color-accent-ink-synth)}.learn__article[data-kind=manual]{--learn-accent:var(--color-accent-guitar);--learn-ink:var(--color-accent-ink-guitar)}.learn__article[data-kind=how-to]{--learn-accent:var(--color-accent-piano);--learn-ink:var(--color-accent-ink-piano)}.learn__article[data-kind=explainer]{--learn-accent:var(--color-accent-synth);--learn-ink:var(--color-accent-ink-synth)}.learn__article[data-kind=fix]{--learn-accent:var(--color-accent-drums);--learn-ink:var(--color-accent-ink-drums)}.learn__article[data-kind=tool]{--learn-accent:var(--color-accent-bass);--learn-ink:var(--color-accent-ink-bass)}.learn__intro[data-kind=manual]{--learn-accent:var(--color-accent-guitar);--learn-ink:var(--color-accent-ink-guitar)}.learn__intro[data-kind=how-to]{--learn-accent:var(--color-accent-piano);--learn-ink:var(--color-accent-ink-piano)}.learn__intro[data-kind=explainer]{--learn-accent:var(--color-accent-synth);--learn-ink:var(--color-accent-ink-synth)}.learn__intro[data-kind=fix]{--learn-accent:var(--color-accent-drums);--learn-ink:var(--color-accent-ink-drums)}.learn__intro[data-kind=tool]{--learn-accent:var(--color-accent-bass);--learn-ink:var(--color-accent-ink-bass)}.learn__section[data-accent="0"]{--learn-accent:var(--color-accent-piano);--learn-ink:var(--color-accent-ink-piano);--fig-accent:var(--color-accent-ink-piano)}.learn__section[data-accent="1"]{--learn-accent:var(--color-accent-synth);--learn-ink:var(--color-accent-ink-synth);--fig-accent:var(--color-accent-ink-synth)}.learn__section[data-accent="2"]{--learn-accent:var(--color-accent-bass);--learn-ink:var(--color-accent-ink-bass);--fig-accent:var(--color-accent-ink-bass)}.learn__section[data-accent="3"]{--learn-accent:var(--color-accent-drums);--learn-ink:var(--color-accent-ink-drums);--fig-accent:var(--color-accent-ink-drums)}.learn__section[data-accent="4"]{--learn-accent:var(--color-accent-guitar);--learn-ink:var(--color-accent-ink-guitar);--fig-accent:var(--color-accent-ink-guitar)}.learn__answer{border-inline-start:4px solid var(--learn-accent);padding-inline-start:1rem}.learn__article-head{flex-direction:column;align-items:flex-start;gap:.55rem;display:flex}.learn__article-head h1{margin:0}.learn__kicker{letter-spacing:.18em;text-transform:uppercase;color:var(--learn-ink);margin:0;font-size:.72rem;font-weight:850}.learn__crumbs{color:var(--color-muted);font-size:.85rem}.learn__crumbs a{color:var(--color-muted);text-underline-offset:.15em;text-decoration:underline}.learn__article{color:var(--color-ink);font-size:1.15rem;line-height:1.55}.learn__intro{gap:1rem;margin-block-end:.5rem;display:grid}.learn__intro-body{flex-direction:column;gap:1.2em;max-width:62ch;display:flex}.learn__answer{margin:0;font-size:1.25rem;line-height:1.5}.learn__toc{border-block-start:1px solid var(--color-line);padding-block-start:1.1rem}.learn__toc-title{letter-spacing:.18em;text-transform:uppercase;color:var(--color-muted);margin:0 0 .7rem;font-size:.72rem;font-weight:850}.learn__toc ol{flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.learn__toc li{--chip:var(--color-accent-synth)}.learn__toc li[data-accent="0"]{--chip:var(--color-accent-piano)}.learn__toc li[data-accent="1"]{--chip:var(--color-accent-synth)}.learn__toc li[data-accent="2"]{--chip:var(--color-accent-bass)}.learn__toc li[data-accent="3"]{--chip:var(--color-accent-drums)}.learn__toc li[data-accent="4"]{--chip:var(--color-accent-guitar)}.learn__toc a{border:1px solid var(--chip);border-radius:999px;align-items:center;gap:.5rem;padding:.4rem .8rem .4rem .4rem;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.learn__toc a{border:1px solid color-mix(in srgb, var(--chip) 42%, var(--color-line))}}.learn__toc a{background:var(--color-surface-2);color:var(--color-ink);font-size:.88rem;font-weight:600;line-height:1.25}.learn__toc a>span{background:var(--chip);color:#16110c;border-radius:999px;flex:none;place-items:center;width:1.4rem;height:1.4rem;font-size:.72rem;font-weight:850;display:grid}.learn__toc a:hover{border-color:var(--chip);background:var(--chip)}@supports (color:color-mix(in lab, red, red)){.learn__toc a:hover{background:color-mix(in srgb, var(--chip) 14%, var(--color-surface-2))}}.learn__toc a:focus-visible{outline:2px solid var(--chip);outline-offset:2px}.learn__section{scroll-margin-top:calc(var(--header-h) + 1rem);border:1px solid var(--color-line);border-inline-start:4px solid var(--learn-accent);border-radius:var(--radius-md);background-color:var(--learn-accent);gap:.7em;margin-block-start:1.1em;padding:1.5em 1.3em;display:grid}@supports (color:color-mix(in lab, red, red)){.learn__section{background-color:color-mix(in srgb, var(--learn-accent) 5%, var(--color-surface))}}.learn__section h2{letter-spacing:-.01em;border-block-end:2px solid var(--learn-accent);align-items:flex-start;gap:.65rem;margin:0;padding-block-end:.55rem;font-size:1.4em;font-weight:750;line-height:1.2;display:flex}@supports (color:color-mix(in lab, red, red)){.learn__section h2{border-block-end:2px solid color-mix(in srgb, var(--learn-accent) 45%, transparent)}}.learn__num{background:var(--learn-accent);color:#16110c;width:2rem;height:2rem;box-shadow:var(--shadow-raised-sm);border-radius:11px;flex:none;place-items:center;font-size:1rem;font-weight:850;line-height:1;display:grid}.learn__h2-text{min-width:0}.learn__body{flex-direction:column;gap:1.2em;max-width:62ch;display:flex}.learn__body p{margin:0}.learn__body ol,.learn__body ul{flex-direction:column;gap:.55em;margin:0;padding-inline-start:1.4em;display:flex}.learn__body ul{list-style:outside}.learn__body ol{list-style:decimal}.learn__body li{padding-inline-start:.2em}.learn__body li::marker{color:var(--learn-ink);font-weight:800}.learn__body dl{flex-direction:column;gap:.75em;margin:0;display:flex}.learn__body dt{font-weight:750}.learn__body dd{color:var(--color-ink);margin:.35em 0 0}.learn__faq>div{border:1px solid var(--color-line);border-inline-start:3px solid var(--learn-accent);border-radius:var(--radius-sm);background-color:var(--color-surface-2);padding:.9rem 1rem;font-size:.96em}.learn__section--faq .learn__num{font-size:1.15rem}.learn-fig{flex-direction:column;gap:.6rem;margin:0;display:flex}.learn-fig__frame{border-radius:var(--radius-md);border:1px solid var(--learn-accent);padding:.9rem}@supports (color:color-mix(in lab, red, red)){.learn-fig__frame{border:1px solid color-mix(in srgb, var(--learn-accent) 40%, var(--color-line))}}.learn-fig__frame{background-color:var(--color-surface-2);box-shadow:var(--shadow-inset-sm)}.learn-fig__svg{width:100%;height:auto;display:block}.learn-fig figcaption{color:var(--color-muted);font-size:.9rem;line-height:1.5}.learn__callout{--tone:var(--color-accent-ink-synth);border:1px solid var(--tone);flex-direction:column;gap:.35rem;padding:.9rem 1.05rem;display:flex}@supports (color:color-mix(in lab, red, red)){.learn__callout{border:1px solid color-mix(in srgb, var(--tone) 45%, transparent)}}.learn__callout{border-inline-start:4px solid var(--tone);border-radius:var(--radius-sm);background-color:var(--tone)}@supports (color:color-mix(in lab, red, red)){.learn__callout{background-color:color-mix(in srgb, var(--tone) 11%, var(--color-surface-2))}}.learn__callout{font-size:.96em}.learn__callout[data-tone=tip]{--tone:var(--color-accent-ink-bass)}.learn__callout[data-tone=watch]{--tone:var(--color-accent-ink-drums)}.learn__callout[data-tone=key]{--tone:var(--color-accent-ink-synth)}.learn__callout-label{letter-spacing:.16em;text-transform:uppercase;color:var(--tone);font-size:.7rem;font-weight:850}.learn__also{margin-block-start:1.6em}.learn__also-title{letter-spacing:.18em;text-transform:uppercase;color:var(--color-muted);margin:0 0 .7rem;font-size:.72rem;font-weight:850}.learn__also ul{flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.learn__also a{border:1px solid var(--learn-accent);border-radius:999px;padding:.42rem .9rem;display:inline-block}@supports (color:color-mix(in lab, red, red)){.learn__also a{border:1px solid color-mix(in srgb, var(--learn-accent) 42%, var(--color-line))}}.learn__also a{background-color:var(--color-surface-2);color:var(--color-ink);font-size:.9rem;font-weight:600}.learn__also a:hover{border-color:var(--learn-accent);background-color:var(--learn-accent)}@supports (color:color-mix(in lab, red, red)){.learn__also a:hover{background-color:color-mix(in srgb, var(--learn-accent) 14%, var(--color-surface-2))}}.learn__also a:focus-visible{outline:2px solid var(--learn-accent);outline-offset:2px}.learn__cta{margin-block-start:2em}.learn__play{background-color:var(--color-accent-piano);color:#16171d;box-shadow:var(--shadow-raised-sm);border-radius:999px;align-items:center;gap:.6rem;margin-block-start:.4rem;padding:.85rem 1.5rem;font-size:1.1rem;font-weight:800;transition:transform 80ms ease-out,filter 80ms;display:inline-flex}.learn__play:hover{color:#16171d;filter:brightness(1.08)}.learn__play:active{transform:translateY(1px)}.learn__play:focus-visible{outline:3px solid var(--color-ink);outline-offset:3px}@media (max-width:767px){.learn__play{justify-content:center;align-self:stretch}}@media (prefers-reduced-motion:reduce){.learn__play{transition:none}}@media (min-width:64rem){.learn__intro{grid-template-columns:minmax(14rem,22rem) 1fr;align-items:start;gap:2.5rem}.learn__section{grid-template-columns:minmax(14rem,22rem) 1fr;align-items:start;gap:2.5rem;padding:1.8em}.learn__section h2{top:calc(var(--header-h) + 1rem);font-size:1.3em;position:sticky}}@media (max-width:767px){.learn__article{font-size:1.05rem}.learn__answer{font-size:1.15rem}.learn__section{padding:1.2em 1em}.learn__section h2{font-size:1.25em}.learn__num{width:1.75rem;height:1.75rem;font-size:.9rem}}.licenses table{border-collapse:collapse;width:100%;font-size:.95rem}.licenses th,.licenses td{text-align:left;vertical-align:top;border-bottom:1px solid var(--color-line);padding:.6rem .75rem .6rem 0}.licenses th{color:var(--color-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.8rem;font-weight:600}.licenses a{text-underline-offset:.15em;text-decoration:underline}.licenses .table-wrap{overflow-x:auto}@media (max-width:767px){.licenses table,.licenses tbody,.licenses tr,.licenses td{width:100%;display:block}.licenses thead{display:none}.licenses tr{border-bottom:1px solid var(--color-line);padding:.9rem 0}.licenses td{border:0;padding:.25rem 0}.licenses td:before{content:attr(data-label);color:var(--color-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:.1rem;font-size:.72rem;display:block}.licenses td:first-child{font-size:1.05rem;font-weight:700}.licenses td:first-child:before{display:none}}.site-footer{border-top:1px solid var(--color-line);color:var(--color-muted);gap:.6rem;padding:1rem 1.5rem 1.25rem;font-size:.8rem;display:grid}.site-footer__row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 1.5rem;display:flex}.site-footer__links{flex-wrap:wrap;gap:1rem;display:flex}.site-footer a{text-underline-offset:.15em;text-decoration:underline}.site-footer a:hover{color:var(--color-ink)}@media (min-width:768px){.site-footer{padding-inline:2.5rem}}.drum-pad{color:var(--color-ink);-webkit-user-select:none;user-select:none;touch-action:none;cursor:pointer;background:0 0;border:0;font-weight:700;position:relative}.drum-pad:focus-visible{outline:3px solid var(--color-ink);outline-offset:3px}.drum-pad__number{font-family:var(--font-mono);font-size:.6rem;font-weight:600}.drum-pad__name{text-align:center;line-height:1.1}.drum-pad__keys{font-family:var(--font-mono);font-size:.62rem;font-weight:600}.mpc{--mpc-plate:#d6d1c1;--mpc-ink:#2b2a26;--mpc-print:#4d483d;--mpc-red:#a8281f;--mpc-pad:#4b4c50;--mpc-pad-ink:#ece8dc;--mpc-cap-edge:#857f70;width:min(100%,60rem);color:var(--mpc-ink);background:radial-gradient(ellipse 7% 9% at 1.5% 98%, #803a12b3, #96542240 55%, transparent 75%), radial-gradient(ellipse 4% 5% at 98.5% 2%, #8a401499, transparent 72%), radial-gradient(ellipse 12% 3% at 58% 99.5%, #78421c73, transparent 70%), radial-gradient(ellipse 1.2% 5% at 31% 3%, #8c461866, transparent 70%), radial-gradient(ellipse 2% 1.4% at 88% 60%, #82401659, transparent 70%), radial-gradient(ellipse 1.4% 1% at 7% 44%, #82401666, transparent 70%), linear-gradient(180deg, #843e1466, transparent) .9rem 1rem / .35rem 22% no-repeat, linear-gradient(180deg, #843e144d, transparent) calc(100% - .8rem) 1rem / .3rem 14% no-repeat, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='700' height='760'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.011 0.018' numOctaves='3' seed='7' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.33 0 0 0 0 0.27 0 0 0 0 0.16 0 0 0 2.6 -1.25'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' seed='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.3 0 0 0 0 0.22 0 0 0 0 0.12 0 0 0 3 -1.7'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"), repeating-linear-gradient(90deg, #ffffff12 0 1px, transparent 1px 3px), linear-gradient(170deg, #e6e3d8, #d3cebd 55%, #c1b9a1) var(--mpc-plate);border:1px solid #8a8370;border-radius:1.1rem;gap:1.1rem;padding:1.4rem 1.3rem 1.5rem;display:flex;position:relative;box-shadow:inset 0 1px #fff9,inset 0 0 30px 6px #5c462654,inset 0 -4px #3c2d142e,0 24px 36px -22px #000000f2;container-type:inline-size}.mpc__screw{background:radial-gradient(circle at 40% 35%,#d9d7cf,#8d8a80 70%);border-radius:50%;width:.7rem;height:.7rem;position:absolute;box-shadow:0 0 0 2px #7d3e1699,0 0 9px 4px #7d3e1666,inset 0 -1px 1px #0006}.mpc__screw:after{content:"";background:#5b574d;position:absolute;inset:45% 12%;transform:rotate(35deg)}.mpc__screw[data-at=tl]{top:.45rem;left:.45rem}.mpc__screw[data-at=tr]{top:.45rem;right:.45rem}.mpc__screw[data-at=bl]{bottom:.45rem;left:.45rem}.mpc__screw[data-at=br]{bottom:.45rem;right:.45rem}.mpc__print{letter-spacing:.12em;color:var(--mpc-print);text-align:center;white-space:nowrap;font-size:.5rem;font-weight:700}.mpc__print--rule{align-items:center;gap:.4rem;display:flex}.mpc__print--rule:before,.mpc__print--rule:after{content:"";border-top:1px solid #4d483d8c;flex:1}.mpc__btn{flex-direction:column;align-items:stretch;gap:.18rem;min-width:0;display:flex}.mpc__btn-cap{border:1px solid var(--mpc-cap-edge);min-height:1.45rem;color:var(--mpc-ink);text-align:center;letter-spacing:.02em;background:linear-gradient(#f1eee4,#cdc8b8);border-radius:.25rem;place-items:center;padding:.2rem;font-size:.48rem;font-weight:800;line-height:1.05;display:grid;box-shadow:0 2px #8d8676,0 3px 5px -1px #00000073,inset 0 1px #ffffffb3}.mpc__btn-sub{color:var(--mpc-red);text-align:center;white-space:nowrap;letter-spacing:.04em;font-size:.42rem;font-weight:700;overflow:hidden}.mpc__btn[data-tone=lit] .mpc__btn-cap{background:linear-gradient(#ffe0ad,#f0a64e);box-shadow:0 2px #8d8676,0 0 8px -1px #ffaa46cc,inset 0 1px #fff9}.mpc__btn[data-tone=rec] .mpc__btn-cap{color:#c42a1e;font-size:.8rem}.mpc__btn[data-tone=play] .mpc__btn-cap{color:#2d8a3a;font-size:.75rem}.mpc__knob{--turn:0deg;background:radial-gradient(circle at 42% 36%, #fdfdfa 0 14%, #dcdbd5 34%, #a9a79f 60%, transparent 61%), repeating-conic-gradient(from var(--turn), #f3f2ec 0 5deg, #8f8d85 5deg 10deg);border-radius:50%;width:3rem;height:3rem;position:relative;box-shadow:0 0 0 2px #8e8878,0 5px 7px -2px #0000008c}.mpc__knob:after{content:"";transform:rotate(var(--turn));background:linear-gradient(#3a3833,#3a3833) 50% 20%/2px 22% no-repeat;border-radius:50%;position:absolute;inset:0}.mpc__rail{flex-direction:column;flex:none;align-items:center;gap:.55rem;width:4.4rem;display:flex}.mpc__rail .mpc__btn{width:100%;margin-top:.3rem}.mpc__qlink{border:1px dashed #4d483d80;border-radius:.4rem;flex-direction:column;align-items:center;gap:.6rem;padding:.4rem .3rem .55rem;display:flex}.mpc__center{flex-direction:column;flex:1;gap:.7rem;min-width:0;display:flex}.mpc__screen{color:#1c2419;min-height:4.4rem;font-family:var(--font-mono);letter-spacing:.08em;white-space:nowrap;text-overflow:ellipsis;background-color:#a4ab96;background-image:linear-gradient(#0000001f,#0000 40%),repeating-linear-gradient(0deg,#00000008 0 1px,#0000 1px 3px);border:5px solid #bdb7a4;border-radius:.35rem;outline:1px solid #8a8370;flex-direction:column;justify-content:center;gap:.2rem;padding:.55rem .9rem;display:flex;overflow:hidden;box-shadow:inset 0 3px 8px #00000059}.mpc__screen-line{font-size:.9rem;font-weight:700}.mpc__screen-sub{opacity:.75;font-size:.6rem}.mpc__fkeys{grid-template-columns:repeat(6,minmax(0,1fr));gap:.6rem;padding-inline:.4rem;display:grid}.mpc__pads{grid-template-columns:repeat(var(--drum-cols,4), minmax(0, 1fr));background-color:#463a241f;border-radius:.45rem;gap:.75rem;padding:.75rem;display:grid;box-shadow:inset 0 1px 3px #00000059,0 1px #ffffff73}.mpc__pad{aspect-ratio:1;background-color:var(--mpc-pad);min-width:0;color:var(--mpc-pad-ink);background-image:linear-gradient(#ffffff12,#0000001a);border:1px solid #2a2a2d;border-radius:.35rem;flex-direction:column;justify-content:center;align-items:center;gap:.2rem;transition:transform 50ms ease-out,box-shadow 50ms ease-out,background-image 50ms;display:flex;box-shadow:0 3px #2b2b2e,0 6px 8px -3px #0009,inset 0 1px #ffffff1f}.mpc__pad .drum-pad__number{letter-spacing:.06em;color:#cfcbc0;font-size:.5rem;position:absolute;top:.35rem;left:.45rem}.mpc__pad .drum-pad__name{padding:0 .3rem;font-size:clamp(.62rem,2.4vw,.82rem)}.mpc__pad .drum-pad__keys{color:#cfcbc0}.mpc__pad:hover{background-image:linear-gradient(#ffffff1f,#0000000a)}.mpc__pad[data-pressed=true]{background-image:radial-gradient(circle at 50% 55%, var(--accent), transparent 78%);transform:translateY(2px)}@supports (color:color-mix(in lab, red, red)){.mpc__pad[data-pressed=true]{background-image:radial-gradient(circle at 50% 55%, color-mix(in srgb, var(--accent) 55%, transparent), transparent 78%)}}.mpc__pad[data-pressed=true]{box-shadow:0 1px 0 #2b2b2e, 0 0 14px -2px var(--accent), inset 0 2px 6px #00000073}.mpc__panel{flex-direction:column;flex:none;justify-content:space-between;gap:.55rem;width:16.5rem;display:flex}.mpc__badge{flex-direction:column;align-items:flex-end;margin-bottom:.2rem;line-height:1;display:flex}.mpc__badge-name{letter-spacing:.02em;color:var(--mpc-red);text-shadow:0 1px #ffffff80;font-size:1.55rem;font-style:italic;font-weight:900}.mpc__badge-model{background:var(--mpc-red);color:#f4efe3;letter-spacing:.14em;margin-top:.15rem;padding:.1rem .4rem;font-size:.55rem;font-style:italic;font-weight:800}.mpc__group{flex-direction:column;gap:.5rem;display:flex}.mpc__btns{grid-template-columns:repeat(5,minmax(0,1fr));gap:.45rem .4rem;display:grid}.mpc__btns--transport{grid-template-columns:repeat(4,minmax(0,1fr))}.mpc__btns--transport .mpc__btn-cap{min-height:1.9rem}.mpc__wheel-row{grid-template-columns:3.6rem minmax(0,1fr);align-items:center;gap:.8rem;display:grid}.mpc__side{flex-direction:column;gap:.55rem;display:flex}.mpc__wheel{aspect-ratio:1;background:radial-gradient(circle at 46% 42%, #fbfbf8 0 18%, #d9d8d2 30%, #b3b1a9 35%, transparent 36%), repeating-conic-gradient(#f0efe9 0 2deg, #a9a79f 2deg 4deg);border-radius:50%;justify-self:center;width:min(100%,8.5rem);box-shadow:0 0 0 3px #9a9482,0 0 0 5px #ffffff59,0 8px 12px -4px #0000008c,inset 0 0 12px #00000040}@container (max-width:46rem){.mpc__panel{display:none}}@container (max-width:30rem){.mpc__rail,.mpc__fkeys{display:none}.mpc__pads{gap:.45rem;padding:.5rem}.mpc__screen{min-height:3.4rem}}.kit{width:100%}.kit__hardware{width:100%;height:100%;position:absolute;inset:0}.kit__scene{aspect-ratio:2;background-color:#1a1b21;background-image:radial-gradient(at 50% 30%,#2a2c36,#16171c 70%);border-radius:1.2rem;width:100%;position:relative;overflow:hidden;box-shadow:inset 0 2px 10px #0009}.kit__floor{background-image:linear-gradient(#0000,#00000059),repeating-linear-gradient(90deg,#ffffff06 0 2px,#0000 2px 46px);height:42%;position:absolute;inset:auto 0 0}.kit__piece{flex-direction:column;align-items:center;padding:0;transition:transform 50ms ease-out,filter 60ms ease-out;display:flex;position:absolute;transform:translate(-50%,-50%)}.kit__piece .piece{filter:drop-shadow(0 6px 6px #0000008c);width:100%;height:auto;display:block}.kit__piece:hover .piece{filter:drop-shadow(0 6px 6px #0000008c)brightness(1.08)}.kit__piece[data-pressed=true]{transform:translate(-50%,-50%)scale(.96)}.kit__piece[data-pressed=true] .piece{filter:drop-shadow(0 0 10px var(--accent)) drop-shadow(0 0 22px var(--accent)) brightness(1.15)}.kit__tag{white-space:nowrap;pointer-events:none;background-color:#0e0f13d9;border:1px solid #ffffff14;border-radius:999px;flex-direction:column;align-items:center;gap:.05rem;padding:.12rem .45rem;display:flex;position:absolute;left:50%;transform:translate(-50%)}.kit__piece[data-label=below] .kit__tag{margin-top:.15rem;top:100%}.kit__piece[data-label=above] .kit__tag{margin-bottom:.15rem;bottom:100%}.kit__tag .drum-pad__name{color:var(--color-ink);font-size:clamp(.55rem,1.1vw,.72rem)}.kit__tag .drum-pad__keys{color:var(--color-muted);font-size:clamp(.5rem,.95vw,.6rem)}.kit__spare{flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:.6rem;display:flex}.kit__spare-pad{background:var(--color-surface-2);border:1px solid var(--color-edge);border-radius:.6rem;flex-direction:column;align-items:center;gap:.15rem;min-width:5rem;padding:.5rem .8rem;display:flex}.kit__spare-pad[data-pressed=true]{box-shadow:0 0 0 2px var(--accent)}@media (max-width:767px){.mpc{padding:.9rem .8rem 1rem}.kit__scene{aspect-ratio:4/3}.kit__tag{display:none}.kit__piece[data-pressed=true] .kit__tag{z-index:5;display:flex}.kit__tag .drum-pad__name{font-size:.7rem}}@media (forced-colors:active){.drum-pad[data-pressed=true]{outline:3px solid highlight}}.drum-pad[data-selected=true]{outline:3px solid var(--accent);outline-offset:3px}.kit__piece[data-selected=true] .piece{filter:drop-shadow(0 0 8px var(--accent)) drop-shadow(0 6px 6px #0000008c)}.pad-card{flex-direction:column;gap:.8rem;width:min(100%,36rem);margin:0 auto;padding:1rem 1.25rem;display:flex}.pad-card__head{justify-content:space-between;align-items:center;gap:1rem;display:flex}.pad-card__title{font-size:1.05rem;font-weight:700}.pad-card__index{background:var(--color-surface-2);border:1px solid var(--color-edge);min-width:1.6rem;height:1.6rem;font-family:var(--font-mono);border-radius:.4rem;place-items:center;margin-right:.35rem;font-size:.75rem;display:inline-grid}.pad-card__row{grid-template-columns:6.5rem 1fr;align-items:center;gap:.75rem;display:grid}.pad-card__key{background:var(--color-key);min-width:1.9rem;height:1.9rem;color:var(--color-key-ink);font-family:var(--font-mono);box-shadow:0 2px 0 var(--color-key-2);border-radius:.4rem;place-items:center;padding:0 .4rem;font-weight:700;display:inline-grid}.pad-card__note{min-height:1.2em;color:var(--color-muted);font-size:.8rem}.pad-card__hint{color:var(--color-muted);font-size:.9rem}.pad-card__actions{flex-wrap:wrap;gap:.6rem;display:flex}.pad-card__actions .btn-raised:disabled,.pad-card .btn-raised:disabled{opacity:.45;cursor:not-allowed}@media (max-width:767px){.pad-card__row{grid-template-columns:1fr}}.synthpage .learn__article{flex-direction:column;display:flex}.synthlab{flex-direction:column;gap:1.1rem;margin-block:.4rem .2rem;font-size:1rem;display:flex}.synthlab__presets{flex-wrap:wrap;gap:.5rem;display:flex}.synthlab__preset{border:1px solid #0000;align-items:center;gap:.5rem;padding:.45rem .9rem;font-size:.9rem;font-weight:650;display:inline-flex}.synthlab__preset[aria-pressed=true]{border-color:var(--color-accent-ink-synth);color:var(--color-accent-ink-synth)}.synthlab__desk{flex-direction:column;gap:1.1rem;padding:1.15rem 1.25rem 1.35rem;display:flex}.synthlab__deskhead{justify-content:space-between;align-items:center;gap:1rem;display:flex}.synthlab__deskhead h2{letter-spacing:.02em;margin:0;font-size:1.05rem;font-weight:800}.synthlab__module{border-block-start:1px solid var(--color-line);flex-direction:column;gap:.6rem;padding-block-start:.9rem;display:flex}.synthlab__module:first-of-type{border-block-start:0;padding-block-start:0}.synthlab__module h3{letter-spacing:.18em;text-transform:uppercase;color:var(--color-accent-ink-synth);margin:0;font-size:.72rem;font-weight:850}.synthlab__module p{max-width:62ch;color:var(--color-muted);margin:0;font-size:.92rem;line-height:1.5}.synthlab__knobs{flex-wrap:wrap;align-items:flex-start;gap:1rem 1.5rem;display:flex}.synthlab__foot{color:var(--color-muted);margin:0;font-size:.85rem}@media (max-width:767px){.synthlab__knobs{gap:.9rem 1rem}}.miditest{flex-direction:column;gap:1.5rem;width:min(100%,74rem);margin-inline:auto;padding:clamp(1rem,3vw,2.5rem);display:flex}.miditest-keys{flex-direction:column;gap:.6rem;margin:0;display:flex}.miditest-keys figcaption{color:var(--color-muted);font-size:.9rem;line-height:1.5}.miditest__done{border:1px solid var(--color-line);border-inline-start:4px solid var(--color-accent-bass);border-radius:var(--radius-sm);background-color:var(--color-surface-2);padding:1rem 1.15rem}.miditest__done p{max-width:62ch;margin:0;line-height:1.55}.miditest__done-title{letter-spacing:.16em;text-transform:uppercase;color:var(--color-accent-ink-bass);font-size:.72rem;font-weight:850;margin-block-end:.4rem!important}.miditest__done a{color:var(--color-accent-ink-bass);text-underline-offset:.15em;text-decoration:underline}.rec-dot{background:#e5484d;border-radius:999px;width:.6rem;height:.6rem;animation:1.1s ease-in-out infinite rec-pulse;display:inline-block;box-shadow:0 0 6px #e5484db3}.rec-dot--idle{box-shadow:none;opacity:.85;animation:none}.rec-square{background:currentColor;border-radius:2px;width:.55rem;height:.55rem;display:inline-block}@keyframes rec-pulse{50%{box-shadow:0 0 0 8px #ff3b3b1a}}[data-deck-recorder] .btn-raised{white-space:nowrap;align-items:center;gap:.45rem;padding:.45rem .95rem;font-size:.85rem;display:inline-flex}.deck__group--row{flex-basis:100%;grid-column:1/-1}.rec-player{flex:18rem;min-width:0;max-width:32rem;height:2.25rem}@media (prefers-reduced-motion:reduce){.rec-dot{animation:none}}:root{--header-w:232px;--rec:#ff3b3b}html,body{overflow-x:clip}body{min-height:100vh}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-header{height:var(--header-h);border-bottom:1px solid var(--color-line);align-items:center;gap:1rem;padding:0 1rem;display:flex}.brand{letter-spacing:-.01em;align-items:center;gap:.5rem;font-size:1.1rem;font-weight:800;display:inline-flex}.brand__mark{background:var(--color-ink);width:1.9rem;height:1.9rem;color:var(--color-surface);box-shadow:var(--shadow-raised-sm);border-radius:10px;justify-content:center;align-items:center;display:inline-flex}.brand__now{color:var(--color-accent-ink-strings)}.app-header a:last-child{margin-left:auto}.composer{height:calc(100vh - var(--header-h));grid-template-rows:minmax(150px,1fr) auto auto minmax(180px,1fr) auto;grid-template-columns:minmax(0,1fr);max-width:100vw;display:grid}.app-header{position:static}.notice{background:var(--color-surface-2);border:1px solid var(--color-edge);color:var(--color-ink);border-radius:999px;justify-self:start;margin:0 1rem;padding:.4rem .9rem;font-size:.8rem}.video-pane{border-bottom:1px solid var(--color-line);background:#0d0e12;justify-content:center;align-items:center;min-height:0;display:flex;position:relative;overflow:hidden}.video-pane[data-over=true]{outline:2px dashed var(--color-accent-strings);outline-offset:-8px}.video-el{object-fit:contain;background:#000;max-width:100%;height:100%;max-height:100%}.video-meta{max-width:calc(100% - 1.5rem);color:var(--color-muted);align-items:center;gap:.5rem;font-size:.75rem;display:flex;position:absolute;bottom:.5rem;left:.75rem}.video-meta>.truncate{max-width:24rem}.video-replace{cursor:pointer;padding:.25rem .7rem;font-size:.7rem}.video-drop{border:2px dashed var(--color-edge);border-radius:var(--radius-lg);cursor:pointer;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;max-width:34rem;max-height:calc(100% - 1rem);padding:1rem 2.5rem;display:flex;overflow:hidden}.video-drop:hover{border-color:var(--color-accent-strings)}.video-drop__icon{font-size:2rem}.video-drop__title{font-size:1.1rem;font-weight:700}.video-drop__sub{color:var(--color-muted);font-size:.8rem}.busy{color:var(--color-muted);background:var(--color-surface);border:1px solid var(--color-edge);border-radius:999px;align-items:center;gap:.5rem;padding:.25rem .75rem;font-size:.75rem;display:inline-flex;position:absolute;top:.6rem;right:.75rem}.transport{border-bottom:1px solid var(--color-line);flex-wrap:wrap;align-items:center;gap:.5rem 1rem;padding:.5rem 1rem;display:flex}.transport__group{align-items:center;gap:.35rem;display:flex}.transport__right{margin-left:auto}.clock{text-align:center;min-width:5.5rem;font-family:var(--font-mono);font-variant-numeric:tabular-nums;padding:.25rem .6rem;font-size:.95rem}.btn-play{width:2.9rem;height:2.9rem;font-size:1rem}.btn-rec{color:var(--rec);font-size:1.1rem}.btn-rec[aria-pressed=true]{background:var(--rec);color:#fff;animation:1s ease-in-out infinite rec-pulse;box-shadow:0 0 0 4px #ff3b3b40}.btn-render{background:var(--color-ink);color:var(--color-surface);border-color:var(--color-ink)}.btn-render:hover{color:var(--color-surface)}.btn-danger{color:#ff8a8a}.project-name{border-radius:8px;max-width:16rem;padding:.2rem .5rem;font-size:.85rem;font-weight:600}.project-name:hover{background:var(--color-surface-2)}.clip-tools{border:1px solid var(--color-line);background:var(--color-surface-2);border-radius:999px;padding:.2rem .6rem;font-size:.75rem}.clip-tools__name{max-width:9rem;font-weight:600}.clip-tools__field{color:var(--color-muted);align-items:center;gap:.3rem;display:inline-flex}.clip-tools__field input[type=number]{background:var(--color-surface);border:1px solid var(--color-edge);width:3.6rem;color:var(--color-ink);border-radius:6px;padding:.1rem .3rem}.clip-tools__field input[type=range]{width:4rem}input[type=range]{accent-color:var(--color-accent-ink-strings)}.workspace{min-width:0;min-height:0;display:flex}.instrument-menu{border-right:1px solid var(--color-line);background:var(--color-surface);flex-direction:column;flex:0 0 15rem;min-height:0;display:flex}.instrument-menu__head{gap:.4rem;padding:.6rem;display:flex}.instrument-menu__list{padding:0 .6rem .6rem;overflow-y:auto}.instrument-menu__cat{letter-spacing:.18em;text-transform:uppercase;color:var(--color-muted);align-items:center;gap:.5rem;padding:.6rem .6rem .25rem;font-size:.62rem;font-weight:700;display:flex}.instrument-menu__cat .dot{border-radius:999px;width:.45rem;height:.45rem}.instrument-menu__item{text-align:left;align-items:center;gap:.5rem;width:100%;padding:.45rem .75rem;font-size:.85rem;display:flex}.timeline{background:var(--color-canvas);-webkit-user-select:none;user-select:none;overscroll-behavior:contain;flex:1;min-width:0;position:relative;overflow:auto}.tl-content{position:relative}.tl-ruler-row{z-index:5;background:var(--color-surface-2);border-bottom:1px solid var(--color-line);display:flex;position:sticky;top:0}.tl-corner{z-index:6;background:var(--color-surface-2);border-right:1px solid var(--color-line);align-items:center;gap:.35rem;padding:0 .5rem;display:flex;position:sticky;left:0}.tl-corner .btn-raised{padding:.15rem .6rem}.tl-ruler{cursor:pointer;background-image:repeating-linear-gradient(to right, var(--color-line) 0 1px, transparent 1px var(--minor));background-size:var(--minor) 40%;background-position:0 100%;background-repeat:repeat-x;height:100%;position:relative}.tl-tick{border-left:1px solid var(--color-edge);height:100%;font-family:var(--font-mono);color:var(--color-muted);pointer-events:none;padding-left:4px;font-size:.65rem;position:absolute;top:3px}.tl-video-end{background:var(--color-accent-ink-strings);width:2px;position:absolute;top:0;bottom:0}.tl-row{border-bottom:1px solid var(--color-line);display:flex}.tl-head{z-index:4;flex:0 0 var(--header-w);width:var(--header-w);background:var(--color-surface);border-right:1px solid var(--color-line);border-left:4px solid var(--track-color);cursor:pointer;flex-direction:column;gap:.25rem;padding:.35rem .5rem .4rem;display:flex;position:sticky;left:0;overflow:hidden}.tl-head[data-selected=true]{background:var(--color-surface-2);box-shadow:inset 0 0 0 1px var(--color-edge)}.tl-head[data-silenced=true] .tl-head__name{color:var(--color-muted)}.tl-head__row{align-items:center;gap:.35rem;min-height:1.4rem;display:flex}.tl-head__name{flex:1;min-width:0;font-size:.8rem;font-weight:700}.tl-head__tools{gap:2px;display:none}.tl-head:hover .tl-head__tools,.tl-head[data-selected=true] .tl-head__tools{display:inline-flex}.tl-mini{width:1.3rem;height:1.3rem;color:var(--color-muted);border-radius:6px;font-size:.7rem}.tl-mini:hover{background:var(--color-surface-2);color:var(--color-ink)}.tl-mini--danger:hover{color:#ff8a8a}.inst-btn{text-align:left;border:1px solid var(--color-edge);background:var(--color-surface);width:100%;box-shadow:var(--shadow-raised-sm);color:var(--track-color);border-radius:999px;padding:.2rem .5rem;font-size:.75rem;display:block}.inst-btn:hover{box-shadow:var(--shadow-raised)}.inst-btn--static{box-shadow:none;border-color:var(--color-line)}.tl-head__mix{margin-top:auto}.tl-ms{border:1px solid var(--color-edge);width:1.5rem;height:1.4rem;color:var(--color-muted);border-radius:6px;font-size:.7rem;font-weight:700}.tl-ms[aria-pressed=true]{color:#1a1205;background:#ffb800;border-color:#ffb800}.tl-ms--solo[aria-pressed=true]{background:#35d189;border-color:#35d189}.fader{flex:1;min-width:0;height:1rem}.tl-head__resize{cursor:ns-resize;height:6px;position:absolute;bottom:0;left:0;right:0}.tl-head__resize:hover{background:var(--color-edge)}.rec-dot{background:var(--rec);border-radius:999px;width:.55rem;height:.55rem;animation:1s ease-in-out infinite rec-pulse}.tl-lane{background-image:repeating-linear-gradient(to right, #ffffff0a 0 1px, transparent 1px var(--minor));flex:none;position:relative}.tl-lane[data-selected=true]{background-color:#ffffff06}.tl-lane[data-kind=video]{background-color:#00000026}.lane-note{left:calc(var(--header-w) + .5rem);color:var(--color-muted);padding:.4rem .5rem;font-size:.7rem;display:inline-block;position:sticky}.video-wave{pointer-events:none;display:block;position:absolute;top:4px;left:0}.tl-footer{padding:.6rem 1rem}.tl-playhead{pointer-events:none;z-index:7;background:#fff;width:2px;position:absolute;top:0;bottom:0;left:0;box-shadow:0 0 6px #ffffff80}.tl-playhead:before{content:"";border:6px solid #0000;border-top:9px solid #fff;position:absolute;top:0;left:-5px}.tl-marker{color:#ffb800;cursor:grab;z-index:2;background:#2b2e39d9;align-items:center;gap:.2rem;height:100%;padding:0 .3rem 0 .15rem;font-size:.7rem;display:flex;position:absolute;top:0;transform:translate(-7px)}@supports (color:color-mix(in lab, red, red)){.tl-marker{background:color-mix(in srgb, var(--color-surface-2) 85%, transparent)}}.tl-marker{border-radius:6px}.tl-marker:active{cursor:grabbing}.tl-marker__name{color:var(--color-ink);white-space:nowrap;text-overflow:ellipsis;max-width:9rem;font-weight:700;overflow:hidden}.tl-marker__input{background:var(--color-surface);border:1px solid var(--color-edge);width:6rem;color:var(--color-ink);border-radius:4px;padding:0 .3rem;font-size:.7rem}.tl-marker__delete{width:1rem;height:1rem;color:var(--color-muted);border-radius:999px;font-size:.6rem;display:none}.tl-marker:hover .tl-marker__delete{justify-content:center;align-items:center;display:inline-flex}.tl-marker__delete:hover{background:var(--color-surface);color:#ff8a8a}.tl-marker-line{pointer-events:none;z-index:1;background:#ffb80080;width:1px;position:absolute;top:0;bottom:0}.btn-nudge{width:1.8rem;height:1.8rem;font-size:.65rem}.clip{background:var(--clip-color);border-radius:8px;flex-direction:column;display:flex;position:absolute;top:3px;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.clip{background:color-mix(in srgb, var(--clip-color) 22%, var(--color-surface))}}.clip{border:1px solid var(--clip-color)}@supports (color:color-mix(in lab, red, red)){.clip{border:1px solid color-mix(in srgb, var(--clip-color) 60%, transparent)}}.clip{cursor:grab;touch-action:none}.clip[data-selected=true]{z-index:2;border-color:#fff;box-shadow:0 0 0 1px #fff,0 6px 14px #0006}.clip:active{cursor:grabbing}.clip__name{white-space:nowrap;text-overflow:ellipsis;background:var(--clip-color);height:18px;padding:0 6px;font-size:.65rem;font-weight:600;line-height:18px;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.clip__name{background:color-mix(in srgb, var(--clip-color) 45%, var(--color-surface))}}.clip__name{color:#fff}.clip__wave{width:100%;display:block}.clip__handle{cursor:ew-resize;width:8px;position:absolute;top:0;bottom:0}.clip__handle--start{left:0}.clip__handle--end{right:0}.clip__handle:hover{background:#ffffff40}.clip__fade{border:2px solid var(--clip-color);cursor:ew-resize;opacity:0;z-index:3;background:#fff;border-radius:999px;width:12px;height:12px;position:absolute;top:2px}.clip:hover .clip__fade,.clip[data-selected=true] .clip__fade{opacity:1}.clip--recording{border-color:var(--rec);pointer-events:none;background:#ff3b3b40}.dock{border-top:1px solid var(--color-line);background:var(--color-surface);--white-h:7rem;--black-h:4.4rem;--black-w:2rem}.dock__controls .deck__caption{margin-bottom:.15rem}.dock--empty{padding:1rem 1.25rem}.dock__controls{scrollbar-width:thin;flex-wrap:nowrap;align-items:flex-start;gap:.5rem 1.1rem;padding:.5rem 1rem .1rem;display:flex;overflow-x:auto}.dock__controls>*{flex:none}.dock__identity{text-align:left;align-items:center;gap:.6rem;min-width:0;max-width:15rem;display:flex}.dock__controls .btn-round{width:2rem;height:2rem}.dock__controls .seg__btn{padding:.25rem .7rem}.dock__controls input[type=range]{width:5.5rem}.dock__controls .deck__group{gap:.15rem}.dock__controls .readout--sm{padding:.2rem .5rem}@media (max-width:1500px){.dock__identity .text-xs{display:none}}.dock__status{color:var(--color-muted);align-self:center;font-size:.75rem}.dock__stage{--piano-pad:.5rem}.dock__stage .piano-scroll{padding:.5rem 1rem 1rem}.lamp[data-on]{background:#35d189;box-shadow:0 0 6px #35d189}.meter{background:var(--color-surface-2);border:1px solid var(--color-edge);vertical-align:middle;border-radius:999px;width:10rem;height:.6rem;display:inline-block;overflow:hidden}.meter__bar{background:linear-gradient(90deg,#35d189,#ffb800 70%,#ff3b3b);width:0;height:100%;transition:width 60ms linear;display:block}.copy{max-width:46rem;margin:0 auto;padding:3rem 1rem 4rem;line-height:1.6}.copy--page{min-height:60vh}.copy h1{letter-spacing:-.02em;margin-bottom:.75rem;font-size:1.8rem;font-weight:800}.copy h2{margin:2rem 0 .5rem;font-size:1.1rem;font-weight:700}.copy .lead{color:var(--color-muted)}.copy ol,.copy ul{gap:.35rem;padding-left:1.3rem;display:grid}.copy ol{list-style:decimal}.copy ul{list-style:outside}.copy kbd{font-family:var(--font-mono);border:1px solid var(--color-edge);background:var(--color-surface-2);border-radius:6px;padding:.1rem .4rem;font-size:.75rem}.copy dt{margin-top:.9rem;font-weight:700}.copy dd{color:var(--color-muted)}.copy__footer{border-top:1px solid var(--color-line);color:var(--color-muted);flex-wrap:wrap;gap:1.25rem;margin-top:3rem;padding-top:1rem;font-size:.8rem;display:flex}.copy__footer a:hover{color:var(--color-ink)}@media (max-width:767px){.composer{grid-template-rows:30vh auto auto minmax(200px,50vh) auto;height:auto}.instrument-menu{flex-basis:12rem}}@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-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-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}