@font-face{font-family:Plainsound Sans;src:url(/hexatone/assets/PlainsoundSans-Regular-z_NVK9Qw.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Plainsound Sans;src:url(/hexatone/assets/PlainsoundSans-Italic-CvBlhCHX.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Plainsound Sans;src:url(/hexatone/assets/PlainsoundSans-Bold-RsmfNtP4.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}:root{--safe-area-top: env(safe-area-inset-top, 0);--safe-area-left: env(safe-area-inset-left, 0);--safe-area-right: env(safe-area-inset-right, 0);--color-bg: #faf9f8;--color-bg-btn: #f0e9e9;--color-bg-btn-hover: #ddd0d0;--color-bg-btn-alt: #f4efef;--color-bg-btn-alt-hover: #e8dede;--color-border: #c0aaaa;--color-border-ui: #c8b8b8;--color-text: #330000;--color-accent: #990000;--color-accent-hot: #ff0000;--color-latch: #ff3333;--btn-radius-pill: 999px;--btn-radius-square: 4px;--btn-transition: background-color .15s ease}html,body{overflow:hidden;max-width:100%;height:100%;position:relative;overscroll-behavior:none;-webkit-overflow-scrolling:auto}body{-webkit-touch-callout:none;background-image:url(/hexatone/assets/Pattern3D_06-D5OgJPQC.png);background-repeat:repeat;background-position:top left;background-attachment:scroll;font-family:Plainsound Sans,sans-serif;transition:transform .3s ease-in-out}button{cursor:pointer}a{color:var(--color-accent);text-decoration:none}a:hover{color:var(--color-accent-hot)}#leftaligned{text-align:left}#centered{text-align:center}#sidebar{transition:transform .3s ease-in-out;z-index:10;overflow-x:hidden;overflow-y:auto;background-color:var(--color-bg);color:var(--color-text)}#sidebar-button{position:fixed;z-index:11;background-color:var(--color-bg-btn);border:1px solid var(--color-border);-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;transition:background-color .15s ease,border-color .15s ease}#sidebar-button:hover{background-color:var(--color-bg-btn-hover)}#sidebar-button.latch-active{background-color:var(--color-latch);border-color:#a00}#sidebar-spacer{height:.7em}@media (max-width: 480px){#sidebar-spacer{height:3em}#sidebar{position:fixed;top:0;left:0;height:100%;width:100%;box-sizing:border-box;padding:0 1em}#sidebar-button{height:2.5em;top:0;left:50vw;transform:translate(-50%);transition:width .3s ease-in-out;border-bottom-left-radius:10px;border-bottom-right-radius:10px}.hide #sidebar{transform:translateY(-100%)}.show #sidebar{transform:translate(0)}.hide #sidebar-button{width:2.5em}.show #sidebar-button{width:50vw}.hide #sidebar-button div{transform:rotate(90deg)}.show #sidebar-button div{transform:rotate(270deg)}}@media (min-width: 480px){#sidebar{position:fixed;top:0;left:0;height:100vh;max-width:40em;padding-left:3.5em;padding-right:1em}#sidebar-button{width:2.5em;top:50vh;left:0;transform:translateY(-50%);transition:height .3s ease-in-out;border-top-right-radius:10px;border-bottom-right-radius:10px}.hide #sidebar{transform:translate(-100%)}.show #sidebar{transform:translate(0)}.hide #sidebar-button{height:2.5em}.show #sidebar-button{height:35vh}.hide #sidebar-button div{transform:rotate(0)}.show #sidebar-button div{transform:rotate(180deg)}}@media (max-height: 500px) and (orientation: landscape){#sidebar-spacer{top:75vh;height:1.5em}#sidebar-button{top:calc(env(safe-area-inset-top,0) + .5em);transform:none;left:0;right:auto;border-top-left-radius:0}.hide #sidebar-button,.show #sidebar-button{height:2.5em}}#bottom-bar{display:contents}.text-entry-active #bottom-bar,.text-entry-active #snapshot-palette{display:none!important;pointer-events:none}#octave-island{position:fixed;bottom:1.2em;left:calc(50% - 13em);z-index:11;display:flex;align-items:center;gap:0;border-radius:var(--btn-radius-pill);background-color:var(--color-bg-btn);border:1px solid var(--color-border);overflow:hidden;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.octave-btn{background:none;border:none;color:var(--color-accent);font-size:.85em;padding:.45em .75em;font-family:inherit;line-height:1;transition:var(--btn-transition)}.octave-btn:hover{background-color:var(--color-bg-btn-hover)}.octave-btn:active{background-color:#dcc}.octave-defer-active{background-color:#f3cec5;color:#8a2a1f;transition:background-color .1s ease,color .1s ease}.octave-display{color:var(--color-accent);font-size:.95em;font-family:inherit;font-weight:700;letter-spacing:.04em;min-width:2.8em;text-align:center;border-left:1px solid var(--color-border);border-right:1px solid var(--color-border);padding:.45em .3em;pointer-events:none}@media (max-width: 600px) and (orientation: portrait){#main-bottom-controls{position:fixed;bottom:1.2em;left:50%;transform:translate(-50%);z-index:11;display:flex;align-items:center;gap:.6em}#main-bottom-controls #octave-island,#main-bottom-controls #sustain-island,#main-bottom-controls #modulation-island,#main-bottom-controls #panic-button{position:static!important;bottom:auto!important;left:auto!important;right:auto!important;transform:none!important;margin:0!important}#main-bottom-controls #sustain-island{padding:.38em 1.05em!important;font-size:.8em!important}#main-bottom-controls #modulation-island{padding:.38em 1.05em!important;font-size:.8em!important;display:inline-flex!important;flex-direction:column!important;align-items:center!important;gap:.12em!important}#main-bottom-controls #panic-button{padding:.38em .9em!important;font-size:.8em!important}#main-bottom-controls #octave-island{font-size:.8em!important}#main-bottom-controls #modulation-island .modulation-route{display:block;line-height:1.05;text-align:center;white-space:nowrap}#snapshot-button,#redraw-button{bottom:3em!important}}@media (max-height: 500px) and (orientation: landscape){#sustain-island{left:50%;transform:translate(-50%)}#modulation-island{left:calc(50% + 5.8em);transform:none}#panic-button{right:4.5em;left:auto;transform:none}}#sustain-island,#modulation-island{position:fixed;bottom:1.2em;z-index:11;padding:.45em 1.6em;border-radius:var(--btn-radius-pill);background-color:var(--color-bg-btn);border:1px solid var(--color-border);color:var(--color-accent);font-size:.95em;font-family:inherit;letter-spacing:.04em;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;transition:background-color .15s ease,border-color .15s ease,color .15s ease}#sustain-island{left:50%;transform:translate(-50%)}#modulation-island{left:calc(50% + 6.2em);transform:none;display:inline-flex;align-items:baseline;gap:.55em}.modulation-route{font-size:.92em;font-style:normal;letter-spacing:0}#sustain-island:hover,#modulation-island:hover{background-color:var(--color-bg-btn-hover)}#sustain-island.latch-active{background-color:var(--color-latch);border-color:#a00;color:#fff}#modulation-island.modulation-active{background-color:#00a8c6;border-color:#007f96;color:#fff}#modulation-island.modulation-pending{background-color:#0083a5;border-color:#005f79;color:#fff}#sustain-island:focus,#modulation-island:focus{outline:none}#snapshot-button{position:fixed;bottom:1.25em;left:.6em;z-index:11;width:2.2em;height:2.2em;border-radius:50%;background-color:var(--color-bg-btn);border:1px solid var(--color-border);color:var(--color-accent);font-size:1.1em;line-height:1;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;transition:var(--btn-transition)}#snapshot-button:hover{background-color:var(--color-bg-btn-hover)}#snapshot-button:active{background-color:#dcc}#snapshot-palette{position:fixed;z-index:12;display:flex;flex-direction:column;gap:4px;min-width:9.8rem;max-width:min(15.75rem,calc(100vw - 1rem));max-height:calc(100vh - 4.5rem);overflow:hidden;padding:7px 9px;border-radius:5px;background:#f0e4e48c;-webkit-backdrop-filter:blur(12px) saturate(.78);backdrop-filter:blur(12px) saturate(.78);border:1px solid rgba(200,175,175,.45);box-shadow:0 2px 12px #643c3c1f;font-size:.9em;line-height:1}.snapshot-palette-header{color:#7f2525}.snapshot-palette-body{display:flex;flex-direction:column;flex:1 1 auto;gap:4px;min-height:0;max-height:none;overflow-y:auto;overscroll-behavior:contain;min-width:0;box-sizing:border-box;padding-bottom:.35rem;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:transparent transparent}.snapshot-palette-body:hover,.snapshot-palette-body:focus-within{scrollbar-color:rgba(143,108,108,.7) transparent}.snapshot-palette-body::-webkit-scrollbar{width:.42rem}.snapshot-palette-body:hover::-webkit-scrollbar,.snapshot-palette-body:focus-within::-webkit-scrollbar{width:.42rem}.snapshot-palette-body::-webkit-scrollbar-thumb{background:transparent;border-radius:999px}.snapshot-palette-body:hover::-webkit-scrollbar-thumb,.snapshot-palette-body:focus-within::-webkit-scrollbar-thumb{background:#8f6c6cb3}.snapshot-row{display:flex;align-items:center;gap:5px;border-radius:6px;transition:background-color .1s ease}.snapshot-drag-over{background:#c8a0a059;outline:1px solid rgba(153,0,0,.3)}.snapshot-drag-handle{cursor:grab;color:#783c3c80;font-size:1.1em;padding:0 2px;-webkit-user-select:none;user-select:none;line-height:1}.snapshot-list-index{width:1.45em;min-width:1.45em;text-align:right;color:#5f4646db;font-size:.82em;font-variant-numeric:tabular-nums;line-height:1;-webkit-user-select:none;user-select:none}.snapshot-play-btn{width:1.271rem;min-width:1.271rem;height:1.271rem;min-height:1.271rem;box-sizing:border-box;padding:0;border-radius:var(--btn-radius-pill);background-color:#fff8f8bf;border:1px solid rgba(192,160,160,.6);color:#800;font-size:.82rem;font-family:inherit;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;transition:background-color .1s ease;display:inline-flex;align-items:center;justify-content:center;gap:.38em}.snapshot-play-btn--plain{border:none;border-radius:0;background:transparent;box-shadow:none}.snapshot-play-glyph{display:inline-flex;align-items:center;justify-content:center;width:.59rem;height:.59rem;flex:0 0 .59rem;line-height:0}.snapshot-play-glyph:before{content:"";display:block;flex:0 0 auto}.snapshot-play-glyph--play:before{width:0;height:0;border-top:.246rem solid transparent;border-bottom:.246rem solid transparent;border-left:.377rem solid currentColor;transform:translate(.033rem)}.snapshot-stop-glyph{display:inline-flex;align-items:center;justify-content:center;color:currentColor;font-size:.77rem;line-height:1;flex:0 0 auto;transform:translateY(-.01rem)}@media (max-width: 932px) and (pointer: coarse){.snapshot-stop-glyph{display:inline-block;width:1em;text-align:center;font-size:.5rem;line-height:1;-webkit-text-size-adjust:100%;text-size-adjust:100%}}.snapshot-start-icon{display:block;width:.508rem;height:.508rem;fill:currentColor;flex:0 0 auto}.snapshot-play-btn:hover{background-color:#e6d7d7d9}.snapshot-play-btn--plain:hover{background:transparent;color:#600}.snapshot-play-btn:active,.snapshot-playing .snapshot-play-btn{background-color:#dcc8c8d9}.snapshot-play-btn--plain:active,.snapshot-playing .snapshot-play-btn--plain{background:transparent}.snapshot-playing .snapshot-play-btn{border-color:#a00;box-shadow:inset 0 0 0 1px #aa000059}.snapshot-playing .snapshot-play-btn--plain{border-color:transparent;box-shadow:none}.snapshot-play-btn:disabled{opacity:.42;cursor:default;box-shadow:none}.snapshot-del-btn{width:1.25em;min-width:1.25em;height:1.25em;margin-left:auto;padding:0;display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:0;background:transparent;color:var(--color-accent);font-size:1.2rem;font-family:inherit;font-weight:400;line-height:.82;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;box-shadow:none;text-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:color .1s ease;transform:translateY(.04em)}.snapshot-del-btn:hover,.snapshot-del-btn:active{color:#600}#modulation-palette{position:fixed;z-index:12;display:flex;flex-direction:column;gap:4px;min-width:11.3rem;padding:7px 9px;border-radius:5px;background:#dcf5faad;-webkit-backdrop-filter:blur(12px) saturate(.9);backdrop-filter:blur(12px) saturate(.9);border:1px solid rgba(0,127,150,.35);box-shadow:0 2px 14px #005a6e1f;font-size:.9em;line-height:1}.modulation-palette-header{display:flex;align-items:center;gap:6px;line-height:1;min-height:1.3em;color:#006e84;cursor:grab;-webkit-user-select:none;user-select:none;justify-content:flex-start}.modulation-palette-row{display:grid;grid-template-columns:minmax(7.5em,1fr) max-content 1.2em 2.2em 1.2em 1.25em;align-items:center;column-gap:5px;line-height:1;min-height:1.3em;height:1.3em}.modulation-palette-handle{color:#005a6e8c;line-height:1}.modulation-palette-close,.modulation-palette-toggle{color:#006e84;-webkit-user-select:none;user-select:none}.modulation-palette-close-slot{width:1.25em;min-width:1.25em;height:1.25em;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}.modulation-palette-close{width:1.25em;min-width:1.25em;height:1.25em;padding:0;display:inline-flex;align-items:center;justify-content:center;font-size:1.3rem;font-weight:400;font-family:inherit;line-height:.82;flex:0 0 auto;border:none;background:transparent;color:var(--color-accent);border-radius:0;text-align:right;box-shadow:none;text-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;transform:translateY(.06em)}.modulation-palette-close:hover{color:#600}.modulation-palette-toggle{margin-left:auto;width:1.6em;min-width:1.6em;height:1.25em;padding:0;display:inline-flex;align-items:center;justify-content:center;font-size:1.2rem;line-height:1;vertical-align:middle;cursor:pointer;flex:0 0 auto;border:none;background:transparent;color:inherit;border-radius:0;text-align:right;box-shadow:none;text-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;transform:translateY(-.08em)}.modulation-palette-toggle .disclosure-toggle-glyph{display:inline-block;width:0;height:0;flex:0 0 auto;line-height:0}.modulation-palette-toggle .disclosure-toggle-glyph--collapsed{border-top:.27em solid transparent;border-bottom:.27em solid transparent;border-left:.41em solid currentColor}.modulation-palette-toggle .disclosure-toggle-glyph--expanded{border-left:.29em solid transparent;border-right:.29em solid transparent;border-top:.41em solid currentColor;transform:translateY(.08em)}.modulation-palette-step{width:1.2em;min-width:1.2em;height:1.2em;padding:0;display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:0;background:transparent;color:var(--color-accent);font-size:.9rem;line-height:1;font-family:inherit;font-weight:400;box-shadow:none;text-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-border-radius:0;background-image:none;-webkit-tap-highlight-color:transparent;cursor:pointer}.modulation-palette-step:before{content:"";display:block;width:0;height:0;border-top:.32em solid transparent;border-bottom:.32em solid transparent}.modulation-palette-step--left:before{border-right:.56em solid var(--color-accent)}.modulation-palette-step--right:before{border-left:.56em solid var(--color-accent)}.modulation-palette-step:hover{background-color:#ddd0d08c}.modulation-palette-step:disabled{opacity:.42}.modulation-palette-step:disabled:before{opacity:.8}.modulation-palette-route{min-width:0;color:#004d5c;font-style:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1}.modulation-palette-modulation{min-width:0;color:#004d5c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-variant-numeric:tabular-nums;text-align:left}.modulation-palette-summary{display:grid;grid-template-columns:minmax(7.5em,1fr) max-content 1.2em 2.2em 1.2em 1.25em;align-items:center;column-gap:5px;min-width:0;min-height:1.3em;max-width:100%;padding-bottom:3px;margin-bottom:1px;border-bottom:1px solid rgba(0,110,132,.18);line-height:1}.modulation-palette-summary-label{flex:0 0 auto;color:#006e84;font-style:normal!important;font-weight:600;white-space:nowrap}.modulation-palette-summary-value{min-width:0;color:#004d5c;font-variant-numeric:tabular-nums;white-space:nowrap;line-height:1;text-align:right;justify-self:end}.modulation-palette-summary-reset{width:1.25em;min-width:1.25em;height:1.25em;padding:0;display:inline-flex;align-items:center;justify-content:center;font-size:1em;font-weight:600;line-height:1}.modulation-palette-summary-placeholder{visibility:hidden;width:100%;height:1px}.modulation-palette-route-arrow{position:relative;display:inline-block;width:1.28em;height:.66em;margin:0 .24em;vertical-align:.08em;background:linear-gradient(currentColor,currentColor) center / calc(100% - .62em) 1.25px no-repeat}.modulation-palette-route-arrow:before,.modulation-palette-route-arrow:after{content:"";position:absolute;background:currentColor;top:50%;width:.35em;height:.35em;transform:translateY(-50%)}.modulation-palette-route-arrow:before{left:0;clip-path:polygon(100% 0,0 50%,100% 100%)}.modulation-palette-route-arrow:after{right:0;clip-path:polygon(0 0,100% 50%,0 100%)}.modulation-palette-row-active .modulation-palette-route{color:#9a2f2f;font-style:normal}.modulation-palette-row-active .modulation-palette-modulation,.modulation-palette-row-active .modulation-palette-count{color:#9a2f2f}.modulation-palette-count{min-width:2.2em;text-align:center;font-weight:600;color:#006e84;line-height:1}.modulation-palette-row:not(.modulation-palette-row-active) .modulation-palette-route{font-style:italic}@media (max-width: 600px) and (orientation: portrait){#modulation-palette{min-width:10.5rem;max-width:min(78vw,16rem);transform:translateY(1.5rem);gap:4px;padding:6px 8px;border-radius:12px;font-size:.9em}.modulation-palette-header{font-size:.9em}.modulation-palette-row,.modulation-palette-summary{grid-template-columns:minmax(6.1em,1fr) max-content 1.25em 1.7em 1.25em 1.45em;column-gap:4px;font-size:.9em}.modulation-palette-step{width:1.25em;min-width:1.25em;height:1.25em;padding:0!important;display:inline-flex;align-items:center;justify-content:center;font-size:1.05em;line-height:1;color:var(--color-accent)!important;border:none!important;border-radius:0!important;background:transparent!important;background-color:transparent!important;background-image:none!important;box-shadow:none!important;text-shadow:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;-webkit-tap-highlight-color:transparent!important}.modulation-palette-step:before{border-top-width:.3em;border-bottom-width:.3em}.modulation-palette-step--left:before{border-right-width:.5em}.modulation-palette-step--right:before{border-left-width:.5em}.modulation-palette-toggle{width:1.75em;min-width:1.75em;height:1.45em;font-size:1.56em;line-height:.82;transform:translateY(-.08em)}.modulation-palette-close-slot,.modulation-palette-close{width:1.45em;min-width:1.45em;height:1.25em;font-size:1.34em;line-height:.82}.modulation-palette-route,.modulation-palette-modulation,.modulation-palette-count{font-size:.9em}.modulation-palette-route-arrow{width:1.16em;margin:0 .18em}.modulation-palette-count{min-width:1.7em}}@media (max-height: 500px) and (orientation: landscape){#modulation-palette{min-width:10.5rem;max-width:min(52vw,18rem);gap:3px;padding:5px 7px;border-radius:12px;font-size:.86em}.modulation-palette-header{gap:5px;line-height:.98;font-size:.86em}.modulation-palette-row,.modulation-palette-summary{grid-template-columns:minmax(6.1em,1fr) max-content 1.25em 1.7em 1.25em 1.45em;column-gap:4px;line-height:.98;font-size:.86em}}#redraw-button{position:fixed;bottom:1.25em;right:.6em;z-index:11;width:2.2em;height:2.2em;border-radius:50%;background-color:var(--color-bg-btn);border:1px solid var(--color-border);color:var(--color-accent);font-size:1.1em;line-height:1;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;transition:var(--btn-transition)}#redraw-button:hover{background-color:var(--color-bg-btn-hover)}#redraw-button:active{background-color:#ddd0d0}#panic-button{position:fixed;bottom:1.2em;right:4.5em;z-index:11;padding:.45em 1.6em;border-radius:var(--btn-radius-pill);background-color:var(--color-bg-btn);border:1px solid var(--color-border);color:var(--color-accent);font-size:.95em;font-family:inherit;letter-spacing:.04em;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;transition:var(--btn-transition)}#panic-button:hover{background-color:var(--color-bg-btn-hover)}#panic-button:active{background-color:#dcc}#ios-banner{position:fixed;bottom:3.5em;left:0;right:0;z-index:20;background:#1a1a2e;color:#e0e0e0;font-size:.85em;padding:.7em 1em .9em;text-align:center;line-height:1.4}#ios-banner a{color:#7cb7ff;text-decoration:underline}#ios-banner .ios-banner__message{max-width:42rem;margin:0 auto}#ios-banner .ios-banner__actions{display:flex;justify-content:center;gap:.6em;margin-top:.75em;flex-wrap:wrap}#ios-banner button{position:static;background:#ffffff14;border:1px solid rgba(255,255,255,.18);border-radius:var(--btn-radius-pill);color:#e0e0e0;font-size:.95em;line-height:1.2;padding:.45em .9em}#ios-banner button:hover{background:#ffffff24}.app-shell__sidebar-loading{display:flex;justify-content:center;padding:1.25em 0}.app-shell__rotation-debug{position:fixed;top:.5em;right:.5em;z-index:40;width:min(22rem,92vw);max-height:40vh;overflow:auto;padding:.5em .65em;border-radius:8px;background:#faf9f8f0;border:1px solid rgba(120,80,80,.35);box-shadow:0 2px 12px #4628281f;color:#300;font-size:11px;line-height:1.25;font-family:monospace}.app-shell__rotation-debug-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.35em;gap:.5em}.app-shell__rotation-debug-actions{display:flex;gap:.35em}.app-shell__rotation-debug-entry{padding-top:.3em;margin-top:.3em;border-top:1px solid rgba(120,80,80,.18)}.app-shell__rotation-debug-entry--first{padding-top:0;margin-top:0;border-top:none}.app-shell__octave-toggle,.app-shell__intro-more{cursor:pointer;pointer-events:auto}.app-shell__intro-more{color:#900}@keyframes blue_ani{0%{fill:#abd1ff}25%{fill:#7cb7ff}50%{fill:#157fff}75%{fill:#0057c0}to{fill:#003f8b}}@keyframes pink_ani{0%{fill:#ffa4ff}25%{fill:#ff70ff}50%{fill:#f0f}75%{fill:#bf00bf}to{fill:#8a008a}}@keyframes green_ani{0%{fill:#efffa4}25%{fill:#e6ff70}50%{fill:#d3ff00}75%{fill:#cef900}to{fill:#a9cd00}}@keyframes orange_ani{0%{fill:#ffdca4}25%{fill:#ffc770}50%{fill:#ff9c00}75%{fill:#ff9c00}to{fill:#d48200}}.app-loading-icon path{fill-rule:evenodd}.app-loading-icon path:nth-child(1){animation:1.3s linear infinite alternate pink_ani}.app-loading-icon path:nth-child(2){animation:1.7s linear infinite alternate orange_ani}.app-loading-icon path:nth-child(3){animation:2.3s linear infinite alternate blue_ani}.app-loading-icon path:nth-child(4){animation:3.7s linear infinite alternate pink_ani}.app-loading-icon path:nth-child(5){animation:4.3s linear infinite alternate green_ani}.app-loading-icon path:nth-child(6){animation:4.7s linear infinite alternate orange_ani}.app-loading-icon path:nth-child(7){animation:1.1s linear infinite alternate green_ani}.app-loading-icon path:nth-child(8){animation:1.9s linear infinite alternate blue_ani}.app-loading-icon path:nth-child(9){animation:3.1s linear infinite alternate green_ani}.app-loading-icon path:nth-child(10){animation:4.1s linear infinite alternate green_ani}.app-loading-icon path:nth-child(11){animation:3.7s linear infinite alternate blue_ani}.app-loading-icon path:nth-child(12){animation:2.9s linear infinite alternate blue_ani}.app-loading-icon path:nth-child(13){animation:.7s linear infinite alternate pink_ani}.app-loading-icon path:nth-child(14){animation:.5s linear infinite alternate orange_ani}.app-loading-icon{opacity:.95;position:absolute;margin:auto;top:50%;left:50%;transform:translate(-50%,-50%);z-index:9;pointer-events:none}#sidebar{overflow-x:hidden;overflow-y:auto;overscroll-behavior-x:none}#sidebar h1{text-align:center}#sidebar h1 a{color:var(--color-text)}#sidebar .workspace-tabs{position:sticky;top:-.18em;z-index:5;display:flex;align-items:flex-end;gap:.2em;margin:0 0 .45em;padding:.14em 2px 0;background:var(--color-bg);box-shadow:0 0 0 .45em var(--color-bg)}#sidebar .workspace-tabs:after{content:"";position:absolute;left:0;right:0;bottom:0;z-index:0;border-bottom:1px solid var(--color-border-ui);pointer-events:none}#sidebar .workspace-tabs-deadzone{position:sticky;top:1.55em;z-index:4;height:.45em;margin:-.45em 0 .45em;background:var(--color-bg);pointer-events:none}@media (min-width: 481px){#sidebar .workspace-tabs{--workspace-tabs-desktop-inset: 2px;position:sticky;top:.35em;z-index:5;margin:0 0 .25em;padding:.08em var(--workspace-tabs-desktop-inset) 0;box-shadow:none}#sidebar .workspace-tabs:before{content:"";position:absolute;left:0;right:-1em;top:-.45em;bottom:0;z-index:-1;background:var(--color-bg);pointer-events:none}#sidebar .workspace-tabs:after{left:var(--workspace-tabs-desktop-inset);right:0}#sidebar .workspace-tabs-deadzone{display:none}}@media (max-width: 480px){#sidebar .workspace-tabs{--workspace-tabs-phone-inset: 1em;top:0;z-index:6;margin:0 -1em .45em;gap:0;padding:3.05em var(--workspace-tabs-phone-inset) 0;box-shadow:none}#sidebar .workspace-tabs:after{left:var(--workspace-tabs-phone-inset);right:var(--workspace-tabs-phone-inset);bottom:0}#sidebar .workspace-tabs-deadzone{display:none}#sidebar .workspace-tabs .workspace-tab{padding:.42em .7em .38em}#sidebar .workspace-tabs .workspace-tab--active{margin-bottom:0}#sidebar .workspace-tabs .workspace-tab+.workspace-tab{margin-left:.35em}}#sidebar .workspace-tab{display:inline-flex;align-items:center;justify-content:center;position:relative;z-index:2;border:1px solid transparent;border-bottom:1px solid transparent;border-radius:6px 6px 0 0;background:transparent;color:var(--color-text);font-family:inherit;font-size:.74em;letter-spacing:.04em;line-height:1;padding:.42em .7em .38em;cursor:pointer;transition:var(--btn-transition);transform:none}#sidebar .workspace-tab:hover{background:#f4efefa6}#sidebar .workspace-tab:focus{outline:none}#sidebar .workspace-tab:focus-visible{box-shadow:0 0 0 2px #99000038}#sidebar .workspace-tab--active{color:var(--color-accent);background:var(--color-bg);border-color:var(--color-border-ui);border-bottom-color:var(--color-bg);margin-bottom:0}#sidebar .workspace-tab--active:after{content:"";position:absolute;left:-1px;right:-1px;bottom:-2px;height:3px;background:var(--color-bg);z-index:3;pointer-events:none}#sidebar #donation-link{line-height:1.3;margin-bottom:3em}#sidebar .sidebar-intro,#sidebar .credits-panel p{padding-left:4px}#sidebar fieldset{width:100%;max-width:100%;min-inline-size:0;box-sizing:border-box;margin-bottom:.5em;border:1px solid var(--color-border-ui);border-radius:3px}.section-collapse-toggle{display:inline-flex;align-items:center;justify-content:center;width:1.65em;min-width:1.65em;height:1.42em;margin-left:.6em;padding:0;box-sizing:border-box;font-size:.95em;line-height:1;vertical-align:middle}.disclosure-toggle-glyph{display:inline-block;width:0;height:0;flex:0 0 auto;line-height:0}.disclosure-toggle-glyph--collapsed{border-top:.27em solid transparent;border-bottom:.27em solid transparent;border-left:.41em solid currentColor}.disclosure-toggle-glyph--expanded{border-left:.29em solid transparent;border-right:.29em solid transparent;border-top:.41em solid currentColor;transform:translateY(.04em)}#sidebar label{display:flex;justify-content:space-between;flex-wrap:wrap;align-items:center;width:100%;max-width:100%;min-width:0;box-sizing:border-box;margin-top:.25em;line-height:1.5em}#sidebar label>.sidebar-input{margin-left:auto}.controller-inline-row{min-height:1.5em;margin-top:.25em;line-height:1.5em}.controller-output-row,.controller-status-row{font-style:italic}.controller-inline-row>span.sidebar-input{display:inline-flex;align-items:center;justify-content:flex-end;min-height:1.5em;line-height:1.5em}.controller-status-value{text-align:right}#sidebar label:has(input[type=checkbox]){pointer-events:none}#sidebar label:has(input[type=checkbox]) input,#sidebar label:has(input[type=checkbox]) button,#sidebar label:has(input[type=checkbox]) select,#sidebar label:has(input[type=checkbox]) textarea,#sidebar label:has(input[type=checkbox]) a,#sidebar label:has(input[type=checkbox]) [role=button]{pointer-events:auto}#sidebar table{width:100%;border-collapse:collapse}#sidebar table td,#sidebar table th,#sidebar table{padding:0;height:1.7em;box-sizing:border-box}#sidebar table td>em{margin-left:.25em}#sidebar table td{vertical-align:top;padding-top:0;padding-bottom:0;position:relative}#sidebar textarea{width:100%;max-width:100%;min-width:0;height:8.5em;box-sizing:border-box;resize:vertical;-webkit-overflow-scrolling:touch;background-color:var(--color-bg);border:1px solid var(--color-border-ui);border-radius:3px}#sidebar input[type=text],#sidebar select{width:min(24em,100%);max-width:100%;min-width:0;height:1.5em;box-sizing:border-box;background-color:var(--color-bg);border:1px solid var(--color-border-ui);border-radius:3px}#sidebar input[type=color]{height:1.5em;width:2.5em;box-sizing:border-box;background-color:var(--color-bg);color:#f5f1f0;border:1px solid var(--color-border-ui);border-radius:3px}#sidebar input[type=color]::-webkit-color-swatch{border:none;border-radius:3px}#sidebar table input[type=text]{width:95%}#sidebar input:out-of-range{background-color:#fde8e8;color:var(--color-accent)}#sidebar input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:1.1em;height:1.1em;border:1px solid #b0adb0;border-radius:3px;background:var(--color-bg);cursor:pointer;flex-shrink:0;position:relative;vertical-align:middle;margin:0}#sidebar input[type=checkbox]:checked{background:var(--color-accent);border-color:var(--color-accent)}#sidebar input[type=checkbox]:checked:after{content:"";position:absolute;left:.2em;top:.05em;width:.35em;height:.6em;border:2px solid rgb(243,241,240);border-top:none;border-left:none;transform:rotate(45deg)}#sidebar input[type=checkbox]:focus{outline:none;box-shadow:0 0 0 2px #99000040}#sidebar input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:50%;height:1.1em;background:transparent;cursor:pointer;margin:0;padding:0;vertical-align:middle}#sidebar input[type=range]:focus{outline:none}#sidebar input[type=range]::-webkit-slider-runnable-track{-webkit-appearance:none;height:3px;background:var(--color-border-ui, #c8b8b8);border-radius:2px}#sidebar input[type=range]::-webkit-slider-container{-webkit-appearance:none}#sidebar input[type=range]::-moz-range-track{height:3px;background:var(--color-border-ui, #c8b8b8);border-radius:2px}#sidebar input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:.85em;height:.85em;border-radius:50%;background:var(--color-accent);border:none;margin-top:-.32em;transition:background .1s ease}#sidebar input[type=range]::-moz-range-thumb{width:.85em;height:.85em;border-radius:50%;background:var(--color-accent);border:none;transition:background .1s ease}#sidebar input[type=range]:hover::-webkit-slider-thumb,#sidebar input[type=range]:hover::-moz-range-thumb{background:var(--color-accent-hot)}.color-cell{display:flex;align-items:center;flex-direction:row-reverse;justify-content:flex-end;gap:2px;height:1.5em;position:relative;text-align:right}.color-suggestion-btn{display:inline-flex;align-items:center;gap:.35em;padding:.1em .35em;border:1px solid var(--color-border-ui);border-radius:var(--btn-radius-square);background:#f3efef;color:#6b5656;font-size:.82em;line-height:1;position:relative}.color-suggestion-btn:hover{background:#ece2e2}.color-suggestion-btn__swatch{display:inline-block;width:.9em;height:.9em;border:1px solid rgba(0,0,0,.18);border-radius:2px}.color-suggestion-btn__label{font-family:monospace}.color-suggestion-btn__preview{display:none;position:absolute;right:calc(100% + .35em);top:50%;transform:translateY(-50%);width:3.2em;height:3.2em;border:1px solid rgba(0,0,0,.18);border-radius:6px;box-shadow:0 2px 8px #0000002e;z-index:8}.color-suggestion-btn:hover .color-suggestion-btn__preview,.color-suggestion-btn:focus-visible .color-suggestion-btn__preview{display:block}.color-cell-btn{display:inline-flex;align-items:center;justify-content:center;width:1.45em;height:1.45em;padding:0;border:1px solid var(--color-border-ui);border-radius:var(--btn-radius-square);background:#ede8e8;color:var(--color-text);font-size:.95em;line-height:1}.color-cell-btn:hover{background:#ddd0d0}.color-cell-btn--active{color:#600}.color-swatch-hitbox{position:relative;display:inline-block;width:1.4em;height:1.4em;flex-shrink:0}.color-swatch{display:inline-block;width:1.4em;height:1.4em;border-radius:3px;border:1px solid #c3c8cb;flex-shrink:0;cursor:pointer;transition:box-shadow .1s ease}.color-swatch:hover{box-shadow:0 0 0 2px #9006}.color-swatch--disabled{cursor:default;opacity:.5}.color-swatch--disabled:hover{box-shadow:none}.color-picker-hidden{position:absolute;top:0;right:0;bottom:0;left:0;width:100%!important;height:100%!important;padding:0!important;border:none!important;opacity:0;cursor:pointer;pointer-events:all}.color-input{display:none;width:calc(100% - 1.8em)!important;padding:0 .3em;box-sizing:content-box;background-color:var(--color-bg);border:1px solid var(--color-border-ui);border-radius:3px;font-family:monospace;font-size:1em;text-align:right}.color-input:disabled{opacity:.5;cursor:not-allowed}.color-cell:focus-within{position:absolute;z-index:5;background:var(--color-bg);border-radius:3px;box-shadow:0 2px 8px #00000026;height:auto;min-width:10em;right:0}.color-cell:focus-within .color-input{display:block;width:8.2em!important}#sidebar label .color-cell{flex-shrink:0;width:auto;margin-left:40%}@media (max-width: 550px){#sidebar label .color-cell{margin-left:30%}}#sidebar label .color-cell--label-rhs{margin-left:auto}#sidebar label .color-cell .color-input{display:block;width:6.3em!important;flex:none;text-align:right}td.scale-color-col{padding:0 3px;text-align:right}td.scale-color-col .color-cell{width:auto;justify-content:flex-end;margin-left:auto}td.scale-color-col .color-input{width:100%!important;min-width:5.5em}@media (min-width: 481px){td.scale-color-col .color-cell{width:max-content}td.scale-color-col .color-cell:focus-within{position:relative;z-index:auto;background:transparent;box-shadow:none;height:1.5em;min-width:0;right:auto}td.scale-color-col .color-input,td.scale-color-col .color-cell:focus-within .color-input{display:block;width:6.3em!important;min-width:0;flex:none}}.preset-actions{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:.4rem;margin-top:.125em;line-height:1.5em}.preset-actions--library{min-height:calc(1.7em + 2px)}.preset-actions__clear-slot{display:inline-flex;align-items:center;justify-content:flex-end;margin-left:auto;min-height:calc(1.7em + 2px);flex:0 0 auto}.preset-actions__confirm{display:inline-flex;align-items:center;flex-wrap:nowrap;gap:.4rem;flex:0 0 auto;min-height:calc(1.7em + 2px)}.preset-actions__confirm-text{display:inline-flex;align-items:center;min-height:calc(1.7em + 2px);line-height:1.5em;white-space:nowrap;flex:0 0 auto}.preset-actions__clear-trigger{margin-left:0}.settings-form__hidden-file-input{display:none}#sidebar label.settings-form__checkbox-row{display:flex;justify-content:flex-start;align-items:center;flex-wrap:nowrap;gap:.5em}.settings-form__checkbox-row--sm{margin-top:.35em;margin-bottom:.25em;height:2em}.settings-form__checkbox-row--md{margin-top:.4em}.settings-form__helper-text{color:#966;font-style:italic}.settings-form__helper-text--muted{color:#888}.settings-form__reload-row{display:flex;align-items:center;flex-wrap:wrap;gap:.5em .75em}.settings-form__reload-checkbox{margin-top:0}.settings-form__activate-audio-btn{flex:0 0 auto}.settings-form__activate-row{display:flex;justify-content:flex-start;margin-top:.4em}.settings-form__action-row{display:flex;justify-content:space-between;align-items:center;margin-top:4px;row-gap:.25em}.settings-form__action-group{display:flex;gap:6px}.settings-form__action-group--wrap{flex-wrap:wrap}.settings-form__utility-btn--export{width:6em;text-align:center}.settings-form__section-top{margin-top:1em}.settings-form__description-label{font-style:italic;color:#966;margin-bottom:.5em}.settings-form__description-value{text-align:right;font-size:.85em;line-height:1}.settings-form__inline-fields{display:flex;gap:4px;align-items:center;text-align:left}.settings-form__inline-fields--spread{justify-content:space-between;width:100%;gap:.45em}.settings-form__inline-fields--anchor{justify-content:flex-end;flex-wrap:nowrap}.settings-form__inline-button--nowrap{white-space:nowrap;flex-shrink:0}#sidebar .preset-action-btn.settings-form__inline-button--nowrap,#sidebar .preset-utility-btn.settings-form__inline-button--nowrap{white-space:nowrap;overflow-wrap:normal}.settings-form__compact-input{height:1.5em;box-sizing:border-box;background:#faf9f8;border:1px solid #c8b8b8;border-radius:3px}.settings-form__compact-input--channel{width:2.2em;min-width:2.2em;text-align:center;flex-shrink:0}.settings-form__compact-input--grow{flex:1;min-width:0;width:auto;text-align:right}#sidebar input[type=text].settings-form__compact-input--channel{width:2.2em;min-width:2.2em}#sidebar input[type=text].settings-form__compact-input--grow{width:auto;flex:1 1 auto}.settings-form__compact-input--disabled{background:#f0eded;color:#999;cursor:default}.settings-form__sidebar-input--short{width:3.5em!important}.settings-form__scala-input{width:5em;text-align:center;height:1.5em;box-sizing:border-box;background:#faf9f8;border-radius:3px}.settings-form__scala-input--right{text-align:right}.settings-form__inline-note-hint{flex:1;min-width:0;width:auto;text-align:right}.settings-form__value--compact{font-size:.85em}.settings-form__value--grow{flex:1}.settings-form__picker-row{cursor:pointer}.settings-form__status-value{text-align:right;font-size:.85em;font-style:italic}.settings-form__status-value--connected{color:#696}.settings-form__status-value--missing{color:#966}.settings-form__status-value--warning{color:#c40}.settings-form__status-value--warning-tight{margin:.2em 0}.settings-form__status-value--inactive{color:#888}.settings-form__tabular-value{font-variant-numeric:tabular-nums}.settings-form__tabular-value--muted{color:#6b5a5a}.settings-form__inline-label{display:flex;align-items:baseline;gap:4px;flex:1}.settings-form__fixed-label{min-width:7em}#sidebar label.settings-form__inline-label-row{justify-content:flex-start;gap:.5em;margin-top:.35em}.settings-form__label-nowrap{white-space:nowrap}.settings-form__picker-inline{display:flex;align-items:baseline;gap:6px;flex:1}.settings-form__stacked-helper{margin:.25em 0 .5em;color:#966;font-size:.85em}.settings-form__stacked-helper--tight{margin:.25em 0}.settings-form__warning-copy{color:#8b3a2e;margin:0 0 .75em;font-style:italic}.settings-form__stack{display:flex;flex-direction:column;gap:.5em}.settings-form__stack--import{margin-top:.65em}.settings-form__intro-copy{margin-top:.5em}.settings-form__control-row{display:flex;justify-content:space-between;align-items:center;margin-top:.5em;gap:6px}.settings-form__control-row--compact{margin-top:.25em;margin-left:auto}.settings-form__control-row--inline{margin-top:0}.settings-form__status-caption{font-size:.9em;color:#6b5a5a;margin-top:-.25em;margin-bottom:.35em}.settings-form__range-row{display:flex;align-items:center;gap:.5em}.settings-form__range-input{flex:1;width:100%}.settings-form__range-value{font-variant-numeric:tabular-nums;min-width:5.2em;text-align:right;font-size:.85em}.settings-form__range-value--short{min-width:2.5em}.settings-form__exquis-slider-output{font-variant-numeric:tabular-nums}.settings-form__section-top--compact{margin-top:.3em}.settings-form__text-input--wide{width:22em;max-width:100%}.settings-form__dimmed{opacity:.55}#sidebar label.settings-form__checkbox-row--tight{margin-top:-.1em}.settings-form__state-btn--connected{background:#2c4;color:#030;border-color:#2c4}.preset-action-btn,.preset-utility-btn{flex:0 1 auto;max-width:100%;white-space:normal;word-break:normal;overflow-wrap:anywhere;font-size:1em;padding:.1em .6em;background:var(--color-bg-btn-alt);border:1px solid var(--color-border-ui);color:var(--color-text);border-radius:var(--btn-radius-square)}.preset-action-btn:hover,.preset-utility-btn:hover{background:var(--color-bg-btn-alt-hover)}.preset-utility-btn{min-width:fit-content}.sequencer-list{display:flex;flex-direction:column;gap:0;margin-top:.25em;min-height:100%;width:100%;min-width:0;box-sizing:border-box;padding-bottom:max(8rem,35vh)}.sequencer-item{--sequencer-delete-col: 1.15em;--sequencer-number-col: 1.55em;--sequencer-event-snapshot-col: var(--sequencer-event-value-col);--sequencer-event-position-col: minmax(0, 1.36fr);--sequencer-event-kind-col: minmax(0, .44fr);--sequencer-event-pitch-col: minmax(0, 1fr);--sequencer-event-value-col: minmax(0, .82fr);--sequencer-snapshot-primary-col: 4.1em;--sequencer-event-actions-col: 3.45em;--sequencer-detail-columns: var(--sequencer-delete-col) var(--sequencer-number-col) var(--sequencer-event-snapshot-col) var(--sequencer-event-position-col) var(--sequencer-event-kind-col) var(--sequencer-event-pitch-col) var(--sequencer-event-pitch-col) var(--sequencer-event-pitch-col) var(--sequencer-event-value-col) var(--sequencer-event-value-col) var(--sequencer-event-value-col) var(--sequencer-event-value-col) var(--sequencer-event-actions-col);--sequencer-structural-columns: var(--sequencer-detail-columns);--sequencer-snapshot-columns: var(--sequencer-delete-col) var(--sequencer-number-col) var(--sequencer-snapshot-primary-col) minmax(0, 1fr) max-content max-content;display:grid;grid-template-columns:var(--sequencer-snapshot-columns);border:none;background:transparent;margin-bottom:0;padding:.18em 0;border-radius:4px;width:100%;min-width:0;box-sizing:border-box}.sequencer-capture-fieldset{margin-top:1em}.sequencer-item--selected{background:#e8edf5;box-shadow:inset 0 1px #d6deea,inset 0 -1px #d6deea}.sequencer-item--bar{display:grid;grid-template-columns:var(--sequencer-snapshot-columns);padding:0;margin:.2em 0;width:100%;min-width:0;box-sizing:border-box}.sequencer-item--bar+.sequencer-item{padding-top:0}.sequencer-row{grid-column:1 / -1;display:grid;grid-template-columns:var(--sequencer-snapshot-columns);gap:.45em;align-items:center;padding:0;border-radius:4px;cursor:pointer;width:100%;min-width:0;box-sizing:border-box}.sequencer-row--selected{background:transparent;box-shadow:none}.sequencer-row__delete-cell,.sequencer-event__delete-cell{display:flex;align-items:center;justify-content:center;min-height:1.5em}.sequencer-row__delete-cell--trailing{flex:0 0 auto;min-width:1em;margin-left:.5em}.sequencer-gutter{display:flex;align-items:center;justify-content:flex-end;width:var(--sequencer-number-col);min-width:var(--sequencer-number-col);min-height:1.5em;position:relative;box-sizing:border-box}.sequencer-gutter--selected{background:#e9edf4;border-radius:3px}.sequencer-gutter[draggable=true]{cursor:grab}.sequencer-gutter[draggable=true]:active{cursor:grabbing}.sequencer-gutter--dragging{cursor:grabbing;opacity:.65}.sequencer-gutter__number{display:block;width:100%;text-align:right;font-variant-numeric:tabular-nums}.sequencer-gutter--selected .sequencer-gutter__number{color:#8e2020}.sequencer-cell{display:inline-flex;align-items:center;min-height:1.5em;box-sizing:border-box;border:1px solid var(--color-border-ui);border-radius:3px;background:var(--color-bg);color:inherit}.sequencer-gutter__delete{all:unset;position:static;width:.8em;height:.8em;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;pointer-events:auto}.sequencer-gutter__delete-glyph{display:block;width:100%;height:100%;color:#6f3535;font-family:Plainsound Sans,serif;line-height:.8em;text-align:center;pointer-events:none}.sequencer-gutter__delete:hover .sequencer-gutter__delete-glyph{color:#8e2020}.sequencer-row__count{width:var(--sequencer-snapshot-primary-col);min-width:var(--sequencer-snapshot-primary-col);height:1.5em;justify-content:center;font-variant-numeric:tabular-nums;white-space:nowrap;padding:0 .45em}.sequencer-row__description{width:100%;min-width:0;display:block;height:1.5em;box-sizing:border-box;background:var(--color-bg);border:1px solid var(--color-border-ui);border-radius:3px;padding:0 .28em;line-height:calc(1.5em - 2px);color:inherit}.sequencer-snapshots__row{align-items:center}.sequencer-snapshots__row--playing .sequencer-snapshots__label{color:#900;font-weight:700}.sequencer-snapshots__actions{display:flex;gap:4px;align-items:center;margin-left:auto}.sequencer-snapshots__action-btn{font-size:.85em;cursor:pointer}.sequencer-snapshots__action-btn--play{min-width:2em}.sequencer-snapshots__action-btn--delete{color:#966}.sequencer-row__reset{width:1.5em;min-width:1.5em;height:1.5em;min-height:1.5em;margin-left:.22em}.sequencer-row__reset .refresh-glyph,.sequencer-row__reset .preset-refresh-glyph{transform:none}.sequencer-playback-row{display:flex;align-items:first baseline;flex-wrap:wrap;gap:.34em .55em;margin:.55em 0 .6em;padding:.35em .45em;position:sticky;z-index:6;background:color-mix(in srgb,var(--color-bg-btn) 52%,transparent);border:1px solid rgba(200,184,184,.82);border-radius:4px;box-shadow:0 1px #faf9f8fa;line-height:1}.sequencer-playback-row--timed{margin-top:0;padding-top:.25em}.sequencer-scroll-panel{max-height:calc(100vh - 12.5rem);overflow-y:auto;overscroll-behavior:contain;padding-right:.08em;background:var(--color-bg)}@media (max-width: 480px){.sequencer-scroll-panel{max-height:calc(100vh - 15.5rem);overflow-x:auto;-webkit-overflow-scrolling:touch}}.sequencer-playback-label{font-weight:700;font-size:.9em;margin-right:.4em;line-height:1;display:inline-flex;align-items:center;min-height:1.5em}.sequencer-playback-control,.sequencer-playback-actions{display:inline-flex;align-items:first baseline;gap:.24em;margin-left:.25em;margin-right:.25em;white-space:nowrap;line-height:1}.sequencer-playback-actions{align-items:center;gap:.4em;margin-left:0}.sequencer-playback-key,.sequencer-playback-range{display:inline-flex;align-items:center;line-height:1;min-height:1.5em;vertical-align:baseline}.sequencer-playback-key{font-size:.9em}.sequencer-playback-range{color:#5c4848bd;font-size:.82em;font-variant-numeric:tabular-nums}#sidebar .sequencer-playback-select{width:3.2em;min-width:3.2em;height:1.5em;font-size:.86em;padding-right:.2em}.sequencer-playback-status{min-width:1.8em;text-align:center;color:#5c4848e0;font-size:.86em;font-variant-numeric:tabular-nums;line-height:1}.sequencer-playback-control--timed{min-width:0}.sequencer-playback-status--timed{min-width:5.6em;text-align:left}@media (min-width: 481px){.sequencer-playback-row{top:2.55em}}@media (max-width: 480px){.sequencer-playback-row{top:4.35em}}.sequencer-option-row{display:flex;align-items:center;gap:.8em;margin:0 0 .45em}.sequencer-option-row--stacked{flex-direction:column;align-items:stretch;gap:.25em}.sequencer-option-row input[type=checkbox]{margin:0}.sequencer-option-row>span:first-child{flex:0 0 auto}.sequencer-option-row>.sidebar-input,.sequencer-option-row>.sequencer-bars-add,.sequencer-option-row>.sequencer-option-row__controls{width:50%;max-width:100%;min-width:0;margin-left:auto}.sequencer-option-row>input[type=checkbox]{margin-left:auto}.sequencer-option-row__controls{display:flex;align-items:center;justify-content:flex-end;gap:.55em}.sequencer-bars-add{display:grid;align-items:center;width:100%;min-width:0;gap:.45em;box-sizing:border-box;white-space:nowrap}.sequencer-bars-add--tempo,.sequencer-bars-add--bar{grid-template-columns:9.8em minmax(0,1fr) max-content}.sequencer-bars-add .preset-action-btn,.sequencer-bars-add__button{box-sizing:border-box;justify-self:end}.sequencer-bars-add__button{justify-self:end;width:max-content;min-width:max-content;max-width:none;flex:0 0 auto;white-space:nowrap;overflow-wrap:normal;word-break:keep-all}#sidebar .sequencer-bars-add__position{min-width:0;height:1.65em;box-sizing:border-box;background-color:var(--color-bg);text-align:left;width:100%}#sidebar .sequencer-bars-add__aux{width:100%;min-width:0;height:1.65em;box-sizing:border-box;background-color:var(--color-bg);text-align:right}#sidebar .sequencer-bars-add__meter-input--numerator{text-align:right;padding-right:.18em}.sequencer-bars-add__tempo{display:inline-flex;align-items:center;gap:.2em;width:auto;justify-self:end}#sidebar .sequencer-bars-add__bpm{width:5.4em!important;min-width:5.4em;flex:0 0 5.4em;text-align:center}#sidebar .sequencer-bars-add__position:focus{background-color:var(--color-bg)}#sidebar .sequencer-bars-add__aux:focus{background-color:var(--color-bg)}#sidebar .sequencer-bars-add__position--hint{color:#b99;-webkit-text-fill-color:#bb9999}.sequencer-bars-add__meter{display:inline-flex;align-items:center;gap:.22em;width:8.55em;justify-self:end}#sidebar .sequencer-bars-add__meter-input{-moz-appearance:auto;appearance:auto;-webkit-appearance:auto;width:3.6em!important;min-width:3.6em;flex:0 0 3.6em;border-color:transparent;text-align:center}#sidebar .sequencer-bars-add__meter-input.sequencer-bars-add__meter-input--numerator{text-align:right;padding-right:.18em}.sequencer-bars-add__meter-separator{color:#6f5f5f;line-height:1}.sequencer-bars-add__suffix{position:static;font-size:.9em;color:#8f7c7c;line-height:1;white-space:nowrap;padding-right:.35em}@media (max-width: 700px){.sequencer-option-row{align-items:stretch;flex-direction:column}.sequencer-option-row.sequencer-option-row--mobile-inline{align-items:center;flex-direction:row}.sequencer-option-row>.sidebar-input,.sequencer-option-row>.sequencer-bars-add,.sequencer-option-row>.sequencer-option-row__controls,.sequencer-option-row>input[type=checkbox]{width:100%;margin-left:0}.sequencer-option-row__controls{justify-content:space-between}.sequencer-option-row.sequencer-option-row--mobile-inline>.sequencer-option-row__controls,.sequencer-option-row.sequencer-option-row--mobile-inline>input[type=checkbox]{width:50%;margin-left:auto}.sequencer-option-row.sequencer-option-row--mobile-inline>.sequencer-option-row__controls{width:auto;gap:.4em;justify-content:flex-start}.sequencer-option-row.sequencer-option-row--mobile-inline>.sequencer-option-row__controls .preset-action-btn{width:auto;max-width:none;flex:0 0 auto;white-space:nowrap;overflow-wrap:normal;word-break:keep-all}.sequencer-bars-add{width:100%;white-space:normal}.sequencer-bars-add--tempo,.sequencer-bars-add--bar{grid-template-columns:minmax(7.6em,1fr) minmax(0,1fr) max-content}}#sidebar .sequencer-arrow-btn{width:1.05em;min-width:1.05em;height:1.2em;min-height:1.2em;padding:0;border:none;border-radius:0;background:transparent;color:#800;font:inherit;line-height:1;box-shadow:none;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}#sidebar .sequencer-arrow-btn--snapshot{width:.8em;min-width:.8em;height:1.05em;min-height:1.05em}.sequencer-arrow-glyph{display:inline-block;width:.56em;height:.68em;background:currentColor;vertical-align:middle}.sequencer-arrow-glyph--left{clip-path:polygon(100% 0,0 50%,100% 100%)}.sequencer-arrow-glyph--right{clip-path:polygon(0 0,100% 50%,0 100%)}#sidebar .sequencer-arrow-btn--snapshot .sequencer-arrow-glyph{width:.47em;height:.58em}#sidebar .sequencer-transport-trigger-btn{width:1.22em;min-width:1.22em;height:1.22em;min-height:1.22em}#sidebar .sequencer-playback-actions .snapshot-play-btn{width:1.42rem;min-width:1.42rem;height:1.42rem;min-height:1.42rem;font-size:.9rem;transform:translateY(.06rem)}#sidebar .sequencer-playback-actions .snapshot-play-glyph{width:.66rem;height:.66rem;flex:0 0 .66rem}#sidebar .sequencer-playback-actions .snapshot-play-glyph--play:before{border-top-width:.275rem;border-bottom-width:.275rem;border-left-width:.42rem}#sidebar .sequencer-pause-glyph{position:relative;width:.66rem;height:.58rem;flex:0 0 .66rem;display:inline-flex;align-items:center;justify-content:center;line-height:0;vertical-align:middle}#sidebar .sequencer-pause-glyph:before,#sidebar .sequencer-pause-glyph:after{content:"";position:absolute;top:50%;width:.18rem;height:.58rem;background:currentColor;transform:translateY(-50%)}#sidebar .sequencer-pause-glyph:before{left:.1rem}#sidebar .sequencer-pause-glyph:after{right:.1rem}#sidebar .sequencer-playback-actions .snapshot-stop-glyph{font-size:1.2rem;line-height:1}#sidebar .sequencer-playback-actions .snapshot-start-icon{width:.75rem;height:.75rem}#sidebar .sequencer-arrow-btn:hover{color:#600}#sidebar .sequencer-arrow-btn:disabled{opacity:.42;cursor:default}.sequencer-row--selected .sequencer-row__description{background:#e8edf5;border-color:#d6deea}.sequencer-item--drop-target .sequencer-row__description{background:#e9edf4;border-color:#cdd8e8}.sequencer-row__actions{display:inline-flex;align-items:center;gap:.4em;margin-left:auto}#sidebar .sequencer-row__actions .snapshot-stop-glyph,#sidebar .sequencer-event__actions-cell .snapshot-stop-glyph{font-size:.77rem;line-height:1}.sequencer-item__groups{grid-column:1 / -1;display:flex;flex-direction:column;margin:0;padding:.18em 0 0;width:100%;box-sizing:border-box}.sequencer-events-grid{display:flex;flex-direction:column;gap:0;min-width:0;width:100%;box-sizing:border-box}.sequencer-events-grid__header,.sequencer-event-row{display:grid;grid-template-columns:var(--sequencer-detail-columns);column-gap:.45em;align-items:center;min-width:0;width:100%;box-sizing:border-box}.sequencer-bar-row,.sequencer-tempo-row,.sequencer-repeat-row{grid-column:1 / -1;display:grid;grid-template-columns:var(--sequencer-structural-columns);column-gap:.45em;align-items:center;min-width:0;width:100%;box-sizing:border-box;padding:.04em 0;position:relative;background:var(--color-bg);border-radius:4px}.sequencer-barline-row{grid-column:1 / -1;position:relative;min-height:1.4em;width:100%;background:var(--color-bg)}.sequencer-bar-row__position-cell{grid-column:3 / span 2;background:#ffe7eb;width:100%;position:relative;z-index:2}.sequencer-bar-row__signature-cell{grid-column:5 / span 4;min-height:1.5em;min-width:0;width:100%;display:flex;align-items:center;background:transparent;position:relative;z-index:2}.sequencer-bar-row__position-cell .sequencer-event__input,.sequencer-bar-row__position-cell .sequencer-event__position{background:#ffe7eb;position:relative;z-index:2;box-shadow:inset 0 0 0 999px #ffe7eb}.sequencer-bar-row__label .sequencer-event__content,.sequencer-bar-row__time-signature,.sequencer-bar-row__time-signature .sequencer-event__input,.sequencer-bar-row__time-signature .sequencer-bar-row__signature-input{background:inherit;position:relative;z-index:2;box-shadow:inset 0 0 0 999px var(--color-bg)}.sequencer-tempo-row__summary{grid-column:5 / span 4;grid-row:1;display:flex;align-items:center;gap:.18em;min-height:1.5em;min-width:0;width:100%;background:#ffe7eb;position:relative;z-index:2;border-color:#d4a0a8ad;pointer-events:auto;white-space:nowrap;font-size:.8em;font-variant-numeric:tabular-nums;line-height:1.2}.sequencer-repeat-row__summary{grid-column:5 / span 4;grid-row:1;display:grid;grid-template-columns:1fr;grid-template-rows:1fr;align-items:center;min-height:1.5em;min-width:0;width:100%;background:transparent;position:relative;z-index:2}.sequencer-repeat-row__summary--end{justify-content:stretch}.sequencer-repeat-row__stroke,.sequencer-repeat-row__dot{display:block;position:absolute;z-index:2}.sequencer-repeat-row__stroke{left:0;right:0}.sequencer-repeat-row__stroke--thick{height:.18em;background:#705c5ce6;top:calc(50% - .34em)}.sequencer-repeat-row__stroke--thin{height:1.5px;background:#847070d1;top:calc(50% + .08em);transform:translateY(-50%)}.sequencer-repeat-row__dots{position:absolute;left:50%;transform:translate(-50%);display:grid;grid-template-columns:.24em .24em;column-gap:.34em}.sequencer-repeat-row__summary--start .sequencer-repeat-row__dots{top:calc(50% + .22em)}.sequencer-repeat-row__summary--end .sequencer-repeat-row__dots{top:calc(50% - .48em)}.sequencer-repeat-row__dot{position:relative;width:.24em;height:.24em;border-radius:50%;background:#705c5ce6}.sequencer-tempo-row__summary-sep,.sequencer-tempo-row__summary-unit{flex:0 0 auto;line-height:1;position:relative;z-index:2;font-size:.85em;color:#6f5e5ed1}.sequencer-tempo-row__summary-input{min-width:0;padding-left:0;background:#ffe7eb;background-color:#ffe7eb;box-shadow:inset 0 0 0 999px #ffe7eb;font-size:1em;line-height:1.2}.sequencer-tempo-row__summary-input--fraction-num,.sequencer-tempo-row__summary-input--fraction-den{width:2.2em;max-width:2.2em;text-align:center}.sequencer-tempo-row__summary-input--fraction-num{text-align:right;padding-right:.16em;padding-left:0}.sequencer-tempo-row__summary-input--bpm{width:3.4em;max-width:3.4em;text-align:right;padding-right:.2em}.sequencer-tempo-row__position-cell{grid-column:3 / span 2;grid-row:1;width:100%}.sequencer-tempo-row__gutter-spacer{grid-column:2;grid-row:1;width:var(--sequencer-number-col);min-width:var(--sequencer-number-col)}.sequencer-tempo-row__bar-cell{grid-column:9;grid-row:1}.sequencer-tempo-row__beat-cell{grid-column:10;grid-row:1}.sequencer-tempo-row__num-cell{grid-column:11;grid-row:1}.sequencer-tempo-row__den-cell{grid-column:12;grid-row:1}.sequencer-tempo-row__position-cell,.sequencer-tempo-row__time-cell,.sequencer-repeat-row .sequencer-tempo-row__position-cell,.sequencer-repeat-row .sequencer-tempo-row__time-cell{background:#ffe7eb;border-color:#d4a0a8ad;align-self:center;width:100%;position:relative;z-index:2;pointer-events:auto}.sequencer-tempo-row__position-cell .sequencer-event__input,.sequencer-tempo-row__position-cell .sequencer-event__position,.sequencer-tempo-row__summary .sequencer-event__input,.sequencer-tempo-row__time-cell .sequencer-event__input,.sequencer-tempo-row__time-cell .sequencer-event__input--stepper,.sequencer-repeat-row .sequencer-tempo-row__position-cell .sequencer-event__input,.sequencer-repeat-row .sequencer-tempo-row__position-cell .sequencer-event__position,.sequencer-repeat-row .sequencer-tempo-row__time-cell .sequencer-event__input,.sequencer-repeat-row .sequencer-tempo-row__time-cell .sequencer-event__input--stepper{background:#ffe7eb;position:relative;z-index:2;box-shadow:inset 0 0 0 999px #ffe7eb;pointer-events:auto}.sequencer-tempo-row__position-cell .sequencer-event__input,.sequencer-tempo-row__position-cell .sequencer-event__position,.sequencer-repeat-row .sequencer-tempo-row__position-cell .sequencer-event__input,.sequencer-repeat-row .sequencer-tempo-row__position-cell .sequencer-event__position{box-shadow:inset 0 0 0 999px #ffe7eb}.sequencer-tempo-row .sequencer-row__delete-cell,.sequencer-bar-row .sequencer-row__delete-cell{background:var(--color-bg);position:relative;z-index:2}.sequencer-tempo-row .sequencer-gutter__delete,.sequencer-bar-row .sequencer-gutter__delete{position:relative;z-index:2;background:var(--color-bg)}.sequencer-grid-offset,.sequencer-events-grid__heading--actions,.sequencer-event__actions-cell{margin-left:0}.sequencer-events-grid__header{margin-bottom:.12em}.sequencer-events-grid__heading{color:#6f5e5e;font-size:.77em;font-variant-numeric:tabular-nums;font-weight:700;line-height:1.2;white-space:normal;text-align:left;min-width:0;box-sizing:border-box}.sequencer-events-grid__heading-cell{display:flex;align-items:flex-end;justify-content:flex-start;min-height:1.5em;min-width:0;width:100%;padding-left:0;box-sizing:border-box;border:0;border-radius:0;background:transparent;box-shadow:none}.sequencer-event__cell.sequencer-events-grid__heading-cell{border:0;background:transparent;box-shadow:none}.sequencer-events-grid__heading-cell--offset{margin-left:0}.sequencer-events-grid__heading-cell--kind-spacer{border:0;background:transparent}.sequencer-events-grid__heading-label{flex:0 0 auto;width:auto;min-width:0}.sequencer-events-grid__heading-label--short{display:none}.sequencer-events-grid__pane-toggle{display:inline-flex}.sequencer-event-row{padding:.06em 0}.sequencer-bar-gutter{display:inline-flex;align-items:center;justify-content:flex-end;width:var(--sequencer-number-col);min-width:var(--sequencer-number-col);cursor:grab;z-index:1}.sequencer-bar-gutter--dragging{cursor:grabbing;opacity:.65}.sequencer-bar-gutter__number{width:1.35em;height:1.2em;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(160,140,140,.55);border-radius:50%;background:var(--color-bg);color:#6f3535;font-size:.8em;font-variant-numeric:tabular-nums;line-height:1;font-weight:800;transform:translate(-1em)}.sequencer-bar-row__line{position:absolute;left:.95em;right:0;top:50%;border-top:1.5px solid rgba(132,112,112,.78);z-index:1;transform:translateY(-50%);pointer-events:none}.sequencer-bar-row__label,.sequencer-bar-row__time-cell{background:var(--color-bg);position:relative;z-index:2}.sequencer-tempo-row__line{position:absolute;left:.95em;right:0;top:.8em;border-top:1.5px solid rgba(132,112,112,.78);z-index:1;transform:translateY(-50%);pointer-events:none}.sequencer-repeat-row__line-thick{position:absolute;left:.95em;right:0;top:.44em;height:.18em;background:#705c5ce6;z-index:1;pointer-events:none}.sequencer-repeat-row--end .sequencer-repeat-row__line-thick{top:.98em}.sequencer-tempo-row__label,.sequencer-tempo-row__position-cell,.sequencer-tempo-row__time-cell,.sequencer-repeat-row__position-cell,.sequencer-repeat-row__time-cell{position:relative;z-index:2}.sequencer-tempo-row .sequencer-row__delete-cell,.sequencer-repeat-row .sequencer-row__delete-cell{background:var(--color-bg);z-index:2}.sequencer-bar-row__time-signature{display:grid;grid-template-rows:1fr 1fr;align-items:center;justify-items:center;min-height:1.5em;padding:0;width:2.7em;justify-self:center;row-gap:0;background:var(--color-bg);position:relative;z-index:2}.sequencer-bar-row__signature-input{justify-content:center;text-align:center;padding-left:0;width:100%;font-family:Plainsound Sans,sans-serif;font-weight:700}.sequencer-bar-row .sequencer-row__delete-cell,.sequencer-bar-row .sequencer-gutter__delete{align-self:center}.sequencer-bar-row__tail{grid-column:9 / -1;grid-row:1;min-width:0;min-height:1.5em;background:transparent;z-index:2}.sequencer-tempo-row__tail{grid-column:13 / -1;grid-row:1;display:inline-flex;align-items:center;justify-content:flex-end;min-width:var(--sequencer-event-actions-col);min-height:1.5em;position:relative;z-index:2}.sequencer-repeat-row__tail{grid-column:13 / -1;grid-row:1;display:inline-flex;align-items:flex-start;justify-content:flex-end;min-width:var(--sequencer-event-actions-col);min-height:1.5em;position:relative;z-index:2}.sequencer-repeat-row__count{position:absolute;right:0;top:-.26em;display:inline-grid;grid-auto-flow:column;align-items:baseline;justify-content:flex-start;gap:.02em;width:max-content;font-size:.72em;line-height:1;white-space:nowrap;color:#4a1414}.sequencer-repeat-row__count-input{width:1.2em;max-width:1.2em;min-width:0;height:1.05em;min-height:1.05em;padding:0;text-align:right;font-size:1em;line-height:1;border:0;border-radius:0;background:transparent;box-shadow:none;display:inline-block;flex:0 0 auto;color:#4a1414}#sidebar .sequencer-repeat-row .sequencer-repeat-row__count-input.sequencer-event__input,#sidebar .sequencer-repeat-row input[type=text].sequencer-repeat-row__count-input.sequencer-event__input{width:1.2em;max-width:1.2em;min-width:0;padding-left:0;padding-right:0;text-align:right;justify-content:flex-end;color:inherit}.sequencer-repeat-row__count-suffix{display:inline-flex;align-items:baseline;line-height:1;margin-left:-.02em;color:#4a1414}.sequencer-repeat-row__count-input--hint,.sequencer-repeat-row__count-suffix--hint,#sidebar .sequencer-repeat-row .sequencer-repeat-row__count-input--hint.sequencer-event__input,#sidebar .sequencer-repeat-row input[type=text].sequencer-repeat-row__count-input--hint.sequencer-event__input,#sidebar .sequencer-repeat-row .sequencer-repeat-row__count-suffix--hint{color:#6f5e5e99}.sequencer-barline-row__line{position:absolute;left:0;right:0;pointer-events:none}.sequencer-barline-row__line--upper{top:calc(50% - .12em);border-top:1.5px solid rgba(132,112,112,.78)}.sequencer-barline-row__line--lower{top:calc(50% + .12em);border-top:3px solid rgba(112,92,92,.88)}.sequencer-event__heji{font-family:Plainsound Notation,Plainsound Sans,sans-serif;justify-content:flex-start;white-space:nowrap}.sequencer-event__heji-wrap{justify-content:space-between;gap:.22em;width:100%;padding-right:.16em}.sequencer-event__heji--edited{color:#b00000;font-style:italic}.sequencer-event__restore-btn{all:unset;display:inline-flex;align-items:center;justify-content:center;width:1.15em;min-width:1.15em;height:1.15em;border:.06rem solid var(--pane);border-radius:.22rem;color:var(--maroon);cursor:pointer;background:#ffffffb8;box-sizing:border-box;flex-shrink:0}.sequencer-event__restore-btn:hover{background:#ffffffeb}.sequencer-event-row--cue-active{background:#c6e1cd8c}.sequencer-event-row--attack .sequencer-event__cell{background:#edf8e9}.sequencer-event-row--release .sequencer-event__cell{background:#e8ece6}.sequencer-event-row--snapshot-active .sequencer-event__cell,.sequencer-event-row--snapshot-active .sequencer-event__cue-cell,.sequencer-event-row--snapshot-active .sequencer-event__delete-cell{box-shadow:inset 0 0 0 1px #becddebf}.sequencer-event-row--bar-relative-draft .sequencer-event__bar,.sequencer-event-row--bar-relative-draft .sequencer-event__beat,.sequencer-event-row--bar-relative-draft .sequencer-event__fraction-num,.sequencer-event-row--bar-relative-draft .sequencer-event__fraction-den,.sequencer-event-row--sequence-draft .sequencer-event__snapshot-number,.sequencer-event-row--sequence-draft .sequencer-event__position,.sequencer-tempo-row--bar-relative-draft .sequencer-event__bar,.sequencer-tempo-row--bar-relative-draft .sequencer-event__beat,.sequencer-tempo-row--bar-relative-draft .sequencer-event__fraction-num,.sequencer-tempo-row--bar-relative-draft .sequencer-event__fraction-den,.sequencer-repeat-row--bar-relative-draft .sequencer-event__bar,.sequencer-repeat-row--bar-relative-draft .sequencer-event__beat,.sequencer-repeat-row--bar-relative-draft .sequencer-event__fraction-num,.sequencer-repeat-row--bar-relative-draft .sequencer-event__fraction-den{background:#fff4b8;background-color:#fff4b8;box-shadow:inset 0 0 0 999px #fff4b8}.sequencer-event__draft-actions{display:inline-flex;align-items:center;justify-content:flex-end;gap:.28em;width:var(--sequencer-event-actions-col);min-width:var(--sequencer-event-actions-col)}.sequencer-event__cue-cell--draggable{cursor:grab}.sequencer-event__cue-cell--draggable:active{cursor:grabbing}.sequencer-event-row--dragging{opacity:.68}.sequencer-event__draft-btn{all:unset;display:inline-flex;align-items:center;justify-content:center;width:1.55em;min-width:1.55em;height:1.55em;border:1px solid rgba(160,140,140,.55);border-radius:.28em;background:#fff4b8;color:#5a2d2d;font-size:.88em;line-height:1;cursor:pointer}.sequencer-event__draft-btn:hover{background:#ffef9b}.sequencer-events-table{width:100%;table-layout:fixed;border-collapse:collapse}.sequencer-events-table__cue-col{width:3.1em}#sidebar .sequencer-events-table th,#sidebar .sequencer-events-table td{height:auto;padding:.12em .24em;vertical-align:middle;border:1px solid rgba(160,140,140,.45)}.sequencer-events-header{color:#6f5e5e;font-size:.77em;font-variant-numeric:tabular-nums;font-weight:700}.sequencer-events-header th{text-align:left;white-space:nowrap;font-weight:700;line-height:1.2;vertical-align:middle}#sidebar .sequencer-events-table th.sequencer-events-header__cue-col,#sidebar .sequencer-events-table td.sequencer-event__cue-cell{padding:0;border:0;background:transparent}.sequencer-events-header__content{display:block;line-height:1.2;font-weight:700}.sequencer-item--drop-target{background:#e9edf4;box-shadow:inset 0 0 0 1px #cdd8e8}.sequencer-item--drop-target-before{box-shadow:inset 0 0 0 1px #cdd8e8,0 -2px #d6deea}.sequencer-item--drop-target-after{box-shadow:inset 0 0 0 1px #cdd8e8,0 2px #d6deea}.sequencer-event{cursor:pointer}.sequencer-event__cell{white-space:nowrap;font-size:.8em;font-variant-numeric:tabular-nums;line-height:1.2;vertical-align:middle;background:transparent;min-height:1.5em;min-width:0;border:1px solid rgba(160,140,140,.45);border-radius:0}.sequencer-event__kind-cell{display:flex;align-items:center;justify-content:center}.sequencer-event__cue-cell{width:var(--sequencer-number-col);min-width:var(--sequencer-number-col);min-height:1.5em;display:flex;align-items:center;justify-content:flex-end;box-sizing:border-box}.sequencer-event__cue-marker{display:inline-flex;align-items:center;justify-content:flex-end;gap:.28em;width:100%}.sequencer-event__cue-number-wrap{display:grid;grid-template-columns:minmax(0,1fr) .42rem;align-items:center;min-width:0;column-gap:.12em}.sequencer-event__cue-number{color:#5f4646db;font-size:.84em;font-style:italic;display:inline-block;min-width:1.2em;text-align:right;line-height:1;font-variant-numeric:tabular-nums;transform:translateY(-.03rem);flex:0 0 auto}.sequencer-event__cue-number-group{display:inline-flex;align-items:center;justify-content:flex-end;min-width:0;gap:.04em;padding-right:.22em}.sequencer-event__cue-bracket{color:#5f4646db;font-size:.82em;line-height:1;transform:translateY(-.03rem)}.sequencer-event__cue-marker--courtesy .sequencer-event__cue-number{min-width:0;text-align:left;padding-left:.06em;padding-right:.06em}.sequencer-event__cue-marker--courtesy .sequencer-event__cue-number-group{gap:0}.sequencer-event__cue-actions{display:inline-flex;align-items:center;gap:.4em;flex:0 0 auto;width:var(--sequencer-event-actions-col);min-width:var(--sequencer-event-actions-col);justify-content:flex-end;box-sizing:border-box;padding-right:0}.sequencer-event__actions-cell{display:inline-flex;align-items:center;justify-content:flex-end;width:var(--sequencer-event-actions-col);min-width:var(--sequencer-event-actions-col);min-height:1.5em;align-self:center;padding-right:0;box-sizing:border-box}#sidebar .sequencer-event__cue-actions .snapshot-stop-glyph{font-size:.88rem;line-height:1}.sequencer-event__cue-dot{display:block;width:.42rem;height:.42rem;transform:translateY(-.04rem);border-radius:50%;background:#59d84f;box-shadow:0 0 .18rem #59d84fcc;justify-self:end}.sequencer-event__content{display:flex;align-items:center;min-height:1.5em;line-height:1.2;font-weight:400;box-sizing:border-box;padding-left:.28em}.sequencer-events-grid__heading .sequencer-event__content{font-weight:800}.sequencer-event__input{all:unset;display:flex;align-items:center;width:100%;min-height:1.5em;min-width:0;padding-left:.28em;color:inherit;font:inherit;line-height:1.2;text-align:left;cursor:text;pointer-events:auto;box-sizing:border-box}#sidebar .sequencer-events-grid input[type=text].sequencer-event__input{all:unset;display:flex;align-items:center;width:100%;min-height:1.5em;min-width:0;padding-left:.28em;box-sizing:border-box;border:0;border-radius:0;background:transparent;background-color:transparent;box-shadow:none;color:inherit;font:inherit;line-height:1.2;text-align:left;cursor:text;pointer-events:auto;-moz-appearance:none;appearance:none;-webkit-appearance:none}#sidebar .sequencer-events-grid input[type=number].sequencer-event__input--stepper{width:100%;min-height:1.5em;min-width:0;padding-left:.28em;box-sizing:border-box;border:0;border-radius:0;background:transparent;background-color:transparent;box-shadow:none;color:inherit;font:inherit;line-height:1.2;text-align:left;cursor:text;pointer-events:auto;-moz-appearance:auto;appearance:auto;-webkit-appearance:auto}#sidebar .sequencer-events-grid input[type=number].sequencer-event__input--stepper:focus{outline:1px solid rgba(160,140,140,.55);background:#fff;background-color:#fff}#sidebar .sequencer-bar-row input[type=number].sequencer-event__input--stepper,#sidebar .sequencer-tempo-row input[type=number].sequencer-event__input--stepper{all:unset;display:flex;align-items:center;width:100%;min-height:1.5em;min-width:0;padding-left:.28em;box-sizing:border-box;border:0;border-radius:0;background:transparent;background-color:transparent;box-shadow:none;color:inherit;font:inherit;line-height:1.2;text-align:left;cursor:text;pointer-events:auto;-moz-appearance:auto;appearance:auto;-webkit-appearance:auto}#sidebar .sequencer-bar-row input[type=text].sequencer-event__input,#sidebar .sequencer-tempo-row input[type=text].sequencer-event__input{all:unset;display:flex;align-items:center;width:100%;min-height:1.5em;min-width:0;padding-left:.28em;box-sizing:border-box;border:0;border-radius:0;background:transparent;background-color:transparent;box-shadow:none;color:inherit;font:inherit;line-height:1.2;text-align:left;cursor:text;pointer-events:auto;-moz-appearance:none;appearance:none;-webkit-appearance:none}#sidebar .sequencer-bar-row .sequencer-bar-row__position-cell input[type=text].sequencer-event__input,#sidebar .sequencer-bar-row .sequencer-bar-row__position-cell input[type=text].sequencer-event__position{background:#ffe7eb;background-color:#ffe7eb;box-shadow:inset 0 0 0 999px #ffe7eb}#sidebar .sequencer-bar-row .sequencer-bar-row__time-signature input[type=number].sequencer-event__input--stepper,#sidebar .sequencer-bar-row .sequencer-bar-row__time-signature input[type=number].sequencer-bar-row__signature-input{background:var(--color-bg);background-color:var(--color-bg);box-shadow:inset 0 0 0 999px var(--color-bg)}#sidebar .sequencer-tempo-row .sequencer-tempo-row__position-cell input[type=text].sequencer-event__input,#sidebar .sequencer-tempo-row .sequencer-tempo-row__position-cell input[type=text].sequencer-event__position,#sidebar .sequencer-repeat-row .sequencer-tempo-row__position-cell input[type=text].sequencer-event__input,#sidebar .sequencer-repeat-row .sequencer-tempo-row__position-cell input[type=text].sequencer-event__position,#sidebar .sequencer-tempo-row .sequencer-tempo-row__summary input[type=number].sequencer-event__input--stepper,#sidebar .sequencer-tempo-row .sequencer-tempo-row__time-cell input[type=number].sequencer-event__input--stepper,#sidebar .sequencer-repeat-row .sequencer-tempo-row__time-cell input[type=number].sequencer-event__input--stepper{background:#ffe7eb;background-color:#ffe7eb;box-shadow:inset 0 0 0 999px #ffe7eb}#sidebar .sequencer-tempo-row .sequencer-tempo-row__summary input[type=number].sequencer-tempo-row__summary-input--fraction-num{text-align:right;padding-left:0;padding-right:.16em}#sidebar .sequencer-bar-row input[type=text].sequencer-event__input.sequencer-bar-row__signature-input{font-family:Plainsound Sans,sans-serif;font-weight:700}#sidebar .sequencer-bar-row input[type=number].sequencer-event__input--stepper.sequencer-bar-row__signature-input{font-family:Plainsound Sans,sans-serif;font-weight:700;min-height:1.18em;height:1.18em;line-height:1;padding-top:0;padding-bottom:0;text-align:center;padding-left:0;justify-content:center}#sidebar .sequencer-events-grid input[type=text].sequencer-event__input:focus{outline:1px solid rgba(160,140,140,.55);background:#fff;background-color:#fff}#sidebar .sequencer-bar-row input[type=number].sequencer-event__input--stepper:focus,#sidebar .sequencer-tempo-row input[type=number].sequencer-event__input--stepper:focus{outline:1px solid rgba(160,140,140,.55);background:#fff;background-color:#fff}#sidebar .sequencer-bar-row input[type=text].sequencer-event__input:focus{outline:1px solid rgba(160,140,140,.55);background:#fff;background-color:#fff}#sidebar .sequencer-tempo-row input[type=text].sequencer-event__input:focus{outline:1px solid rgba(160,140,140,.55);background:#fff;background-color:#fff}#sidebar .sequencer-bar-row .sequencer-bar-row__position-cell input[type=text].sequencer-event__input:focus,#sidebar .sequencer-bar-row .sequencer-bar-row__position-cell input[type=text].sequencer-event__position:focus{background:#ffe7eb;background-color:#ffe7eb;box-shadow:inset 0 0 0 999px #ffe7eb}#sidebar .sequencer-tempo-row .sequencer-tempo-row__position-cell input[type=text].sequencer-event__input:focus,#sidebar .sequencer-tempo-row .sequencer-tempo-row__position-cell input[type=text].sequencer-event__position:focus{background:#ffe7eb;background-color:#ffe7eb;box-shadow:inset 0 0 0 999px #ffe7eb}#sidebar .sequencer-repeat-row .sequencer-tempo-row__position-cell input[type=text].sequencer-event__input:focus,#sidebar .sequencer-repeat-row .sequencer-tempo-row__position-cell input[type=text].sequencer-event__position:focus{background:#ffe7eb;background-color:#ffe7eb;box-shadow:inset 0 0 0 999px #ffe7eb}#sidebar .sequencer-bar-row .sequencer-bar-row__time-signature input[type=number].sequencer-event__input--stepper:focus,#sidebar .sequencer-bar-row .sequencer-bar-row__time-signature input[type=number].sequencer-bar-row__signature-input:focus{background:var(--color-bg);background-color:var(--color-bg);box-shadow:inset 0 0 0 999px var(--color-bg)}#sidebar .sequencer-tempo-row .sequencer-tempo-row__summary input[type=number].sequencer-event__input--stepper:focus,#sidebar .sequencer-tempo-row .sequencer-tempo-row__time-cell input[type=number].sequencer-event__input--stepper:focus{background:#ffe7eb;background-color:#ffe7eb;box-shadow:inset 0 0 0 999px #ffe7eb}#sidebar .sequencer-repeat-row .sequencer-tempo-row__time-cell input[type=number].sequencer-event__input--stepper:focus{background:#ffe7eb;background-color:#ffe7eb;box-shadow:inset 0 0 0 999px #ffe7eb}#sidebar .sequencer-events-grid input[type=text].sequencer-event__input.sequencer-event__position--out-of-range{color:#9b1f1f}.sequencer-event--attack .sequencer-event__cell{background:#eeffeefa}.sequencer-event--release .sequencer-event__cell{background:#dfe3dffa}.sequencer-events-grid .sequencer-event__cell.sequencer-event__kind-cell{align-items:stretch}.sequencer-events-grid .sequencer-event__kind{color:var(--color-accent);text-transform:lowercase;justify-content:center;align-items:center;width:100%;min-height:1.5em;padding-left:0;text-align:center;line-height:1.2}.sequencer-event-row--attack .sequencer-event__cell.sequencer-event__kind-cell--active{background:#a4ec82;background-image:linear-gradient(180deg,#fbfff6,#a4ec82,#6ed84b);box-shadow:inset 0 0 0 999px #a4ec82eb,inset 0 0 0 1px #56a438e0,0 0 .54rem #a4ec82a3,0 0 .16rem #fbfff6fa;color:#123e12;border-color:#56a438e0}.sequencer-event-row--attack .sequencer-event__cell.sequencer-event__kind-cell--active .sequencer-event__kind,.sequencer-event__kind--active{color:#336f1e;font-weight:700}@media (max-width: 480px) and (orientation: portrait){.sequencer-item{--sequencer-number-col: 1.35em;--sequencer-event-snapshot-col: 2.15em;--sequencer-event-position-col: 3.45em;--sequencer-event-kind-col: 1.55em;--sequencer-event-pitch-col: 3.1em;--sequencer-event-value-col: 2.2em;--sequencer-event-actions-col: 2.85em;--sequencer-snapshot-columns: var(--sequencer-delete-col) var(--sequencer-number-col) var(--sequencer-snapshot-primary-col) minmax(11.1em, 1fr) max-content max-content}.sequencer-list,.sequencer-item,.sequencer-item--bar,.sequencer-row,.sequencer-item__groups,.sequencer-events-grid,.sequencer-bar-row,.sequencer-tempo-row{width:max-content;min-width:100%}.sequencer-events-grid__header,.sequencer-event-row,.sequencer-bar-row,.sequencer-tempo-row{column-gap:.3em}.sequencer-events-grid__heading{font-size:.72em}.sequencer-row,.sequencer-row__actions{gap:.34em}.sequencer-bar-row__time-signature{width:2.3em}.sequencer-tempo-row__summary{gap:.12em}.sequencer-tempo-row__summary-input--fraction-num,.sequencer-tempo-row__summary-input--fraction-den{width:1.75em;max-width:1.75em}.sequencer-tempo-row__summary-input--bpm{width:2.9em;max-width:2.9em}}@media (max-width: 932px) and (pointer: coarse){#sidebar .sequencer-row__actions .snapshot-stop-glyph,#sidebar .sequencer-event__actions-cell .snapshot-stop-glyph,#sidebar .sequencer-event__cue-actions .snapshot-stop-glyph,#sidebar .sequencer-playback-actions .snapshot-stop-glyph{display:inline-block;width:1em;text-align:center;font-size:.5rem;line-height:1;-webkit-text-size-adjust:100%;text-size-adjust:100%}}.delete-btn{color:var(--color-accent);width:5em;min-width:5em;text-align:center}.sequencer-clear-sequence-btn{width:auto;min-width:fit-content}.preset-error{width:100%;margin:.25em 0 0;color:var(--color-accent);font-size:.85em}#sidebar .preset-selector-row{display:flex;justify-content:flex-start;flex-wrap:nowrap;align-items:center;width:100%;max-width:100%;min-width:0;gap:6px}#sidebar .preset-selector-row select{flex:0 1 22em;width:22em;max-width:100%}@media (max-width: 550px){#sidebar .preset-selector-row{flex-wrap:nowrap;align-items:center}#sidebar .preset-selector-row select{flex:1 1 auto;min-width:0}}.preset-refresh-btn:hover{background:var(--color-bg-btn-alt-hover)}.preset-refresh-btn{display:inline-flex;align-items:center;justify-content:center;align-self:center;width:1.5em;min-width:1.5em;height:1.5em;min-height:1.5em;padding:0;line-height:1;box-sizing:border-box;background:var(--color-bg-btn-alt);border:1px solid var(--color-border-ui);color:var(--color-text);border-radius:var(--btn-radius-square)}.refresh-glyph,.preset-refresh-glyph,.tune-btn-compare{display:block;font-size:1.3rem;font-weight:400;line-height:1;transform:translateY(-.02em)}.lumatone-filter-selector{display:inline-flex;align-items:center;justify-content:flex-end;gap:6px;width:100%}.lumatone-filter-selector select{flex:0 1 22em;width:22em;min-width:0;text-align:right;text-align-last:right}.lumatone-filter-move-group{display:inline-flex;align-items:center;margin-left:auto;gap:.2em}.lumatone-filter-move-btn{flex:0 0 1.5em;width:1.5em;min-width:1.5em;height:1.5em;min-height:1.5em;padding:0;line-height:1;font-size:1em;color:var(--color-text)}.scale-table-workspace{display:flex;flex-direction:column;gap:.5em}.scale-degree-cell{display:flex;align-items:center;gap:.45em;width:100%}th.scale-data-col,td.scale-data-col{width:48%}th.scale-frequency-col,td.scale-frequency-col,th.scale-name-col,td.scale-name-col{width:18%}th.scale-color-col,td.scale-color-col{width:16%}td.scale-name-col{padding-right:2px}td.scale-name-col input{width:100%}@media (max-width: 480px){.degree-gutter{width:2ch;min-width:2ch}.scale-degree-cell{gap:.1em}th.scale-data-col,td.scale-data-col{width:58%}th.scale-frequency-col,td.scale-frequency-col{width:16%}th.scale-name-col,td.scale-name-col{width:16%;padding-right:0;padding-left:0}th.scale-color-col,td.scale-color-col{width:10%;padding-left:0;padding-right:0}td.scale-name-col input{width:100%}td.scale-frequency-col{position:relative;padding-right:6px}td.scale-name-col .heji-name-cell,td.scale-name-col .heji-name-input,td.scale-name-col>input[type=text]{width:calc(100% - 3px);margin-left:3px}td.scale-color-col .color-cell{justify-content:flex-end;width:max-content}td.scale-color-col .color-suggestion-btn__preview{display:none!important}td.scale-frequency-col input.frequency-input:focus{position:absolute;right:0;top:50%;z-index:6;width:max(8.2em,100%);transform:translateY(-50%);background:var(--color-bg);box-shadow:0 2px 8px #00000026}}@media (hover: none),(pointer: coarse){td.scale-color-col .color-cell{gap:1px}td.scale-color-col .color-cell:focus-within{min-width:6.75em!important;width:6.75em!important;max-width:6.75em!important;flex-direction:row;justify-content:flex-end;right:.18em;overflow:hidden}td.scale-color-col .color-cell:focus-within .color-input{display:block;width:5.05em!important;min-width:5.05em!important;max-width:5.05em!important;order:1}td.scale-color-col .color-cell:focus-within .color-swatch-hitbox{order:2;margin-left:.4em}td.scale-color-col .color-cell-btn,td.scale-color-col .color-suggestion-btn{display:none}td.scale-color-col .color-swatch-hitbox,td.scale-color-col .color-swatch{width:1.25em;height:1.25em}td.scale-color-col .color-suggestion-btn__preview{display:none!important}}.reference-degree-row{background-color:#fff8a8}.center-degree-row{background-color:#ffebed}.reference-degree-label,.center-degree-label{border-radius:var(--btn-radius-square);align-items:center;flex-wrap:nowrap;column-gap:.5em}.center-degree-label>.sidebar-input.settings-form__inline-fields--anchor{margin-left:auto}.reference-degree-row input:not(:disabled),.reference-degree-row .color-input,.reference-degree-row .color-cell:focus-within{background-color:#fff8a8!important}.center-degree-row input:not(:disabled),.center-degree-row .color-input,.center-degree-row .color-cell:focus-within,.center-degree-row .sidebar-input,.center-degree-row .sidebar-input input{background-color:#ffebed!important}.reference-degree-row.center-degree-row{background-color:#fff8a8}.reference-degree-row.center-degree-row input:not(:disabled),.reference-degree-row.center-degree-row .color-input,.reference-degree-row.center-degree-row .color-cell:focus-within{background-color:#fff8a8!important}.reference-degree-row td:first-child{border-radius:4px 0 0 4px}.reference-degree-row td:last-child{border-radius:0 4px 4px 0}.sidebar-input{width:50%!important;max-width:100%;min-width:0;box-sizing:border-box;text-align:right;justify-content:flex-end}td.scale-frequency-col input.frequency-input{color:inherit;-webkit-text-fill-color:currentColor;border-color:var(--color-border-ui);background-color:var(--color-bg);opacity:1}input.equiv-cell,input.equiv-cell:disabled,#sidebar table input:disabled{color:#b99;border-color:#e8d8d8;background:transparent;-webkit-text-fill-color:#bb9999;opacity:1}.degree-gutter{display:inline-flex;align-items:center;justify-content:flex-end;width:4ch;min-width:4ch;min-height:1.5em;box-sizing:border-box;text-align:right;color:#7a6666;font-variant-numeric:tabular-nums;-webkit-user-select:none;user-select:none;flex-shrink:0}.scala-input__wrapper{display:inline-flex;align-items:center;gap:4px}.scala-input__cents{display:inline-block;width:2.2em;text-align:right;color:#666;font-size:.85em;padding-right:2px;white-space:nowrap}.scala-input__cents--error{color:#c0392b}.heji-name-cell{display:flex;align-items:center;justify-content:center;width:95%;min-height:1.5em;box-sizing:border-box;text-align:center;font-family:Plainsound Sans,serif;font-size:.95em;line-height:1;margin:0 auto;padding:0}.heji-name-cell--modulated{color:#9a2f2f}.scale-table__equave-label{font-weight:700;display:block;text-align:center;margin-top:.25em}.heji-name-input{box-sizing:border-box;border:1px solid #ccb7b7;background:#fff}.freq-cell{display:flex;flex-direction:row;align-items:center;gap:0;width:100%}.freq-cell input,.freq-cell>span,.freq-cell>span input{flex:1;min-width:0;width:100%}.tune-cell{display:flex;flex-direction:row;align-items:center;gap:3px;font-size:.78em;margin-left:4px;margin-right:4px;position:relative}.tune-cell-spacer{display:inline-flex;width:38px;flex-shrink:0}.tune-cell--inline{display:inline-flex;flex-direction:row;align-items:center;gap:3px;font-size:.78em}.tune-handle{cursor:ew-resize;-webkit-user-select:none;user-select:none;display:inline-flex;align-items:center;justify-content:center;width:28px;height:16px;border-radius:3px;background:#ede8e8;color:var(--color-text);touch-action:none;border:1px solid var(--color-border-ui);font-size:1.7em;margin-left:auto;margin-right:0}.tune-handle:hover{background:#ddd0d0}.tune-handle:active{background:#cbb;cursor:grabbing}.tune-handle--padded{padding-bottom:6px}.tune-delta{font-family:monospace;font-size:1.35em;line-height:1;color:var(--color-accent);min-width:4em;text-align:right;padding-left:2px;margin-right:12px}.tune-delta.tune-comparing{color:#600;font-style:italic}.tune-btn{display:inline-flex;align-items:center;justify-content:center;width:26px;height:22px;padding:0;border:1px solid var(--color-border-ui);border-radius:var(--btn-radius-square);background:#ede8e8;color:var(--color-text);font-size:1.05em;line-height:1}.tune-btn:hover{background:#ddd0d0}.rationalise-dropdown{position:absolute;top:calc(100% + 3px);left:0;z-index:20;min-width:238px;background:var(--color-bg);border:1px solid #d6caca;border-radius:6px;box-shadow:0 3px 10px #33000014;padding:4px;display:flex;flex-direction:column;gap:2px}.rationalise-candidate{display:flex;flex-direction:column;gap:1px;width:100%;padding:3px 7px 5px;margin-bottom:3px;border:0;border-radius:var(--btn-radius-square);background:transparent;color:var(--color-text);text-align:left;font-family:monospace;font-size:1em}.rationalise-candidate__row1{display:flex;gap:8px;align-items:baseline;flex-wrap:wrap}.rationalise-candidate__row2{display:flex;gap:10px;align-items:baseline;font-size:.88em;flex-wrap:wrap}.rationalise-candidate:hover{background:#f3ecec}.rationalise-candidate--committed .rationalise-candidate__ratio{font-style:italic}.rationalise-candidate--out-of-bounds .rationalise-candidate__ratio{color:var(--color-accent);font-style:italic}.rationalise-candidate--out-of-bounds .rationalise-candidate__meta{color:#b66}.rationalise-candidate__ratio{font-weight:700}.rationalise-candidate__meta{color:#885f5f}.rationalise-candidate__heji{display:inline-block;font-family:Plainsound Sans,serif;font-size:.95em;line-height:1;white-space:nowrap}.rationalise-candidate__score{margin-left:auto;font-weight:600;color:#363}.rationalise-candidate__suggested-color{display:inline-flex;align-items:center;gap:.35em}.rationalise-candidate__suggested-swatch{display:inline-block;width:.85em;height:.85em;border:1px solid rgba(0,0,0,.18);border-radius:2px}.scale-table-toolbar{display:flex;align-items:center;gap:.5em}.scale-table-toolbar__sort,.scale-table-toolbar__toggle,.scale-table-toolbar__rationalise{display:inline-flex;align-items:center;justify-content:center;padding:.1em .6em;border:1px solid var(--color-border-ui);border-radius:var(--btn-radius-square);background:var(--color-bg-btn-alt);color:var(--color-text);font-size:1em}.scale-table-toolbar__rationalisation-group{margin-left:auto;display:inline-flex;align-items:center}.scale-table-toolbar__rationalise{margin-left:.5em}.scale-table-toolbar__sort:hover,.scale-table-toolbar__toggle:hover,.scale-table-toolbar__rationalise:hover{background:#ece2e2}.scale-table-toolbar__rationalise:disabled{opacity:.6;cursor:default}.degree-gutter--draggable{cursor:grab}.degree-gutter--selected{background:#e9edf4;border-radius:3px;min-width:1.85em;min-height:1.5em;padding-left:.32em;position:relative;cursor:default}.degree-gutter__number{display:block;width:100%;box-sizing:border-box;text-align:right;line-height:1}.degree-gutter--selected .degree-gutter__number{color:#8e2020}.degree-gutter__live-led{display:inline-block;width:.42em;height:.42em;flex:0 0 .42em;margin-right:.22em;border-radius:50%;background:#37d84d;box-shadow:0 0 .2em #84ff8ef2,0 0 .55em #1ebe38bf}.degree-gutter--dragging{cursor:grabbing;opacity:.65}.degree-gutter__delete{all:unset;position:absolute;left:.1em;top:50%;transform:translateY(-50%);width:.8em;height:.8em;display:block;cursor:pointer;z-index:2;pointer-events:auto}.degree-gutter__delete-glyph{display:block;width:100%;height:100%;color:#6f3535;font-weight:600;font-family:Plainsound Sans,serif;line-height:.8em;text-align:center;position:relative;top:.16em;pointer-events:none}.degree-gutter__delete:hover{color:inherit}.degree-gutter__delete:hover .degree-gutter__delete-glyph{color:#8e2020}.scale-row--drop-target td{background:#e9edf4;box-shadow:inset 0 0 0 1px #cdd8e8;z-index:2}.scale-row--drop-target-before td{box-shadow:inset 0 0 0 1px #cdd8e8,0 -2px #d6deea}.scale-row--drop-target-after td{box-shadow:inset 0 0 0 1px #cdd8e8,0 2px #d6deea}.scale-row--selected,.scale-row--selected td{background:#e8edf5!important;box-shadow:inset 0 1px #d6deea,inset 0 -1px #d6deea}.scale-row--selected input:not(:disabled),.scale-row--selected .color-input,.scale-row--selected .color-cell:focus-within,.scale-row--selected .sidebar-input,.scale-row--selected .sidebar-input input{background-color:#e8edf5!important}.divide-btns{display:flex;flex-wrap:wrap;justify-content:space-between;width:100%;max-width:100%;min-width:0;gap:.4em;padding-top:.5rem;margin-bottom:1.25rem}@media (max-width: 480px){.divide-btns button{width:100%;text-align:center}}.heji-anchor-fieldset{margin-top:.75em}.heji-anchor-fieldset-actions{display:flex;justify-content:right;align-items:center;gap:.5em;margin-top:.15em;margin-bottom:.75em}#sidebar .heji-anchor-fieldset__toggle-row,#sidebar .auto-prime-colors-fieldset__toggle-row{display:flex;align-items:center!important;justify-content:flex-start;flex-wrap:nowrap;gap:.5em;line-height:1.5em}#sidebar .heji-anchor-fieldset__toggle-row{margin-top:.5em;width:100%;max-width:100%;min-width:0}.heji-palette-builder{margin-top:.5em;display:flex;flex-direction:column;gap:.45em}#sidebar .heji-palette-builder__toggle-row,#sidebar .heji-palette-builder__output-row{display:flex;align-items:center!important;gap:.65em}#sidebar .heji-palette-builder__toggle-row{margin-top:0;justify-content:flex-start;flex-wrap:nowrap}#sidebar .heji-palette-builder__select-row{display:flex;align-items:center!important;justify-content:space-between;flex-wrap:nowrap;gap:.65em;width:100%;max-width:100%;min-width:0}#sidebar .heji-palette-builder__decimals-select{width:50%;min-width:0;margin-left:auto}.heji-palette-builder__output-row>span,.heji-palette-builder__group-label{color:#744;font-size:.92em}.heji-palette-builder__output-row>span{flex:0 0 auto}.heji-palette-builder__output{flex:0 1 36%;width:36%;min-width:0;margin-left:auto;font-family:inherit}.heji-palette-builder__deviation{flex:0 0 6.6em;width:6.6em;min-width:0;font-family:inherit}.heji-palette-builder__output-actions{margin-left:.65em;display:flex;flex-wrap:nowrap;gap:.4em}.heji-palette-builder__output-actions .preset-action-btn{min-width:4.5em;text-align:center}.heji-palette-builder__actions,.heji-palette-builder__symbols{display:flex;flex-wrap:wrap;gap:.4em}.heji-palette-builder__group-row{display:flex;align-items:center;gap:.65em;flex-wrap:wrap}.heji-palette-builder__prime-grid{display:grid;grid-template-columns:repeat(3,max-content);column-gap:.6em;row-gap:.35em;align-items:start}.heji-palette-builder__prime-grid .heji-palette-builder__group-chunk{display:grid;grid-template-columns:3.3em max-content;align-items:center;column-gap:.4em;min-width:0;margin-left:0}.heji-palette-builder__prime-grid .heji-palette-builder__group-chunk+.heji-palette-builder__group-chunk{margin-left:0}.heji-palette-builder__prime-grid .heji-palette-builder__group-label{flex:none}.heji-palette-builder__group-label{flex:0 0 3.3em}.heji-palette-builder__group-chunk{display:inline-flex;align-items:center;gap:.65em}.heji-palette-builder__group-chunk+.heji-palette-builder__group-chunk{margin-left:.6em}.heji-palette-builder__group-chunk--after-symbols{margin-left:.6em}.heji-palette-builder__group-row>.heji-palette-builder__group-label+.heji-palette-builder__symbols+.heji-palette-builder__group-label{margin-left:.6em}.heji-palette-builder__symbols{flex:0 0 auto;min-width:0;flex-wrap:nowrap}.heji-palette-builder__pair{display:inline-flex;gap:.4em}.heji-palette-builder__symbol-btn{min-width:2.1em;padding-left:.35em;padding-right:.35em;text-align:center}@media (max-width: 480px){.heji-palette-builder{gap:.3em}#sidebar .heji-palette-builder__output-row{display:grid;grid-template-columns:2.45em minmax(0,1fr) 6.6em;grid-template-areas:". actions actions" "label output deviation";align-items:center!important;column-gap:.27em;row-gap:.18em}.heji-palette-builder__output-actions{grid-area:actions;justify-self:end;margin-left:0;gap:.3em}.heji-palette-builder__output{grid-area:output;flex-basis:auto;width:100%;margin-left:0}.heji-palette-builder__deviation{grid-area:deviation;flex-basis:auto;width:6.6em}.heji-palette-builder__output-row>span{grid-area:label;align-self:center}.heji-palette-builder__group-row{gap:.3em}.heji-palette-builder__group-label{flex-basis:2.45em}.heji-palette-builder__group-row--note{display:grid;grid-template-columns:2.45em minmax(0,1fr);align-items:center;column-gap:.22em}.heji-palette-builder__group-row--note .heji-palette-builder__symbols{gap:.22em;min-width:0;justify-content:flex-start}.heji-palette-builder__group-row--chunks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:.38em;row-gap:.2em;align-items:start}.heji-palette-builder__group-row--chunks .heji-palette-builder__group-chunk{display:grid;grid-template-columns:2.45em minmax(0,1fr);align-items:center;column-gap:.22em;min-width:0;margin-left:0}.heji-palette-builder__group-row--chunks .heji-palette-builder__group-chunk+.heji-palette-builder__group-chunk,.heji-palette-builder__group-row--chunks .heji-palette-builder__group-chunk--after-symbols{margin-left:0}.heji-palette-builder__group-row--chunks .heji-palette-builder__group-label{flex:none}.heji-palette-builder__group-row--chunks .heji-palette-builder__symbols{gap:.22em;min-width:0}.heji-palette-builder__group-row--chunks .heji-palette-builder__pair{gap:.22em}.heji-palette-builder__prime-grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:.38em;row-gap:.2em}.heji-palette-builder__prime-grid .heji-palette-builder__group-chunk{display:grid;grid-template-columns:2.45em minmax(0,1fr);align-items:center;column-gap:.22em;min-width:0;margin-left:0}.heji-palette-builder__prime-grid .heji-palette-builder__symbols,.heji-palette-builder__prime-grid .heji-palette-builder__pair{gap:.22em}.heji-palette-builder__symbol-btn{min-width:1.85em;padding-left:.24em;padding-right:.24em}}.spectrum-colors-fieldset{margin-top:.75em}.scale-colors-group{margin-top:1em;padding-top:.15em}.scale-colors-fieldset-actions{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:100%;min-width:0;gap:.5em;margin-top:.15em;margin-bottom:0}#sidebar .auto-prime-colors-fieldset__toggle-row{margin-top:0;width:auto;max-width:none;min-width:0}.auto-prime-colors-fieldset{margin-top:.75em}.auto-prime-colors-palette-panel{margin-top:.5em}.auto-prime-colors-grid{display:grid;grid-template-columns:repeat(3,max-content);justify-content:space-between;column-gap:.35em;row-gap:.25em}.auto-prime-colors-grid__item{display:flex;align-items:center;justify-content:flex-start;gap:.2em;min-width:0}.auto-prime-colors-grid__label{min-width:1.9em;color:#744;flex-shrink:0;text-align:right}.auto-prime-colors-grid__item .color-cell{margin-left:0!important;width:max-content;flex:1 1 auto;justify-content:flex-end;min-width:0}.auto-prime-colors-grid__item .color-cell:focus-within{position:relative;z-index:auto;background:transparent;box-shadow:none;height:1.5em;min-width:0;right:auto}.auto-prime-colors-grid__item .color-input,.auto-prime-colors-grid__item .color-cell:focus-within .color-input{display:block;width:5.2em!important;min-width:0;flex:none}.auto-prime-colors-actions{display:block;width:100%;margin-top:.6em}.auto-prime-colors-palette-layout{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;width:100%;gap:.45em}.auto-prime-colors-palette-row{display:flex;flex-direction:column;gap:.45em;flex:1 1 24em;width:auto;max-width:100%;min-width:0}.auto-prime-colors-selector-row{display:flex;align-items:center;justify-content:space-between;gap:.5em;width:100%;min-width:0}#sidebar .auto-prime-colors-palette-selector{display:flex;align-items:center;justify-content:flex-end;flex-wrap:nowrap;width:50%;max-width:100%;min-width:0;flex:0 0 50%;box-sizing:border-box;padding-left:0;padding-right:0;margin-left:auto;gap:6px}#sidebar .auto-prime-colors-palette-selector>select{flex:1 1 auto;min-width:0;width:100%}#sidebar .auto-prime-colors-palette-selector .preset-refresh-btn{margin-left:0;flex:none;align-self:center}.auto-prime-colors-actions__group{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.5em;width:50%;flex:0 0 50%;margin-left:auto}.auto-prime-colors-actions__side{display:flex;flex-direction:column;align-items:flex-end;gap:.35em}@media (max-width: 420px){.auto-prime-colors-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.auto-prime-colors-palette-layout{flex-direction:column}.auto-prime-colors-palette-row{flex:0 0 auto;width:100%}.auto-prime-colors-selector-row{flex-wrap:wrap}#sidebar .auto-prime-colors-palette-selector{width:100%}.auto-prime-colors-actions__side{align-items:stretch}}.settings-panel{position:relative}.settings-panel--manual{margin-bottom:.5em;background:#faf7f6}.settings-panel__close{position:absolute;top:-1.3em;right:-.8em;padding:.3em .4em;font-size:1em;line-height:1;background:inherit;border:none;color:var(--color-accent)}.settings-panel__close:hover{color:#600}#sidebar .manual-sidebar__updated{margin:.25em 0 0;color:#744}#sidebar .manual-sidebar__intro{margin-top:.45em;margin-bottom:.55em}#sidebar .manual-sidebar__panel{margin-bottom:.5em}#sidebar .manual-sidebar__toc{margin:0;padding-left:1.2em;display:grid;grid-template-rows:repeat(5,auto);grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-flow:column;column-gap:1.2em}#sidebar .manual-sidebar__toc li{margin-bottom:.25em}#sidebar .manual-sidebar__toc-button{width:100%;padding:0;border:none;background:transparent;color:var(--color-text);text-align:left}#sidebar .manual-sidebar__toc-button:hover{color:var(--color-accent)}#sidebar .manual-sidebar__toc-button--active{color:var(--color-accent);font-weight:700}#sidebar .manual-sidebar__section{scroll-margin-top:.75em}#sidebar .manual-sidebar__footer{margin:.35em 0 .8em}#sidebar .manual-sidebar__content h3{margin:1em 0 .45em;font-size:1em}#sidebar .manual-sidebar__content p,#sidebar .manual-sidebar__content ul,#sidebar .manual-sidebar__content ol,#sidebar .manual-sidebar__content table,#sidebar .manual-sidebar__content pre,#sidebar .manual-sidebar__content hr{margin-top:0;margin-bottom:.75em}#sidebar .manual-sidebar__content ul,#sidebar .manual-sidebar__content ol{padding-left:1.2em}#sidebar .manual-sidebar__content li>ul,#sidebar .manual-sidebar__content li>ol{margin-top:.3em;margin-bottom:0}#sidebar .manual-sidebar__content li+li{margin-top:.2em}#sidebar .manual-sidebar__content code{padding:.1em .3em;border-radius:999px;background:#99000012;font-family:monospace;font-size:.92em}#sidebar .manual-sidebar__content pre{overflow-x:auto;padding:.65em;border:1px solid var(--color-border-ui);border-radius:3px;background:#f4efef}#sidebar .manual-sidebar__content pre code{padding:0;background:transparent}#sidebar .manual-sidebar__content table{display:block;width:100%;height:auto;table-layout:auto;overflow-x:auto;border-collapse:collapse}#sidebar .manual-sidebar__content table,#sidebar .manual-sidebar__content th,#sidebar .manual-sidebar__content td{padding:.35em .5em;height:auto;border:1px solid var(--color-border-ui);box-sizing:border-box;text-align:left;vertical-align:top}#sidebar .manual-sidebar__content tr{height:auto}#sidebar .manual-sidebar__content th{background:#f4efef}@media (max-width: 640px){#sidebar .manual-sidebar__toc{grid-template-columns:1fr;grid-template-rows:none;grid-auto-flow:row}}.scale-search-prefs{display:flex;flex-direction:column;gap:.55em}.scale-search-prefs legend{padding:0 .25em;color:#744}.scale-search-prefs__top-row{display:flex;flex-wrap:wrap;align-items:center;gap:.5em;color:#5e4444}.scale-search-prefs__top-row select{flex:1 1 auto;min-width:0}.scale-search-prefs__top-row button{flex-shrink:0}.scale-search-prefs__row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:.55em .8em}.scale-search-prefs__grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:.45em}.scale-search-prefs__grid--custom{grid-template-columns:repeat(7,minmax(0,1fr))}@media (max-width: 480px){.scale-search-prefs__grid--custom{grid-template-columns:repeat(4,minmax(0,1fr))}.scale-search-prefs__grid--custom .scale-search-prefs__prime-pair{flex-direction:column;align-items:stretch;gap:.15em}.scale-search-prefs__grid--custom .scale-search-prefs__prime-badge{display:none}}.scale-search-prefs__field,.scale-search-prefs__prime{display:flex;flex-direction:column;gap:.25em;color:#5e4444}.scale-search-prefs__field input,.scale-search-prefs__field select,.scale-search-prefs__prime input{min-width:0;width:100%}.scale-search-prefs__prime--inactive{opacity:.35}.scale-search-prefs__prime--inactive input{background:#f0ecec;cursor:not-allowed}.scale-search-prefs__prime-label{text-align:center;color:#5e4444}.scale-search-prefs__prime-pair{display:flex;align-items:center;gap:.2em}.scale-search-prefs__prime-input{min-width:0;width:100%;flex:1 1 0;border:1px solid var(--color-border-ui);border-radius:var(--btn-radius-square);background:#fffdfc;color:var(--color-text);padding:.2em;text-align:center}.scale-search-prefs__prime-badge{color:#744;flex-shrink:0;line-height:1}.scale-search-prefs__prime-badge--ut{color:#559}.scale-search-prefs__prime-badge--ot{color:#955}.fundamental-right{display:flex;align-items:center;gap:4px;width:50%;max-width:100%;min-width:0;margin-left:auto}.fundamental-right input{flex:1;min-width:0;text-align:right;height:1.5em;box-sizing:border-box;background-color:var(--color-bg);border:1px solid var(--color-border-ui);border-radius:3px}.heji-anchor-frequency-right{display:inline-flex;align-items:center;width:50%;max-width:100%;min-width:0;margin-left:auto;position:relative}.heji-anchor-frequency-right input.frequency-input{flex:1;min-width:0;width:100%;text-align:right;height:1.5em;box-sizing:border-box}.frequency-input--derived{color:#b99;-webkit-text-fill-color:#bb9999}@media (max-width: 480px){#sidebar fieldset{margin-left:0;margin-right:0}#sidebar input[type=text],#sidebar select,#sidebar textarea,.sidebar-input,.fundamental-right,.heji-anchor-frequency-right{width:100%!important}#sidebar label>.sidebar-input,.fundamental-right,.heji-anchor-frequency-right{margin-left:0}.fundamental-right,.heji-anchor-frequency-right{position:relative}.fundamental-right input.frequency-input:focus,.heji-anchor-frequency-right input.frequency-input:focus{position:absolute;right:0;top:50%;z-index:6;width:max(9.8em,100%);transform:translateY(-50%);background:var(--color-bg);box-shadow:0 2px 8px #00000026}#sidebar .preset-selector-row select{flex:1 1 auto;width:auto;min-width:0}}.keyboard{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;touch-action:none;position:fixed;top:0;left:0;overflow:hidden}