:root{--page-margin: 24px;--page-max: 1120px;--side-w: 300px}@media (min-width: 600px){:root{--page-margin: 40px}}@media (min-width: 900px){:root{--page-margin: 64px}}*{box-sizing:border-box}[hidden]{display:none!important}html{-webkit-text-size-adjust:100%}body{margin:0;min-height:100dvh;background:var(--color-bg-app);color:var(--color-text-primary);font-family:var(--font-serif);font-optical-sizing:none;font-variation-settings:var(--serif-opsz);font-size:15px;line-height:1.4;-webkit-tap-highlight-color:transparent;overflow-x:hidden}button,select,input,output{font:inherit;color:inherit}button{cursor:pointer}h1,h2,h3,p{margin:0;font-weight:inherit}.secondary{color:var(--color-text-secondary)}.small{font-size:13px;line-height:1.35}.tabular,output{font-variant-numeric:tabular-nums}.grow{flex:1 1 auto}button:focus-visible,select:focus-visible,input:focus-visible,[tabindex]:focus-visible,summary:focus-visible{outline:2px solid var(--color-line-strong);outline-offset:2px}#modal-title:focus{outline:none}.brand{display:flex;align-items:baseline;gap:var(--space-12);flex-wrap:wrap}.wordmark{font-size:40px;line-height:1;letter-spacing:-.01em}.wordmark-a{font-weight:700}.wordmark-b{font-weight:400}.shell{display:grid;grid-template-columns:var(--side-w) minmax(0,1fr);min-height:100dvh}.sidebar{position:sticky;top:0;height:100dvh;overflow:hidden;display:flex;flex-direction:column;gap:var(--space-24);padding:calc(var(--space-24) + env(safe-area-inset-top)) var(--space-20) calc(var(--space-20) + env(safe-area-inset-bottom)) max(var(--space-24),env(safe-area-inset-left));border-right:1px solid var(--color-line-subtle);background:var(--color-bg-surface)}.sidebar .wordmark{font-size:32px}.side-play{display:flex;flex-direction:column;gap:var(--space-16)}.side-play .stage{gap:var(--space-16)}.side-play .play.big{width:64px;height:64px}.side-play .progress{margin-top:0}.stage-piece{font-size:19px;line-height:1.2}.tree{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column;gap:var(--space-2);margin:0 calc(-1 * var(--space-8));padding:0 var(--space-8)}.tree-title{padding:0 var(--space-8) var(--space-8)}.tree-fam{display:flex;align-items:center;gap:var(--space-8);width:100%;min-height:48px;padding:0 var(--space-8);border:0;border-radius:var(--radius-sm);background:transparent;text-align:left}.tree-fam svg{flex:none;color:var(--color-text-secondary);transition:transform var(--motion-press)}.tree-fam[aria-expanded=true] svg{transform:rotate(90deg)}.tree-fam-name{flex:none}.tree-fam-now{flex:1 1 auto;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:13px;color:var(--color-text-secondary)}.tree-count{flex:none;margin-left:auto;color:var(--color-text-tertiary);font-variant-numeric:tabular-nums}.tree-list{list-style:none;margin:0 0 var(--space-8);padding:0 0 0 var(--space-24);display:flex;flex-direction:column}.tree-kind{padding:var(--space-12) var(--space-12) var(--space-4);color:var(--color-text-tertiary)}.tree-item{display:block;width:100%;min-height:36px;padding:0 var(--space-12);border:0;border-radius:var(--radius-sm);background:transparent;text-align:left;font-size:15px;line-height:1.2}.tree-item[aria-current=true]{background:var(--color-bg-inverse);color:var(--color-text-inverse)}@media (hover: hover){.tree-fam:hover,.tree-item:hover:not([aria-current=true]){background:var(--color-bg-hover)}}.side-tools{flex:none;display:flex;flex-direction:column;gap:var(--space-8)}.tool{display:flex;align-items:center;gap:var(--space-12);width:100%;min-height:52px;padding:var(--space-8) var(--space-12);border:1px solid var(--color-line-subtle);border-radius:var(--radius-md);background:var(--color-bg-surface);text-align:left;transition:background-color var(--motion-press)}.tool:active{background:var(--color-bg-pressed)}@media (hover: hover){.tool:hover{background:var(--color-bg-hover)}}.tool-icon{flex:none;display:grid;color:var(--color-text-secondary)}.tool-text{display:flex;flex-direction:column;gap:var(--space-2);min-width:0}.tool-name{white-space:nowrap}.tool-detail{font-size:13px;line-height:1.25;color:var(--color-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tool-detail:empty{display:none}.tool-detail.bad{color:var(--color-signal-error)}.side-link{display:inline-flex;align-items:center;gap:var(--space-8);min-height:40px;padding:0 var(--space-8);color:var(--color-text-secondary);font-family:var(--font-label);font-size:13px;text-decoration:none}.side-link:hover{color:var(--color-text-primary)}.content{min-width:0;padding:calc(var(--space-32) + env(safe-area-inset-top)) max(var(--page-margin),env(safe-area-inset-right)) 0 var(--page-margin)}.content-head{display:flex;flex-direction:column;gap:var(--space-8);max-width:72ch}.content-note{font-size:15px;max-width:60ch}.content-tabs{margin-top:var(--space-8)}.settings{padding-top:var(--space-8)}.jump{position:sticky;top:0;z-index:5;display:flex;gap:var(--space-8);overflow-x:auto;scrollbar-width:none;margin:0 calc(-1 * var(--page-margin)) var(--space-8);padding:var(--space-12) var(--page-margin);background:var(--color-bg-app);box-shadow:0 1px 0 var(--color-line-subtle)}.jump::-webkit-scrollbar{display:none}.categories .params{display:block;columns:3 340px;column-gap:var(--space-48)}.categories .param{break-inside:avoid}.content .credits{margin-top:var(--space-32)}.modal{width:min(760px,calc(100vw - 2 * var(--page-margin)));max-width:none;max-height:calc(100dvh - 64px);padding:0;border:0;border-radius:var(--radius-lg);background:var(--color-bg-surface);color:var(--color-text-primary);box-shadow:var(--elevation-float);overflow:hidden}.modal[open]{display:flex;flex-direction:column}.modal::backdrop{background:#00000052}.modal-bar{flex:none;display:flex;align-items:center;justify-content:space-between;gap:var(--space-12);padding:var(--space-16) var(--space-12) var(--space-12) var(--space-24);box-shadow:0 1px 0 var(--color-line-subtle)}.modal-titles{display:flex;flex-direction:column;gap:var(--space-2)}.modal-body{flex:1 1 auto;overflow-y:auto;overscroll-behavior:contain;padding:var(--space-16) var(--space-24) var(--space-24)}.modal .measures,.modal .health{padding:0;border:0;border-radius:0}.modal .measures-head>.t-label-m,.modal .health-head>.t-label-m{display:none}@media (max-width: 599px){.modal{width:100vw;height:100dvh;max-height:100dvh;margin:0;border-radius:0}.modal-bar{padding-top:calc(var(--space-16) + env(safe-area-inset-top));padding-left:var(--page-margin)}.modal-body{padding:var(--space-16) var(--page-margin) calc(var(--space-24) + env(safe-area-inset-bottom))}}.mobile-bar,.sidebar .side-close,.scrim{display:none}.side-top{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-12)}@media (max-width: 899px){.shell{grid-template-columns:minmax(0,1fr)}.sidebar{position:fixed;z-index:50;inset:0 auto 0 0;width:min(340px,86vw);padding:calc(var(--space-16) + env(safe-area-inset-top)) var(--space-16) calc(var(--space-16) + env(safe-area-inset-bottom)) max(var(--space-20),env(safe-area-inset-left));gap:var(--space-20);transform:translate(-102%);visibility:hidden;transition:transform var(--motion-sheet) cubic-bezier(.2,.7,.2,1),visibility 0s linear var(--motion-sheet)}body.menu-open .sidebar{transform:none;visibility:visible;box-shadow:var(--elevation-float);transition:transform var(--motion-sheet) cubic-bezier(.2,.7,.2,1)}.sidebar .side-close{display:grid;margin:-6px -6px 0 0}.scrim{display:block;position:fixed;z-index:45;top:0;right:0;bottom:0;left:0;background:#00000052;opacity:0;pointer-events:none;transition:opacity var(--motion-sheet)}body.menu-open .scrim{opacity:1;pointer-events:auto}body.menu-open{overflow:hidden}.side-play{display:none}.content{padding-top:0;padding-bottom:calc(112px + env(safe-area-inset-bottom))}.mobile-bar{position:sticky;top:0;z-index:6;display:flex;align-items:center;gap:var(--space-8);margin:0 calc(-1 * var(--page-margin)) var(--space-16);padding:env(safe-area-inset-top) var(--page-margin) 0 calc(var(--page-margin) - 10px);height:calc(56px + env(safe-area-inset-top));background:var(--color-bg-app)}.mobile-bar .wordmark{font-size:24px}.jump{top:calc(56px + env(safe-area-inset-top))}}@media (prefers-reduced-motion: reduce){.sidebar,.scrim{transition:none!important}}.seg button{position:relative;min-height:44px;padding:0;border:0;background:transparent;color:var(--color-text-tertiary);font-family:var(--font-label);font-variation-settings:normal;font-size:13px;letter-spacing:.3em;text-transform:uppercase;white-space:nowrap}.seg button:after{content:"";position:absolute;left:0;right:.3em;bottom:4px;height:2px;background:transparent}.seg button:active{color:var(--color-text-secondary)}.seg button[aria-pressed=true],.seg button[aria-selected=true]{color:var(--color-text-primary)}.seg button[aria-pressed=true]:after,.seg button[aria-selected=true]:after{background:var(--color-line-strong)}@media (hover: hover){.seg button:hover:not(:disabled){color:var(--color-text-primary)}}.seg{display:flex;flex-wrap:wrap;column-gap:var(--space-20)}.seg button{letter-spacing:.16em;font-size:12px}.seg button:disabled{opacity:.4;cursor:default}.card-bar{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--space-8)}.choice{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-4);min-width:0;min-height:80px;padding:var(--space-12) var(--space-16);border:1px solid var(--color-line-subtle);border-radius:var(--radius-md);background:var(--color-bg-surface);text-align:left;transition:background-color var(--motion-press),border-color var(--motion-press)}.choice:active{background:var(--color-bg-pressed)}.choice[aria-pressed=true]{border-color:var(--color-line-strong);box-shadow:inset 0 0 0 .5px var(--color-line-strong);background:var(--color-bg-app)}.choice:disabled{opacity:.45;cursor:default}.choice:disabled:active{background:var(--color-bg-surface)}.choice-title{font-size:17px;line-height:1.2}.choice-note{font-size:13px;line-height:1.25;color:var(--color-text-secondary)}@media (hover: hover){.choice:hover:not(:disabled):not([aria-pressed=true]){background:var(--color-bg-hover)}}.stage{display:flex;align-items:center;gap:var(--space-20)}.stage-text{display:flex;flex-direction:column;gap:var(--space-2);min-width:0}.play{flex:none;display:grid;place-items:center;border:0;border-radius:var(--radius-full);background:var(--color-bg-inverse);color:var(--color-icon-inverse);box-shadow:var(--elevation-knob);transition:transform var(--motion-press),background-color var(--motion-press)}.play.big{width:80px;height:80px}.play:active{transform:scale(.95);background:var(--color-bg-inverse-pressed)}.play svg{display:block}.play svg path{transform:translate(1px)}.progress{--p: 0;position:relative;height:1px;background:var(--color-line-subtle);margin-top:calc(-1 * var(--space-16))}.progress-fill{position:absolute;left:0;top:-.5px;height:2px;width:calc(var(--p) * 100%);background:var(--color-line-strong)}.measures{display:flex;flex-direction:column;gap:var(--space-12);padding:var(--space-20);border:1px solid var(--color-line-subtle);border-radius:var(--radius-md);background:var(--color-bg-surface)}.measures-head{display:flex;align-items:center;gap:var(--space-4)}.measures-level{font-family:var(--font-label);font-size:13px;color:var(--color-text-secondary)}.spectro{position:relative;height:180px;border-radius:var(--radius-sm);overflow:hidden}@media (min-width: 900px){.spectro{height:240px}}.spectro-canvas{display:block;width:100%;height:100%;background:var(--color-bg-surface);color:var(--color-text-primary)}.spectro-axis{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.spectro-axis span{position:absolute;left:6px;transform:translateY(50%);color:var(--color-text-tertiary);font-size:9px;letter-spacing:.1em;text-shadow:0 0 3px var(--color-bg-surface)}.octaves{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:var(--space-2)}.octave{display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.octave-db{font-family:var(--font-label);font-size:13px}.octave .t-label-s{font-size:9px;letter-spacing:.1em}.health{display:flex;flex-direction:column;gap:var(--space-12);padding:var(--space-20);border:1px solid var(--color-line-subtle);border-radius:var(--radius-md);background:var(--color-bg-surface)}.health-head{display:flex;align-items:center;gap:var(--space-4)}.health-state{font-family:var(--font-label);font-size:12px;line-height:1;padding:6px 10px;border-radius:var(--radius-full);border:1px solid var(--color-line-subtle);color:var(--color-text-secondary);white-space:nowrap}.health-state.bad{border-color:var(--color-signal-error);color:var(--color-signal-error)}.health-main{display:flex;align-items:baseline;gap:var(--space-12);flex-wrap:wrap}.health-load{font-family:var(--font-label);font-size:34px;line-height:1}.health-split{font-family:var(--font-label);font-size:13px;color:var(--color-text-secondary)}.meter{--v: 0;position:relative;height:6px;border-radius:3px;background:var(--color-bg-hover)}.meter-fill{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:3px;background:var(--color-line-strong);transform:scaleX(var(--v));transform-origin:left;transition:transform .3s}.meter.bad .meter-fill{background:var(--color-signal-error)}.meter-mark{position:absolute;top:-4px;bottom:-4px;width:1px;background:var(--color-text-tertiary)}.health-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-12) var(--space-16);padding-top:var(--space-4)}@media (min-width: 900px){.health-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}.stat{display:flex;flex-direction:column;gap:var(--space-2);min-width:0}.stat-v{font-family:var(--font-label);font-size:17px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stat-v.bad{color:var(--color-signal-error)}.stat .t-label-s{font-size:9px;letter-spacing:.1em;color:var(--color-text-secondary)}.alert{position:fixed;z-index:60;top:calc(var(--space-12) + env(safe-area-inset-top));left:var(--page-margin);right:var(--page-margin);max-width:640px;margin:0 auto;display:flex;align-items:flex-start;gap:var(--space-12);padding:var(--space-12) var(--space-8) var(--space-12) var(--space-16);border-radius:var(--radius-md);background:var(--color-bg-inverse);color:var(--color-text-inverse);box-shadow:var(--elevation-float);font-family:var(--font-label);font-size:14px;line-height:1.4;animation:alert-in var(--motion-sheet) ease-out}@keyframes alert-in{0%{transform:translateY(-12px);opacity:0}to{transform:none;opacity:1}}.alert-icon{flex:none;padding-top:1px;color:var(--p-red-400)}.alert-icon svg{display:block}.alert-text{flex:1 1 auto;min-width:0}.alert-note{display:block;margin-top:var(--space-4);font-size:12px;opacity:.7}.alert-close{flex:none;display:grid;place-items:center;width:36px;height:36px;margin:-6px 0;border:0;border-radius:var(--radius-full);background:transparent;color:inherit}@media (prefers-reduced-motion: reduce){.alert{animation:none}.meter-fill{transition:none}}.category{border-top:1px solid var(--color-line-subtle);padding:var(--space-12) 0 var(--space-8);scroll-margin-top:var(--space-8)}.category:first-of-type{border-top:0}.category-head{list-style:none;cursor:pointer;display:flex;align-items:center;gap:var(--space-4);min-height:44px}.category-head::-webkit-details-marker{display:none}.category-head:after{content:"";flex:none;width:18px;height:18px;background:var(--color-icon-primary);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9.5L12 15.5L18 9.5'/%3E%3C/svg%3E") center / contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9.5L12 15.5L18 9.5'/%3E%3C/svg%3E") center / contain no-repeat;transition:transform var(--motion-fade)}.category:not([open]) .category-head:after{transform:rotate(-90deg)}.params{display:flex;flex-direction:column}.param{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-12) 0}.param-head{display:flex;align-items:center;gap:var(--space-2);min-height:32px}.param-label{font-size:17px;line-height:1.25}.param-value{flex:none;font-family:var(--font-label);font-size:13px;color:var(--color-text-secondary);text-align:right;max-width:50%;overflow-wrap:anywhere}.param.proposal .param-label{color:var(--color-text-secondary)}.param.proposal .param-control{opacity:.45}.info{flex:none;display:grid;place-items:center;width:32px;height:32px;margin:-6px 0;padding:0;border:0;border-radius:var(--radius-full);background:transparent;color:var(--color-text-tertiary);transition:color var(--motion-press),background-color var(--motion-press)}.info[aria-expanded=true],.info:active{color:var(--color-text-primary);background:var(--color-bg-pressed)}@media (hover: hover){.info:hover{color:var(--color-text-primary)}}.tip{position:fixed;z-index:100;display:flex;flex-direction:column;gap:var(--space-8);width:max-content;max-width:min(320px,calc(100vw - 24px));padding:var(--space-12) var(--space-16);border-radius:var(--radius-sm);background:var(--color-bg-inverse);color:var(--color-text-inverse);box-shadow:var(--elevation-float);font-size:13px;line-height:1.4}.tip .t-label-s{margin-right:.3em;opacity:.7}.tip-line{opacity:.92}.tip-quiet{opacity:.7}.tip-live,.tip-proposal{display:inline-flex;align-items:center;margin-right:.4em;font-family:var(--font-label);font-size:10px;font-weight:500;letter-spacing:.14em;text-transform:uppercase}.tip-live:before{content:"";width:6px;height:6px;margin-right:6px;border-radius:50%;background:currentColor}.tip-proposal:before{content:"";width:5px;height:5px;margin-right:6px;border-radius:50%;border:1px dashed currentColor}.icon-btn{position:relative;display:grid;place-items:center;width:var(--size-touch);height:var(--size-touch);padding:0;border:0;border-radius:var(--radius-full);background:transparent;color:var(--color-icon-primary);font-size:20px;line-height:1;transition:background-color var(--motion-press)}.icon-btn:active{background:var(--color-bg-pressed)}.icon-btn:disabled{opacity:.3;cursor:default}.icon-btn.small{width:32px;height:32px;margin:-6px 0;color:var(--color-text-secondary)}.icon-btn.ring{border:1px solid var(--color-line-subtle)}@media (hover: hover){.icon-btn:hover:not(:disabled){background:var(--color-bg-hover)}}.slider-wrap{display:flex;flex-direction:column;gap:var(--space-8)}.slider{--f: 0;position:relative;display:flex;flex-direction:column;gap:2px;touch-action:none;outline:none;cursor:pointer}.slider[aria-disabled=true]{cursor:default}.slider-area{position:relative;height:40px}.slider-track{position:absolute;left:14px;right:14px;top:19.5px;height:1px;background:var(--color-line-subtle)}.slider-default{--f: 0;position:absolute;top:27px;left:calc(14px + var(--f) * (100% - 28px));width:4px;height:4px;margin-left:-2px;border-radius:50%;background:var(--color-text-tertiary)}.slider-knob{--f: inherit;position:absolute;top:20px;left:calc(14px + var(--f) * (100% - 28px));width:28px;height:28px;margin:-14px 0 0 -14px;border-radius:50%;background:var(--color-bg-raised);box-shadow:var(--elevation-knob);transition:transform var(--motion-press) ease-out}.settings .slider-knob,.modal .slider-knob{background:var(--p-neutral-0)}.slider-knob:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:calc(1.5px * 28 / 36) solid var(--color-line-strong);opacity:0;transition:opacity var(--motion-press)}.slider.dragging .slider-knob,.range .slider-knob:focus-visible{transform:scale(calc(36 / 28))}.slider.dragging .slider-knob:after{opacity:1}.slider:focus-visible .slider-knob{outline:2px solid var(--color-line-strong);outline-offset:3px}.slider.auto .slider-knob{background:transparent;box-shadow:inset 0 0 0 1px var(--color-line-subtle)}.slider-ticks{position:relative;display:flex;justify-content:space-between;padding:0 2px;height:13px}.slider-tick{color:var(--color-text-tertiary);line-height:13px;font-size:10px;letter-spacing:.08em;text-transform:none}.range .slider-fill{position:absolute;top:19px;height:2px;left:calc(14px + var(--a) * (100% - 28px));width:calc((var(--b) - var(--a)) * (100% - 28px));background:var(--color-line-strong)}.range .slider-knob{cursor:grab}.chip{min-height:36px;padding:0 var(--space-16);border:1px solid var(--color-line-subtle);border-radius:var(--radius-full);background:transparent;color:var(--color-text-primary);font-size:15px;white-space:nowrap;transition:background-color var(--motion-press)}.chip.small{min-height:32px;padding:0 var(--space-12);font-size:13px;flex:none}.chip:active{background:var(--color-bg-pressed)}.chip[aria-pressed=true]{background:var(--color-bg-inverse);border-color:var(--color-bg-inverse);color:var(--color-text-inverse)}.chip:disabled{opacity:.4;cursor:default}.slider-wrap .chip{align-self:flex-start}.stepper{display:flex;align-items:center;gap:var(--space-12)}.stepper-value{min-width:88px;text-align:center;font-size:17px}.stepper-input{width:96px;min-height:44px;padding:0 var(--space-12);border:1px solid var(--color-line-subtle);border-radius:var(--radius-full);background:transparent;text-align:center;font-size:17px;-moz-appearance:textfield}.stepper-input::-webkit-inner-spin-button,.stepper-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.select{position:relative;display:block;max-width:360px}.select select{width:100%;min-height:44px;padding:0 40px 0 var(--space-16);border:1px solid var(--color-line-subtle);border-radius:var(--radius-full);background:transparent;font-size:15px;-moz-appearance:none;appearance:none;-webkit-appearance:none;text-overflow:ellipsis}.select select:disabled{opacity:.5}.select:after{content:"";position:absolute;right:14px;top:50%;width:18px;height:18px;margin-top:-9px;pointer-events:none;background:var(--color-icon-primary);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9.5L12 15.5L18 9.5'/%3E%3C/svg%3E") center / contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9.5L12 15.5L18 9.5'/%3E%3C/svg%3E") center / contain no-repeat}.toggle-row{display:inline-flex;align-items:center;gap:var(--space-12);min-height:44px;cursor:pointer}.toggle-state{color:var(--color-text-secondary)}.toggle-row.small{min-height:32px;gap:var(--space-8);margin-right:var(--space-8)}.toggle-row.small .switch{width:34px;height:20px}.toggle-row.small .switch:after{width:14px;height:14px}.toggle-row.small .switch:checked:after{transform:translate(14px)}.switch{-moz-appearance:none;appearance:none;-webkit-appearance:none;flex:none;position:relative;width:44px;height:26px;margin:0;border-radius:var(--radius-full);background:var(--color-indicator-off);cursor:pointer;transition:background-color var(--motion-fade)}.switch:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:var(--color-bg-raised);box-shadow:var(--elevation-knob);transition:transform var(--motion-fade)}.switch:checked{background:var(--color-indicator-on)}.switch:checked:after{transform:translate(18px)}.switch:disabled{opacity:.5;cursor:default}.strings{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--space-4)}.string-cell{display:flex;flex-direction:column;align-items:stretch;gap:var(--space-4);min-width:0}.string-name{text-align:center;color:var(--color-text-tertiary);font-size:10px;letter-spacing:.1em}.string-input{width:100%;min-width:0;min-height:40px;padding:0 2px;border:1px solid var(--color-line-subtle);border-radius:var(--radius-sm);background:transparent;font-size:14px;text-align:center;text-align-last:center;appearance:none;-webkit-appearance:none;-moz-appearance:textfield}.string-input::-webkit-inner-spin-button{-webkit-appearance:none}.xy{outline:none;touch-action:none;max-width:360px}.xy-pad{position:relative;aspect-ratio:16 / 10;border:1px solid var(--color-line-subtle);border-radius:var(--radius-md);background:var(--color-bg-app);cursor:crosshair}.xy[aria-disabled=true] .xy-pad{cursor:default}.xy-cross:before,.xy-cross:after{content:"";position:absolute;background:var(--color-line-subtle)}.xy-cross:before{left:50%;top:10%;bottom:10%;width:1px}.xy-cross:after{top:50%;left:6%;right:6%;height:1px}.xy-dot{position:absolute;width:24px;height:24px;margin:-12px 0 0 -12px;border-radius:50%;background:var(--color-bg-raised);box-shadow:var(--elevation-knob)}.xy:focus-visible .xy-dot{outline:2px solid var(--color-line-strong);outline-offset:3px}.xy-label{position:absolute;color:var(--color-text-tertiary);font-size:9px;letter-spacing:.12em;pointer-events:none}.xy-label.left{left:8px;top:50%;transform:translateY(-50%)}.xy-label.right{right:8px;top:50%;transform:translateY(-50%)}.xy-label.top{top:6px;left:50%;transform:translate(-50%)}.xy-label.bottom{bottom:6px;left:50%;transform:translate(-50%)}.play.fab{display:none;position:fixed;z-index:40;right:max(var(--space-20),env(safe-area-inset-right));bottom:calc(var(--space-20) + env(safe-area-inset-bottom));width:64px;height:64px;box-shadow:var(--elevation-float)}@media (max-width: 899px){.play.fab{display:grid}}.credits{padding-top:var(--space-24);padding-bottom:calc(var(--space-48) + env(safe-area-inset-bottom));color:var(--color-text-tertiary);font-size:12px;line-height:1.4}.credits:before{content:"";display:block;height:1px;margin-bottom:var(--space-24);background:var(--color-line-subtle)}