.tp{display:grid;gap:1.6rem;align-content:start;width:100%;max-width:52rem;margin-inline:auto;padding:1.5rem 1.6rem 4rem;overflow-y:auto}.tp-head{display:grid;gap:.5rem}.tp-back{justify-self:start;font:inherit;font-size:11px;color:var(--muted);background:none;border:0;padding:0 0 .2rem;cursor:var(--ring)}.tp-back:hover{color:var(--paper)}.tp-title-row{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.tp-title{margin:0;font-family:var(--display);font-weight:900;font-stretch:118%;font-size:clamp(24px,3.6vw,38px);line-height:1.02;letter-spacing:-.025em;color:var(--paper);text-wrap:balance}.tp-title-btn{font:inherit;color:inherit;letter-spacing:inherit;text-align:left;background:none;border:0;padding:0;cursor:text;border-radius:4px}.tp-title-btn:hover{box-shadow:0 1px color-mix(in srgb,var(--paper) 35%,transparent)}.tp-title-edit{width:100%;min-width:0;padding:0;border:0;outline:none;background:none;box-shadow:0 1px 0 var(--acid)}.tp-tags{display:grid;gap:.35rem}.tp-tag-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;align-items:center;gap:.3rem}.tp-tag{display:inline-flex;align-items:center;border-radius:999px;font-size:10.5px;letter-spacing:.04em;color:#b8b8ad;background:#ffffff0f}.tp-tag-go,.tp-tag-x,.tp-tag-hint{font:inherit;color:inherit;background:none;border:0;cursor:var(--ring)}.tp-tag-go{padding:.18rem .55rem}.tp-tag-go:hover{color:var(--paper)}.tp-tag-x{padding:.18rem .5rem .18rem 0;opacity:.55}.tp-tag-x:hover{opacity:1;color:var(--danger)}.tp-tag-add input{font:inherit;font-size:10.5px;color:var(--paper);width:11rem;padding:.18rem .55rem;border:0;border-radius:999px;outline:none;background:none;box-shadow:inset 0 0 0 1px #ffffff14}.tp-tag-add input:focus{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--acid) 60%,transparent)}.tp-tag-add input::placeholder{color:var(--dim)}.tp-tag-hints{display:flex;flex-wrap:wrap;gap:.25rem;font-size:10px;color:var(--muted)}.tp-tag-hint{padding:.1rem .45rem;border-radius:999px;box-shadow:inset 0 0 0 1px #ffffff0f}.tp-tag-hint:hover{color:var(--paper)}.tp-by{margin:0;font-size:11.5px;line-height:1.7;color:var(--muted)}.tp-author,.tp-link{font:inherit;color:var(--paper);background:none;border:0;padding:0;cursor:var(--ring);text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--paper) 30%,transparent);text-underline-offset:2px}.tp-author:hover,.tp-link:hover{text-decoration-color:currentColor}.tp-facts{list-style:none;margin:.25rem 0 0;padding:0;display:flex;flex-wrap:wrap;gap:.35rem;font-size:10.5px;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);font-variant-numeric:tabular-nums}.tp-facts li{padding:.22rem .55rem;border-radius:999px;background:linear-gradient(145deg,var(--canvas),var(--canvas));box-shadow:inset 1px 1px #ffffff0b,0 0 0 1px #ffffff0a}.tp-facts b{color:var(--paper);font-weight:800}.tp-actions{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.6rem}.b-button.on{color:var(--ink);background:var(--acid)}.tp-quiet{margin:0;font-size:11px;color:var(--muted)}.tp-note{margin:0;font-size:11.5px;color:var(--acid)}.tp-error{margin:0 0 .6rem;font-size:12px;color:var(--danger)}.tp-block{display:grid;gap:.5rem}.tp-h{margin:0;font-family:var(--display);font-weight:800;font-stretch:112%;font-size:13px;text-transform:lowercase;letter-spacing:.02em;color:var(--paper);display:flex;align-items:center;gap:.4rem}.tp-count{font-family:var(--mono);font-size:10px;color:var(--ink);background:var(--acid);padding:0 5px;border-radius:999px}.tp-saves{list-style:none;margin:0;padding:0;display:grid}.tp-save{position:relative;display:grid;grid-template-columns:15px minmax(0,1fr);gap:.75rem;padding:0 0 .5rem}.tp-save:before{content:"";position:absolute;left:6px;top:18px;bottom:-2px;width:1px;background:var(--line)}.tp-save:last-child:before{display:none}.tp-dot{width:7px;height:7px;margin-top:14px;margin-left:3px;border-radius:50%;background:var(--canvas);border:1.5px solid var(--dim);position:relative;z-index:1;transition:background .2s ease,border-color .2s ease,box-shadow .2s ease}.tp-save.branching>.tp-dot{background:var(--acid);border-color:var(--acid);box-shadow:0 0 0 3px #e4ff1a24}.tp-save.latest>.tp-dot{border-color:var(--paper)}.tp-save.playing>.tp-dot{background:var(--acid);border-color:var(--acid);box-shadow:0 0 0 4px #e4ff1a33}.tp-save-what{display:grid;gap:4px;min-width:0;padding:.5rem .7rem .6rem;border-radius:9px;background:linear-gradient(145deg,var(--canvas),var(--canvas));box-shadow:0 0 0 1px #ffffff0e,2px 2px 8px #00000073;transition:box-shadow .18s ease,background .18s ease}.tp-save:hover>.tp-save-what{box-shadow:0 0 0 1px #ffffff1c,3px 4px 12px #0000008c}.tp-save.playing>.tp-save-what{box-shadow:0 0 0 1px #e4ff1a73,3px 4px 14px #0000008c}.tp-save.latest>.tp-save-what{background:linear-gradient(145deg,#17171400,var(--canvas));box-shadow:0 0 0 1px #ffffff1a,2px 2px 8px #00000073}.tp-save-top{display:flex;align-items:center;flex-wrap:wrap;gap:.4rem .6rem;min-height:1.5rem}.tp-save-when{font-size:11.5px;color:var(--paper);font-variant-numeric:tabular-nums}.tp-here{font-size:9.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink);background:var(--acid);border-radius:999px;padding:.05rem .4rem}.tp-here.quiet{color:var(--muted);background:#ffffff12}.tp-here.branch{display:inline-flex;align-items:center;gap:.25rem;color:var(--acid);background:#e4ff1a1a;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--acid) 32%,transparent)}.tp-from{display:inline-flex;align-items:center;gap:.3rem}.tp-from .branch-mark{color:var(--acid)}.tp-save-acts{display:flex;gap:.3rem;margin-left:auto;opacity:0;transition:opacity .16s ease}.tp-save:hover .tp-save-acts,.tp-save:focus-within .tp-save-acts,.tp-save.playing .tp-save-acts{opacity:1}@media (hover: none){.tp-save-acts{opacity:1}}.tp-act{font:inherit;font-size:10px;letter-spacing:.04em;color:var(--muted);background:linear-gradient(145deg,var(--sunk),var(--canvas));border:0;border-radius:999px;padding:.22rem .6rem;cursor:var(--ring);box-shadow:inset 1px 1px #ffffff0d,0 0 0 1px #ffffff0d;transition:color .14s ease,background .14s ease}.tp-act:hover:not(:disabled){color:var(--paper);background:linear-gradient(145deg,var(--sunk),var(--canvas))}.tp-act.on{color:var(--ink);background:var(--acid);box-shadow:none}.tp-act:disabled{opacity:.45;cursor:var(--dot)}.tp-save-more{justify-self:start;display:inline-flex;align-items:center;gap:.3rem;font:inherit;font-size:10.5px;color:var(--muted);text-align:left;background:none;border:0;padding:0;cursor:var(--ring)}.tp-save-more:hover{color:var(--paper)}.tp-chev{font-size:8px;color:var(--dim)}.tp-diff{margin-top:4px;padding:.45rem .6rem;background:var(--well);border-radius:6px;box-shadow:inset 0 0 0 1px #ffffff0b}.tp-diff-list{list-style:none;margin:0;padding:0;display:grid;gap:3px}.tp-diff-list li{font-size:10.5px;line-height:1.55;color:var(--paper)}.tp-diff-list li:before{content:"· ";color:var(--acid)}.tp-fork{position:relative;margin:6px 0 0 6px;padding:5px 0 0 14px;font-size:10.5px;line-height:1.6;border-top:1px solid rgba(255,255,255,.05)}.tp-fork+.tp-fork{border-top:0;margin-top:2px}.tp-fork-arm{position:absolute;left:0;top:4px;width:10px;height:11px;border-left:1px solid color-mix(in srgb,var(--acid) 45%,var(--line));border-bottom:1px solid color-mix(in srgb,var(--acid) 45%,var(--line));border-bottom-left-radius:7px}.tp-fork-mark{color:var(--acid);margin-right:.25rem}.tp-fork-by{color:var(--muted)}@media (prefers-reduced-motion: reduce){.tp-save-acts,.tp-dot,.tp-act{transition:none}}.tp-photo{width:18px;height:18px;margin-right:5px;vertical-align:-4px}.live-on{position:absolute;top:8px;right:8px;z-index:3;display:flex;align-items:center;pointer-events:none}.live-bot{display:block;width:26px;height:26px;margin-left:-9px;border-radius:50%;background:var(--well);box-shadow:0 0 0 1.5px var(--well),0 2px 6px #00000080}.live-bot:first-child{margin-left:0}.live-more{margin-left:3px;padding:0 4px;font-size:9px;font-weight:700;line-height:18px;color:var(--well);background:var(--paper, #e9ebec);border-radius:9px}@media (max-width: 640px){.live-bot{width:22px;height:22px;margin-left:-7px}}.browser{flex:1;min-height:0;display:flex;flex-direction:column;background:var(--canvas);font-family:var(--mono)}.b-top{position:relative;display:grid;justify-items:center;gap:.6rem;padding:1.2rem 1.4rem 1rem;border-bottom:1px solid var(--line);background:var(--panel)}.b-top>.b-switch{width:min(27rem,100%)}.b-find{display:flex;align-items:center;gap:.5rem;width:min(38rem,100%)}.b-find .b-search{flex:1;min-width:0}.b-find>.b-switch{flex:none;width:14.5rem}.b-switch{--pad: 4px;position:relative;display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));padding:var(--pad);border-radius:999px;background:repeating-linear-gradient(45deg,rgba(242,240,230,.05) 0 1px,transparent 1px 6px),repeating-linear-gradient(-45deg,rgba(242,240,230,.05) 0 1px,transparent 1px 6px),linear-gradient(145deg,var(--well),var(--canvas));box-shadow:inset 3px 3px 8px #000000d9,inset -2px -2px 6px #ffffff0a,0 0 0 1px #ffffff08}.b-switch-thumb{position:absolute;top:var(--pad);bottom:var(--pad);left:var(--pad);width:calc((100% - 2 * var(--pad)) / var(--n));z-index:2;border-radius:999px;pointer-events:none;background:#f2f0e60f;-webkit-backdrop-filter:blur(1.5px) brightness(1.25);backdrop-filter:blur(1.5px) brightness(1.25);box-shadow:0 3px 8px #0000008c,inset 1px 1px #ffffff38,inset -1px -1px #ffffff0d;transform:translate(calc(var(--at) * 100%));transition:transform .35s cubic-bezier(.34,1.35,.5,1)}.b-switch-thumb.refracting{background:#f2f0e609;-webkit-backdrop-filter:var(--glass) brightness(1.18);backdrop-filter:var(--glass) brightness(1.18);box-shadow:0 3px 8px #0000008c}@media (prefers-reduced-transparency: reduce){.b-switch-thumb,.b-switch-thumb.refracting{-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--sunk);box-shadow:0 3px 8px #0000008c,inset 1px 1px #ffffff1a}}.b-switch-opt{position:relative;z-index:1;min-width:0;padding:.45rem .2rem;font-family:var(--display);font-weight:800;font-stretch:112%;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--muted);background:none;border:0;border-radius:999px;cursor:var(--ring);transition:color .25s ease}.b-switch-opt:hover:not(.on){color:var(--muted)}.b-switch-opt.on{color:var(--paper)}.b-switch-opt:focus-visible{outline:1px solid var(--acid);outline-offset:-3px}.b-switch.small .b-switch-opt{padding:.35rem .1rem;font-size:.64rem;letter-spacing:.06em}@media (prefers-reduced-motion: reduce){.b-switch-thumb,.b-switch-opt{transition:none}}.b-search{display:flex;align-items:center;gap:.5rem;padding:0 .8rem;height:2.4rem;border-radius:999px;background:var(--well);box-shadow:inset 2px 2px 6px #000c,inset -1px -1px 4px #ffffff09,0 0 0 1px #ffffff0a}.b-search:focus-within{box-shadow:inset 2px 2px 6px #000c,0 0 0 1px #f2f0e659}.b-search svg{flex:none;width:14px;height:14px;fill:none;stroke:var(--muted);stroke-width:1.6;stroke-linecap:round}.b-search input{flex:1;min-width:0;font:inherit;font-size:12px;color:var(--paper);background:none;border:0;outline:none}.b-search input::placeholder{color:var(--muted)}.b-search-clear{flex:none;width:1.3rem;height:1.3rem;padding:0;font:inherit;font-size:14px;line-height:1;color:var(--muted);background:none;border:0;border-radius:50%;cursor:var(--ring)}.b-search-clear:hover{color:var(--paper);background:#ffffff0f}.b-new{position:absolute;top:1.2rem;right:1.4rem}.b-button.small{height:1.75rem;padding:0 .7rem;font-size:.62rem;gap:.3rem}.b-button.small span{font-size:.8rem;line-height:1;margin-top:-.05em}.b-button{display:inline-flex;align-items:center;justify-content:center;height:2.4rem;padding:0 1rem;font-family:var(--display);font-weight:800;font-stretch:112%;font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;color:var(--paper);background:linear-gradient(145deg,var(--sunk),var(--canvas));border:0;border-radius:999px;box-shadow:3px 3px 8px #000000b3,-2px -2px 6px #ffffff09,inset 1px 1px #ffffff0f;cursor:var(--ring);transition:transform .15s ease,box-shadow .15s ease,color .15s ease}.b-button:hover{color:#fff}.b-button:active{transform:translateY(1px);box-shadow:inset 2px 2px 6px #000c}.b-button.primary{color:var(--ink);background:var(--acid);box-shadow:3px 3px 8px #000000b3}.b-button.primary:hover{color:var(--ink);filter:brightness(1.06)}.b-button:focus-visible{outline:1px solid var(--paper);outline-offset:2px}.b-main{flex:1;display:flex;flex-direction:column;min-width:0;min-height:0;overflow-y:auto;padding:1.2rem max(1.6rem,(100% - 82rem) / 2) 2.5rem}.b-main-head{display:flex;align-items:center;flex-wrap:wrap;gap:.6rem;min-height:2.1rem;margin-bottom:1rem}.b-main-head h3{margin:0;font-family:var(--display);font-weight:800;font-stretch:112%;font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.b-count{font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums}.b-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(18.5rem,1fr));gap:1.05rem;align-content:start}.b-card{position:relative;display:grid;gap:.7rem;padding:.7rem .7rem .75rem;border-radius:15px;background:linear-gradient(145deg,var(--canvas),var(--canvas));box-shadow:4px 4px 12px #0009,-2px -2px 8px #ffffff06,0 0 0 1px #ffffff0a;transition:transform .18s ease,box-shadow .18s ease}.b-card:hover{transform:translateY(-2px);box-shadow:6px 10px 22px #000000b8,-2px -2px 8px #ffffff08,0 0 0 1px #ffffff14}.b-card.active{box-shadow:4px 4px 12px #0009,0 0 0 1px #e4ff1a73}.b-art{position:relative;aspect-ratio:16 / 5.2;border-radius:10px;overflow:hidden;background:repeating-linear-gradient(45deg,rgba(242,240,230,.045) 0 1px,transparent 1px 7px),linear-gradient(160deg,var(--well),var(--well));box-shadow:inset 3px 3px 8px #000000d9,inset -1px -1px 4px #ffffff08,0 0 0 1px #ffffff0b}.b-map{width:100%;height:100%;display:block}.b-map-bar{stroke:#f2f0e614;stroke-width:1}.b-map-clip{opacity:.82;transition:opacity .18s ease}.b-map-auto{opacity:.45}.b-card:hover .b-map-clip{opacity:1}.b-map.none{display:grid;place-items:center;width:100%;height:100%;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--dim)}.b-art-tag{position:absolute;top:.4rem;right:.5rem;z-index:1;font-size:9.5px;letter-spacing:.06em;color:var(--muted);font-variant-numeric:tabular-nums;background:#070706b8;border-radius:999px;padding:.05rem .4rem}.b-art-tag i{font-style:normal;margin-left:.2em;opacity:.65}.b-play{position:absolute;left:.5rem;bottom:.5rem;z-index:3;display:grid;place-items:center;width:2.15rem;height:2.15rem;padding:0;border:0;border-radius:50%;opacity:0;transform:translateY(5px) scale(.92);background:linear-gradient(145deg,var(--sunk),var(--canvas));box-shadow:3px 3px 8px #000c,-1px -1px 5px #ffffff0a,inset 1px 1px #ffffff12;cursor:var(--ring);transition:opacity .18s ease,transform .22s cubic-bezier(.34,1.4,.5,1),box-shadow .15s ease}.b-card:hover .b-play,.b-play:focus-visible{opacity:1;transform:none}.b-play svg{width:14px;height:14px;margin-left:2px;fill:var(--paper)}.b-play:hover svg{fill:var(--acid)}.b-play.on{opacity:1;transform:none;background:var(--acid);box-shadow:0 0 0 1px #e4ff1a80,0 3px 10px #000000b3}.b-play.on svg{margin-left:0;fill:var(--ink)}.b-play.on:hover svg{fill:var(--ink)}.b-play:active{box-shadow:inset 2px 2px 6px #000000d9}@media (hover: none){.b-play{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){.b-play{transition:opacity .18s ease;transform:none}}.b-card-body{display:grid;gap:.2rem;min-width:0;padding-inline:.25rem}.b-card-title{font:inherit;text-align:left;background:none;border:0;padding:0;cursor:var(--ring)}.b-card-title{font-family:var(--display);font-weight:800;font-stretch:108%;font-size:1rem;line-height:1.15;color:var(--paper);text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.b-card-title:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;border-radius:inherit}.b-card-title:hover{color:#fff}.b-card-title:focus-visible{outline:none}.b-card:has(.b-card-title:focus-visible){box-shadow:0 0 0 1px var(--paper)}.b-card-author{font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.b-card-meta .b-tag{position:relative;z-index:2}.b-card-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem .9rem;margin-inline:.25rem;padding-top:.55rem;border-top:1px solid rgba(255,255,255,.055);font-size:10.5px;color:var(--muted);font-variant-numeric:tabular-nums}.b-card-meta .liked{color:var(--acid)}.b-card-time{margin-left:auto}.b-tag{padding:.05rem .45rem;border-radius:999px;font-size:9.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--paper);background:#ffffff0f}.b-tag.on{color:var(--ink);background:var(--acid)}.b-card.skeleton{height:12.5rem;box-shadow:0 0 0 1px #ffffff08;background:linear-gradient(100deg,var(--canvas) 30%,var(--canvas) 50%,var(--canvas) 70%);background-size:300% 100%;animation:b-shimmer 1.4s ease-in-out infinite}@keyframes b-shimmer{0%{background-position:100% 0}to{background-position:0 0}}@media (prefers-reduced-motion: reduce){.b-card,.b-card.skeleton{transition:none;animation:none}}.b-empty{display:grid;justify-items:start;gap:.9rem;max-width:26rem;padding:1.2rem 0;color:var(--muted);font-size:13px;line-height:1.6}.b-empty p{margin:0}@media (max-width: 860px){.b-top{padding:.9rem 1rem .8rem;gap:.5rem}.b-new{position:static;justify-self:center}.b-find{flex-wrap:wrap}.b-find>.b-switch{width:100%}.b-main{padding:1rem 1rem 5rem}.b-grid{grid-template-columns:minmax(0,1fr)}.b-new{margin-left:auto}}.b-narrowed{display:inline-flex;align-items:center;gap:.5rem;font:inherit;font-size:11px;color:var(--paper);background:#e4ff1a14;border:0;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--acid) 35%,var(--line));border-radius:999px;padding:.3rem .75rem;cursor:var(--ring)}.b-narrowed:hover{background:#e4ff1a26}.b-narrowed-what{font-weight:700}.b-narrowed-out{font-size:10px;color:var(--muted)}.b-narrowed:hover .b-narrowed-out{color:var(--paper)}button.b-card-author{font:inherit;font-size:inherit;color:inherit;background:none;border:0;padding:0;text-align:left;cursor:var(--ring);text-decoration:underline;text-decoration-color:transparent;transition:text-decoration-color .12s ease,color .12s ease;position:relative;z-index:2;justify-self:start}button.b-card-author:hover{color:var(--paper);text-decoration-color:currentColor}.b-end{display:flex;justify-content:center;padding:1rem 0 2rem}.b-end-note{font-size:11px;color:var(--muted)}.b-tag.quiet{opacity:.6}.browser.one{display:block;overflow:hidden}.browser.one .tp{height:100%}button.b-card-about{position:relative;z-index:2;order:-1;font:inherit;font-size:10px;letter-spacing:.04em;color:var(--acid);background:#e4ff1a14;border:1px solid color-mix(in srgb,var(--acid) 32%,var(--line));border-radius:999px;padding:.05rem .45rem;cursor:var(--ring);transition:background .12s ease,color .12s ease}button.b-card-about:hover{background:var(--acid);color:var(--ink)}button.b-card-from{position:relative;z-index:2;max-width:13rem;display:inline-flex;align-items:center;gap:.3rem;overflow:hidden;white-space:nowrap;font:inherit;font-size:10px;color:var(--muted);background:#e4ff1a12;border:0;border-radius:999px;padding:.1rem .5rem .1rem .4rem;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--acid) 28%,transparent);cursor:var(--ring);transition:color .12s ease,background .12s ease}button.b-card-from .branch-mark{color:var(--acid)}button.b-card-from b{font-weight:700;color:#b9b9ae;overflow:hidden;text-overflow:ellipsis}button.b-card-from:hover{color:var(--paper);background:#e4ff1a24}button.b-card-from:hover b{color:var(--paper)}.b-tag.quiet{display:inline-flex;align-items:center;gap:.25rem}.b-card-tags{display:flex;flex-wrap:wrap;gap:.2rem;margin-top:.15rem;min-width:0}.b-card-tag{position:relative;z-index:2;font:inherit;font-size:9.5px;letter-spacing:.06em;color:var(--muted);background:#070706b8;border:0;border-radius:999px;padding:.05rem .4rem;cursor:var(--ring);max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.b-card-tag:hover{color:var(--paper)}.b-card-photo{width:14px;height:14px;margin-right:5px;vertical-align:-3px}.react-flow{direction:ltr;--xy-edge-stroke-default: #b1b1b7;--xy-edge-stroke-width-default: 1;--xy-edge-stroke-selected-default: #555;--xy-connectionline-stroke-default: #b1b1b7;--xy-connectionline-stroke-width-default: 1;--xy-attribution-background-color-default: rgba(255, 255, 255, .5);--xy-minimap-background-color-default: #fff;--xy-minimap-mask-background-color-default: rgba(240, 240, 240, .6);--xy-minimap-mask-stroke-color-default: transparent;--xy-minimap-mask-stroke-width-default: 1;--xy-minimap-node-background-color-default: #e2e2e2;--xy-minimap-node-stroke-color-default: transparent;--xy-minimap-node-stroke-width-default: 2;--xy-background-color-default: transparent;--xy-background-pattern-dots-color-default: #91919a;--xy-background-pattern-lines-color-default: #eee;--xy-background-pattern-cross-color-default: #e2e2e2;background-color:var(--xy-background-color, var(--xy-background-color-default));--xy-node-color-default: inherit;--xy-node-border-default: 1px solid #1a192b;--xy-node-background-color-default: #fff;--xy-node-group-background-color-default: rgba(240, 240, 240, .25);--xy-node-boxshadow-hover-default: 0 1px 4px 1px rgba(0, 0, 0, .08);--xy-node-boxshadow-selected-default: 0 0 0 .5px #1a192b;--xy-node-border-radius-default: 3px;--xy-handle-background-color-default: #1a192b;--xy-handle-border-color-default: #fff;--xy-selection-background-color-default: rgba(0, 89, 220, .08);--xy-selection-border-default: 1px dotted rgba(0, 89, 220, .8);--xy-controls-button-background-color-default: #fefefe;--xy-controls-button-background-color-hover-default: #f4f4f4;--xy-controls-button-color-default: inherit;--xy-controls-button-color-hover-default: inherit;--xy-controls-button-border-color-default: #eee;--xy-controls-box-shadow-default: 0 0 2px 1px rgba(0, 0, 0, .08);--xy-edge-label-background-color-default: #ffffff;--xy-edge-label-color-default: inherit;--xy-resize-background-color-default: #3367d9}.react-flow.dark{--xy-edge-stroke-default: #3e3e3e;--xy-edge-stroke-width-default: 1;--xy-edge-stroke-selected-default: #727272;--xy-connectionline-stroke-default: #b1b1b7;--xy-connectionline-stroke-width-default: 1;--xy-attribution-background-color-default: rgba(150, 150, 150, .25);--xy-minimap-background-color-default: #141414;--xy-minimap-mask-background-color-default: rgba(60, 60, 60, .6);--xy-minimap-mask-stroke-color-default: transparent;--xy-minimap-mask-stroke-width-default: 1;--xy-minimap-node-background-color-default: #2b2b2b;--xy-minimap-node-stroke-color-default: transparent;--xy-minimap-node-stroke-width-default: 2;--xy-background-color-default: #141414;--xy-background-pattern-dots-color-default: #555;--xy-background-pattern-lines-color-default: #333;--xy-background-pattern-cross-color-default: #333;--xy-node-color-default: #f8f8f8;--xy-node-border-default: 1px solid #3c3c3c;--xy-node-background-color-default: #1e1e1e;--xy-node-group-background-color-default: rgba(240, 240, 240, .25);--xy-node-boxshadow-hover-default: 0 1px 4px 1px rgba(255, 255, 255, .08);--xy-node-boxshadow-selected-default: 0 0 0 .5px #999;--xy-handle-background-color-default: #bebebe;--xy-handle-border-color-default: #1e1e1e;--xy-selection-background-color-default: rgba(200, 200, 220, .08);--xy-selection-border-default: 1px dotted rgba(200, 200, 220, .8);--xy-controls-button-background-color-default: #2b2b2b;--xy-controls-button-background-color-hover-default: #3e3e3e;--xy-controls-button-color-default: #f8f8f8;--xy-controls-button-color-hover-default: #fff;--xy-controls-button-border-color-default: #5b5b5b;--xy-controls-box-shadow-default: 0 0 2px 1px rgba(0, 0, 0, .08);--xy-edge-label-background-color-default: #141414;--xy-edge-label-color-default: #f8f8f8}.react-flow__background{background-color:var(--xy-background-color-props, var(--xy-background-color, var(--xy-background-color-default)));pointer-events:none;z-index:-1}.react-flow__container{position:absolute;width:100%;height:100%;top:0;left:0}.react-flow__pane{z-index:1;touch-action:none}.react-flow__pane.draggable{cursor:grab}.react-flow__pane.dragging{cursor:grabbing}.react-flow__pane.selection{cursor:pointer}.react-flow__viewport{transform-origin:0 0;z-index:2;pointer-events:none}.react-flow__renderer{z-index:4}.react-flow__selection{z-index:6}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible{outline:none}.react-flow__edge-path{stroke:var(--xy-edge-stroke, var(--xy-edge-stroke-default));stroke-width:var(--xy-edge-stroke-width, var(--xy-edge-stroke-width-default));fill:none}.react-flow__connection-path{stroke:var(--xy-connectionline-stroke, var(--xy-connectionline-stroke-default));stroke-width:var(--xy-connectionline-stroke-width, var(--xy-connectionline-stroke-width-default));fill:none}.react-flow .react-flow__edges{position:absolute}.react-flow .react-flow__edges svg{overflow:visible;position:absolute;pointer-events:none}.react-flow__edge{pointer-events:visibleStroke}.react-flow__edge.selectable{cursor:pointer}.react-flow__edge.animated path{stroke-dasharray:5;animation:dashdraw .5s linear infinite}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray:none;animation:none}.react-flow__edge.inactive{pointer-events:none}.react-flow__edge.selected,.react-flow__edge:focus,.react-flow__edge:focus-visible{outline:none}.react-flow__edge.selected .react-flow__edge-path,.react-flow__edge.selectable:focus .react-flow__edge-path,.react-flow__edge.selectable:focus-visible .react-flow__edge-path{stroke:var(--xy-edge-stroke-selected, var(--xy-edge-stroke-selected-default))}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__arrowhead polyline{stroke:var(--xy-edge-stroke, var(--xy-edge-stroke-default))}.react-flow__arrowhead polyline.arrowclosed{fill:var(--xy-edge-stroke, var(--xy-edge-stroke-default))}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;animation:dashdraw .5s linear infinite}svg.react-flow__connectionline{z-index:1001;overflow:visible;position:absolute}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:all;transform-origin:0 0;box-sizing:border-box;cursor:default}.react-flow__node.selectable{cursor:pointer}.react-flow__node.draggable{cursor:grab;pointer-events:all}.react-flow__node.draggable.dragging{cursor:grabbing}.react-flow__nodesselection{z-index:3;transform-origin:left top;pointer-events:none}.react-flow__nodesselection-rect{position:absolute;pointer-events:all;cursor:grab}.react-flow__handle{position:absolute;pointer-events:none;min-width:5px;min-height:5px;width:6px;height:6px;background-color:var(--xy-handle-background-color, var(--xy-handle-background-color-default));border:1px solid var(--xy-handle-border-color, var(--xy-handle-border-color-default));border-radius:100%}.react-flow__handle.connectingfrom{pointer-events:all}.react-flow__handle.connectionindicator{pointer-events:all;cursor:crosshair}.react-flow__handle-bottom{top:auto;left:50%;bottom:0;transform:translate(-50%,50%)}.react-flow__handle-top{top:0;left:50%;transform:translate(-50%,-50%)}.react-flow__handle-left{top:50%;left:0;transform:translate(-50%,-50%)}.react-flow__handle-right{top:50%;right:0;transform:translate(50%,-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__pane.selection .react-flow__panel{pointer-events:none}.react-flow__panel{position:absolute;z-index:5;margin:15px}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.top.center,.react-flow__panel.bottom.center{left:50%;transform:translate(-15px) translate(-50%)}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.left.center,.react-flow__panel.right.center{top:50%;transform:translateY(-15px) translateY(-50%)}.react-flow__attribution{font-size:10px;background:var(--xy-attribution-background-color, var(--xy-attribution-background-color-default));padding:2px 3px;margin:0}.react-flow__attribution a{text-decoration:none;color:#999}@keyframes dashdraw{0%{stroke-dashoffset:10}}.react-flow__edgelabel-renderer{position:absolute;width:100%;height:100%;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;left:0;top:0}.react-flow__viewport-portal{position:absolute;width:100%;height:100%;left:0;top:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__minimap{background:var( --xy-minimap-background-color-props, var(--xy-minimap-background-color, var(--xy-minimap-background-color-default)) )}.react-flow__minimap-svg{display:block}.react-flow__minimap-mask{fill:var( --xy-minimap-mask-background-color-props, var(--xy-minimap-mask-background-color, var(--xy-minimap-mask-background-color-default)) );stroke:var( --xy-minimap-mask-stroke-color-props, var(--xy-minimap-mask-stroke-color, var(--xy-minimap-mask-stroke-color-default)) );stroke-width:var( --xy-minimap-mask-stroke-width-props, var(--xy-minimap-mask-stroke-width, var(--xy-minimap-mask-stroke-width-default)) )}.react-flow__minimap-node{fill:var( --xy-minimap-node-background-color-props, var(--xy-minimap-node-background-color, var(--xy-minimap-node-background-color-default)) );stroke:var( --xy-minimap-node-stroke-color-props, var(--xy-minimap-node-stroke-color, var(--xy-minimap-node-stroke-color-default)) );stroke-width:var( --xy-minimap-node-stroke-width-props, var(--xy-minimap-node-stroke-width, var(--xy-minimap-node-stroke-width-default)) )}.react-flow__background-pattern.dots{fill:var( --xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-dots-color-default)) )}.react-flow__background-pattern.lines{stroke:var( --xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-lines-color-default)) )}.react-flow__background-pattern.cross{stroke:var( --xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-cross-color-default)) )}.react-flow__controls{display:flex;flex-direction:column;box-shadow:var(--xy-controls-box-shadow, var(--xy-controls-box-shadow-default))}.react-flow__controls.horizontal{flex-direction:row}.react-flow__controls-button{display:flex;justify-content:center;align-items:center;height:26px;width:26px;padding:4px;border:none;background:var(--xy-controls-button-background-color, var(--xy-controls-button-background-color-default));border-bottom:1px solid var( --xy-controls-button-border-color-props, var(--xy-controls-button-border-color, var(--xy-controls-button-border-color-default)) );color:var( --xy-controls-button-color-props, var(--xy-controls-button-color, var(--xy-controls-button-color-default)) );cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__controls-button svg{width:100%;max-width:12px;max-height:12px;fill:currentColor}.react-flow__edge.updating .react-flow__edge-path{stroke:#777}.react-flow__edge-text{font-size:10px}.react-flow__node.selectable:focus,.react-flow__node.selectable:focus-visible{outline:none}.react-flow__node-input,.react-flow__node-default,.react-flow__node-output,.react-flow__node-group{padding:10px;border-radius:var(--xy-node-border-radius, var(--xy-node-border-radius-default));width:150px;font-size:12px;color:var(--xy-node-color, var(--xy-node-color-default));text-align:center;border:var(--xy-node-border, var(--xy-node-border-default));background-color:var(--xy-node-background-color, var(--xy-node-background-color-default))}.react-flow__node-input.selectable:hover,.react-flow__node-default.selectable:hover,.react-flow__node-output.selectable:hover,.react-flow__node-group.selectable:hover{box-shadow:var(--xy-node-boxshadow-hover, var(--xy-node-boxshadow-hover-default))}.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-output.selectable.selected,.react-flow__node-output.selectable:focus,.react-flow__node-output.selectable:focus-visible,.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.selectable:focus-visible{box-shadow:var(--xy-node-boxshadow-selected, var(--xy-node-boxshadow-selected-default))}.react-flow__node-group{background-color:var(--xy-node-group-background-color, var(--xy-node-group-background-color-default))}.react-flow__nodesselection-rect,.react-flow__selection{background:var(--xy-selection-background-color, var(--xy-selection-background-color-default));border:var(--xy-selection-border, var(--xy-selection-border-default))}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible,.react-flow__selection:focus,.react-flow__selection:focus-visible{outline:none}.react-flow__controls-button:hover{background:var( --xy-controls-button-background-color-hover-props, var(--xy-controls-button-background-color-hover, var(--xy-controls-button-background-color-hover-default)) );color:var( --xy-controls-button-color-hover-props, var(--xy-controls-button-color-hover, var(--xy-controls-button-color-hover-default)) )}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__controls-button:last-child{border-bottom:none}.react-flow__controls.horizontal .react-flow__controls-button{border-bottom:none;border-right:1px solid var( --xy-controls-button-border-color-props, var(--xy-controls-button-border-color, var(--xy-controls-button-border-color-default)) )}.react-flow__controls.horizontal .react-flow__controls-button:last-child{border-right:none}.react-flow__resize-control{position:absolute}.react-flow__resize-control.left,.react-flow__resize-control.right{cursor:ew-resize}.react-flow__resize-control.top,.react-flow__resize-control.bottom{cursor:ns-resize}.react-flow__resize-control.top.left,.react-flow__resize-control.bottom.right{cursor:nwse-resize}.react-flow__resize-control.bottom.left,.react-flow__resize-control.top.right{cursor:nesw-resize}.react-flow__resize-control.handle{width:5px;height:5px;border:1px solid #fff;border-radius:1px;background-color:var(--xy-resize-background-color, var(--xy-resize-background-color-default));translate:-50% -50%}.react-flow__resize-control.handle.left{left:0;top:50%}.react-flow__resize-control.handle.right{left:100%;top:50%}.react-flow__resize-control.handle.top{left:50%;top:0}.react-flow__resize-control.handle.bottom{left:50%;top:100%}.react-flow__resize-control.handle.top.left,.react-flow__resize-control.handle.bottom.left{left:0}.react-flow__resize-control.handle.top.right,.react-flow__resize-control.handle.bottom.right{left:100%}.react-flow__resize-control.line{border-color:var(--xy-resize-background-color, var(--xy-resize-background-color-default));border-width:0;border-style:solid}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{width:1px;transform:translate(-50%);top:0;height:100%}.react-flow__resize-control.line.left{left:0;border-left-width:1px}.react-flow__resize-control.line.right{left:100%;border-right-width:1px}.react-flow__resize-control.line.top,.react-flow__resize-control.line.bottom{height:1px;transform:translateY(-50%);left:0;width:100%}.react-flow__resize-control.line.top{top:0;border-top-width:1px}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}.react-flow__edge-textbg{fill:var(--xy-edge-label-background-color, var(--xy-edge-label-background-color-default))}.react-flow__edge-text{fill:var(--xy-edge-label-color, var(--xy-edge-label-color-default))}.knob-type{position:absolute;top:50%;left:50%;z-index:3;transform:translate(-50%,-50%);width:56px;height:18px;padding:0 3px;box-sizing:border-box;font:inherit;font-size:10px;text-align:center;font-variant-numeric:tabular-nums;color:var(--paper);background:var(--ink, #111);border:1px solid var(--acid);border-radius:3px;outline:none}.knob svg{overflow:visible}.knob-hit{fill:transparent;stroke:none}.knob-readout{position:fixed;z-index:10000;transform:translate(-50%,calc(-100% - 6px));pointer-events:none;padding:2px 6px;border-radius:3px;white-space:nowrap;font-size:11px;font-variant-numeric:tabular-nums;color:var(--paper);background:var(--ink, #111);border:1px solid var(--line);box-shadow:0 2px 8px #00000073}body.knob-hide-cursor,body.knob-hide-cursor *{cursor:none!important}.add-menu{position:fixed;z-index:60;display:flex;align-items:flex-start;font-family:var(--mono);color:var(--paper)}.am-main,.am-flyout{background:var(--panel);border:1px solid var(--acid);box-shadow:6px 6px #000}.am-main{width:190px}.am-flyout{width:200px;margin-left:-1px;border-color:var(--line);max-height:min(420px,70vh);overflow-y:auto}.am-head{display:grid;gap:.3rem;padding:.4rem .4rem .35rem;border-bottom:1px solid var(--line)}.am-title{font-family:var(--display);font-weight:800;font-stretch:112%;font-size:14px;color:var(--acid)}.am-search{width:100%;font-size:12px}.am-list{display:grid;padding:.25rem;gap:1px}.am-main .am-list{max-height:min(380px,62vh);overflow-y:auto}.am-row{display:grid;grid-template-columns:1fr auto;align-items:baseline;gap:.1rem .5rem;width:100%;padding:.2rem .4rem;text-align:left;font:inherit;font-size:12px;color:inherit;background:none;border:1px solid transparent;border-left:3px solid var(--acid);cursor:var(--ring)}.am-row.am-group{border-left-color:transparent}.am-row.cursor,.am-row:hover,.am-row.open{background:var(--sunk);border-color:var(--acid)}.am-row.am-group.open:not(.cursor){border-color:var(--line);border-left-color:var(--acid)}.am-row:focus-visible{outline:1px solid var(--acid);outline-offset:-1px}.am-label{font-weight:600}.am-count{font-size:10px;color:var(--muted)}.am-blurb{display:none;grid-column:1 / -1;font-size:10px;line-height:1.35;color:var(--muted)}.am-row.cursor .am-blurb{display:block}.am-transform{border-left-color:var(--paper)}.am-effect,.am-mixing{border-left-color:var(--muted)}.am-combine{border-left-color:var(--dim)}.am-instruments{border-left-color:#b9c96a}.am-sub{padding:.35rem .4rem .1rem;font-size:9px;letter-spacing:.06em;color:var(--muted);opacity:.8}.am-sub:first-child{padding-top:.1rem}.am-empty{margin:.4rem .45rem;font-size:11px;color:var(--muted)}.am-hint{display:block;margin-top:1px;font-family:var(--mono);font-size:10px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.am-kbd{float:right;margin-top:2px;font-family:var(--mono);font-weight:400;font-size:9px;color:var(--muted);border:1px solid var(--line);padding:0 .25rem}.wire-add{position:absolute;pointer-events:all;width:22px;height:22px;padding:0;display:grid;place-items:center;font-family:var(--mono);font-size:15px;line-height:1;color:var(--acid);background:var(--canvas);border:1px solid var(--muted);border-radius:50%;cursor:var(--ring);opacity:.85;transition:opacity .12s,color .12s,border-color .12s}.wire-add:hover,.wire-add:focus-visible{opacity:1;color:var(--ink);background:var(--acid);border-color:var(--acid);outline:none}@media (prefers-reduced-motion: reduce){.wire-add{transition:none}}.wire-add.small{width:16px;height:16px;font-size:12px}.codebox{position:relative;background:var(--well);border:1px solid var(--line);border-radius:3px;overflow:hidden}.codebox:focus-within{border-color:var(--acid)}.codebox-cm{max-height:11rem;overflow:auto}.codebox-cm .cm-editor{height:100%}.codebox-dirty{position:absolute;right:4px;bottom:3px;font-family:var(--mono);font-size:9px;letter-spacing:.04em;color:var(--ink);background:var(--acid);border-radius:2px;padding:0 3px;pointer-events:none}.codebox-expand{position:absolute;top:3px;right:3px;z-index:2;width:18px;height:18px;padding:0;font-size:11px;line-height:1;color:var(--muted);background:color-mix(in srgb,var(--well) 85%,transparent);border:1px solid var(--line);border-radius:3px;cursor:var(--ring);opacity:0;transition:opacity .12s ease,color .12s ease,border-color .12s ease}.codebox:hover .codebox-expand,.codebox-expand:focus-visible{opacity:1}.codebox-expand:hover{color:var(--acid);border-color:var(--acid)}.synth-window.code-window{width:min(880px,calc(100vw - 32px));resize:both;min-width:380px;min-height:260px;height:26rem}.cw-body{display:flex;min-height:0;padding:.6rem}.cw-body .codebox{flex:1;min-height:0;display:flex;background:var(--canvas)}.cw-body .codebox-cm{flex:1;min-height:0;max-height:none}.cw-body .codebox-cm .cm-content{padding:.5rem 0;font-size:13px}.cw-keys{font-size:9.5px;color:var(--muted);white-space:nowrap}.peer-cursor{position:absolute;top:0;left:0;z-index:40;pointer-events:none;transform-origin:0 0;will-change:transform;transition:transform 80ms linear}.app-cursors{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;pointer-events:none}.peer-cursor svg{display:block;margin:-6px 0 0 -6px}.peer-cursor .peer-name{position:absolute;top:7px;left:6px;padding:1px 5px;font-size:10px;font-weight:600;line-height:1.5;white-space:nowrap;color:var(--well);background:var(--peer);border-radius:3px;box-shadow:0 1px 4px #0006}.peer-held{outline:2px solid var(--peer);outline-offset:1px}.confirm-dialog{width:min(440px,calc(100vw - 32px));padding:0;color:var(--paper);background:var(--panel);border:1px solid var(--danger);box-shadow:8px 8px #000}.confirm-dialog::backdrop{background:#000000b8}.cd-body{display:grid;gap:.75rem;padding:1.1rem 1.2rem 1rem}.cd-title{margin:0;font-family:var(--display);font-weight:900;font-stretch:118%;font-size:26px;line-height:1;letter-spacing:-.02em;text-wrap:balance}.cd-text{font-size:12px;line-height:1.6;color:var(--muted)}.cd-text p{margin:0 0 .5rem}.cd-text p:last-child{margin-bottom:0}.cd-text strong,.cd-text b{color:var(--paper);font-weight:600}.cd-quiet{color:var(--muted);font-size:11px}.confirm-dialog.calm{border-color:var(--line)}.cd-ver{font-family:var(--mono);font-size:13px;font-weight:700;letter-spacing:0;color:var(--muted);vertical-align:.28em}.cd-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.5rem;margin-top:.25rem}.btn.cd-danger{color:var(--ink);background:var(--danger);border-color:var(--danger);font-weight:700}.btn.cd-danger:hover{filter:brightness(1.1)}.song{flex:1;min-height:0;display:grid;grid-template-columns:230px minmax(0,1fr);background:var(--canvas);border-top:1px solid var(--line)}.song-parts{display:flex;flex-direction:column;min-height:0;overflow-y:auto;border-right:1px solid var(--line);background:var(--panel)}.song-parts-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.55rem .6rem .3rem}.song-title{font-family:var(--display);font-weight:900;font-stretch:118%;font-size:18px;letter-spacing:-.01em}.song-parts-hint{margin:0;padding:0 .6rem .5rem;font-size:10px;line-height:1.45;color:var(--muted)}.song-parts-hint b{color:var(--paper);font-weight:600}.song-part-list{list-style:none;margin:0;padding:.5rem;overflow-y:auto;display:grid;gap:5px;align-content:start}.song-part{display:grid;grid-template-columns:4px 1fr;grid-template-rows:auto auto;column-gap:.6rem;row-gap:1px;width:100%;padding:.45rem .55rem .45rem .45rem;text-align:left;font:inherit;color:var(--paper);background:var(--canvas);border:1px solid rgba(255,255,255,.04);border-radius:8px;cursor:var(--ring);transition:background .15s ease,border-color .15s ease}.song-part:hover{background:var(--canvas);border-color:#ffffff17}.song-part.active{background:color-mix(in srgb,var(--clip) 9%,var(--canvas));border-color:color-mix(in srgb,var(--clip) 50%,transparent)}.song-part:focus-visible{outline:1px solid var(--acid);outline-offset:1px}.song-swatch{grid-row:1 / 3;align-self:stretch;border-radius:2px;background:var(--clip)}.song-part-name{font-size:12px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.song-part-meta{font-size:10px;line-height:1.4;color:var(--muted)}.song-part.unused{background:none;border:1px dashed var(--line)}.song-part-list li{position:relative}.song-part-list li.variant{margin-left:14px}.song-part-list li.variant:before{content:"";position:absolute;left:-10px;top:-5px;height:24px;width:7px;border-left:1px solid var(--line);border-bottom:1px solid var(--line);border-bottom-left-radius:5px}.song-part-dup,.song-part-del{position:absolute;top:7px;right:32px;padding:.12rem .45rem;font:inherit;font-size:10px;color:var(--paper);background:var(--sunk);border:1px solid var(--line);border-radius:999px;cursor:var(--ring);opacity:0;transition:opacity .15s ease}.song-part-del{right:7px;width:22px;padding-inline:0;text-align:center}.song-part-list li:hover .song-part-dup,.song-part-dup:focus-visible,.song-part-list li:hover .song-part-del,.song-part-del:focus-visible{opacity:1}.song-part-del:hover{border-color:var(--danger)!important;color:var(--danger)!important}.song-part-dup:hover{border-color:var(--acid);color:var(--acid)}.song-part.unused .song-part-name{color:var(--muted)}.song-unused{border-top:1px solid var(--line)}.song-unused summary{padding:.45rem .6rem;font-size:11px;color:var(--muted);cursor:var(--ring);list-style-position:inside}.song-unused summary:hover{color:var(--paper)}.song-unused[open] summary{color:var(--paper)}.song-unused-count{display:inline-block;min-width:1.6em;padding:0 .35em;text-align:center;border-radius:999px;background:var(--sunk);font-variant-numeric:tabular-nums}.song-parts-head .btn{border-radius:999px;padding:.28rem .75rem;font-size:11.5px;background:var(--canvas);border-color:var(--line)}.song-main{display:flex;flex-direction:column;min-width:0;min-height:0}.song-bar{display:flex;align-items:center;flex-wrap:wrap;gap:.55rem;padding:.45rem .7rem;border-bottom:1px solid var(--line);background:var(--panel)}.song-bar .btn,.song-bar .select{border-radius:999px;border-color:var(--line);background:var(--canvas);padding:.28rem .75rem;font-size:11.5px}.song-bar .btn:hover:not(:disabled){border-color:var(--dim)}.song-bar .btn.on{color:var(--acid);border-color:#e4ff1a73;background:#e4ff1a0f}.song-bar .select{padding-right:.5rem}.btn.song-power{display:inline-flex;align-items:center;gap:.45rem}.btn.song-power:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--dim);transition:background .2s ease}.btn.song-power.on:before{background:var(--acid)}.song-bar .spacer{flex:1}.song-field{display:inline-flex;align-items:center;gap:.35rem;font-size:11px;color:var(--muted)}.song-length{font-size:11px;color:var(--paper);font-variant-numeric:tabular-nums;padding:0 .3rem}.song-hint{font-size:10px;color:var(--muted)}.song-zoom{display:inline-flex;gap:0;padding:2px;border:1px solid var(--line);border-radius:999px;background:var(--canvas)}.song-bar .song-zoom .btn{border:0;background:none;padding:.2rem .6rem}.song-bar .song-zoom .btn:hover:not(:disabled){background:#ffffff12}.song-tools{--pad: 3px;position:relative;display:grid;grid-template-columns:3.9rem 3.9rem;padding:var(--pad);border-radius:999px;background:repeating-linear-gradient(45deg,rgba(242,240,230,.05) 0 1px,transparent 1px 6px),repeating-linear-gradient(-45deg,rgba(242,240,230,.05) 0 1px,transparent 1px 6px),linear-gradient(145deg,var(--well),var(--canvas));box-shadow:inset 2px 2px 6px #000000d9,inset -2px -2px 5px #ffffff0a,0 0 0 1px #ffffff0a}.song-tools-thumb{position:absolute;z-index:2;top:var(--pad);bottom:var(--pad);left:var(--pad);width:3.9rem;border-radius:999px;pointer-events:none;background:#f2f0e60f;-webkit-backdrop-filter:blur(1.5px) brightness(1.25);backdrop-filter:blur(1.5px) brightness(1.25);box-shadow:0 2px 6px #0000008c,inset 1px 1px #ffffff38,inset -1px -1px #ffffff0d;transition:transform .35s cubic-bezier(.34,1.35,.5,1)}.song-tools-thumb.refracting{background:#f2f0e609;-webkit-backdrop-filter:var(--glass) brightness(1.18);backdrop-filter:var(--glass) brightness(1.18);box-shadow:0 2px 6px #0000008c}.song-tools.at-second .song-tools-thumb{transform:translate(100%)}.song-tool{position:relative;z-index:1;padding:.26rem 0;font-family:var(--display);font-weight:800;font-stretch:112%;font-size:.66rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);background:none;border:0;border-radius:999px;cursor:var(--ring);transition:color .25s ease}.song-tool:hover:not(.on){color:var(--muted)}.song-tool.on{color:var(--paper)}.song-tool:focus-visible{outline:1px solid var(--acid);outline-offset:-3px}@media (prefers-reduced-motion: reduce){.song-tools-thumb,.song-tool{transition:none}}@media (prefers-reduced-transparency: reduce){.song-tools-thumb,.song-tools-thumb.refracting{-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--sunk)}}@media (max-width: 1100px){.song-hint{display:none}}.song-scroll{position:relative;flex:1;min-height:0;overflow:auto;outline:none;overscroll-behavior:contain;scrollbar-width:none}.song-scroll::-webkit-scrollbar{width:0;height:0}.song-scroll:focus-visible{outline:none}.song-scroll:focus-visible .song-ruler{box-shadow:inset 0 -1px #e4ff1a80}.song-canvas{position:relative;min-height:100%;display:grid;grid-template-columns:var(--headw) max-content;grid-template-rows:auto max-content}.song-corner{position:sticky;left:0;top:0;z-index:7;background:var(--well);border-right:1px solid var(--line);border-bottom:1px solid rgba(255,255,255,.07)}.song-heads{position:sticky;left:0;z-index:4;background:var(--panel);border-right:1px solid var(--line)}.song-row{display:flex;align-items:center;gap:.4rem;padding:0 .45rem;border-bottom:1px solid rgba(255,255,255,.045);font-size:11px;color:var(--paper);cursor:var(--ring);-webkit-user-select:none;user-select:none;overflow:hidden}.song-row:hover{background:#ffffff09}.song-row.empty .song-row-name{color:var(--muted)}.song-row.muted{background:#ff5a3c0f}.song-row.muted .song-row-name{color:var(--muted);text-decoration:line-through}.song-row-name{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.song-row-input{flex:1;min-width:0;font:inherit;font-size:11px;color:var(--paper);background:var(--canvas);border:1px solid var(--acid);border-radius:4px;padding:.1rem .25rem}.song-row-count{flex:none;font-size:9.5px;color:var(--muted);font-variant-numeric:tabular-nums}.song-row-mute{flex:none;width:1.6rem;padding:.05rem 0;font:inherit;font-size:9px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);background:var(--canvas);border:1px solid var(--sunk);border-radius:999px;cursor:var(--ring)}.song-row-mute:hover{color:var(--paper)}.song-row-mute.on{color:var(--ink);background:var(--danger);border-color:var(--danger)}.song-ruler{position:sticky;top:0;z-index:5;background:linear-gradient(to bottom,var(--canvas),var(--well));border-bottom:1px solid rgba(255,255,255,.07);-webkit-user-select:none;user-select:none;touch-action:none}.song-tick{position:absolute;top:0;bottom:0;padding:6px 0 0 5px;font-size:10px;color:var(--dim);font-variant-numeric:tabular-nums;pointer-events:none}.song-tick:before{content:"";position:absolute;left:0;bottom:0;height:6px;border-left:1px solid var(--line)}.song-tick.major{color:#d8d6cb}.song-tick.major:before{height:11px;border-left-color:var(--dim)}.song-loop{position:absolute;top:0;bottom:0;pointer-events:none;background:linear-gradient(to bottom,#e4ff1a21,#e4ff1a0a);box-shadow:inset 0 3px 0 var(--acid)}.song-loop-edge{position:absolute;top:0;bottom:0;width:3px;background:var(--acid)}.song-loop-edge.from{left:0;border-radius:0 0 2px}.song-loop-edge.to{right:0;border-radius:0 0 0 2px}.song-loop.off{opacity:.28}.song-ruler,.song-ruler.scrubbing{cursor:var(--ring)}.song-head{position:absolute;left:0;bottom:0;z-index:2;width:0;height:100%;pointer-events:none;will-change:transform}.song-head:before{content:"";position:absolute;left:-5px;bottom:4px;width:10px;height:10px;background:var(--acid);border-radius:3px 3px 3px 0;transform:rotate(-45deg)}.song-head:after{content:"";position:absolute;left:-1px;top:0;bottom:0;width:2px;background:var(--acid)}.song-cue{position:absolute;bottom:0;z-index:1;width:0;height:100%;pointer-events:none}.song-cue:before{content:"";position:absolute;left:-4px;bottom:4px;width:8px;height:8px;border:1px solid var(--muted);border-radius:2px 2px 2px 0;transform:rotate(-45deg)}.song-cue:after{content:"";position:absolute;left:-1px;top:0;bottom:0;width:1px;background:var(--muted);opacity:.5}.song-end{position:absolute;top:0;bottom:0;width:0;border-left:1px dashed rgba(242,240,230,.45);pointer-events:none}.song-lanes{position:relative;-webkit-user-select:none;user-select:none;touch-action:none;background-color:var(--well);background-image:linear-gradient(to bottom,transparent calc(var(--lane) - 1px),rgba(255,255,255,.035) calc(var(--lane) - 1px)),linear-gradient(to right,rgba(255,255,255,.1) 1px,transparent 1px),linear-gradient(to right,rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(to right,rgba(255,255,255,.022) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.012) 50%,transparent 50%),linear-gradient(to right,rgba(255,255,255,.013) 50%,transparent 50%);background-size:100% var(--lane),calc(var(--ppb) * 4) 100%,var(--ppb) 100%,var(--ppbeat) 100%,100% calc(var(--lane) * 2),calc(var(--ppb) * 8) 100%}.song-after{position:absolute;top:0;bottom:0;right:0;background:linear-gradient(to right,#00000080,#0000004d 120px);pointer-events:none}.clip{--rim: color-mix(in srgb, var(--clip) 50%, #000);position:absolute;display:flex;align-items:flex-start;overflow:hidden;padding:0 .5rem;color:var(--clip-ink, var(--well));background:linear-gradient(to bottom,#ffffff29,#fff0 60%),color-mix(in srgb,var(--clip) 85%,transparent);border:1px solid var(--rim);border-radius:6px;box-shadow:inset 0 1px #ffffff4d,0 1px 3px #0009;cursor:var(--ring);touch-action:none;transition:box-shadow .13s ease,filter .13s ease,border-color .13s ease}.clip.roomy{background:linear-gradient(to bottom,#ffffff29,#fff0 15px),linear-gradient(to bottom,var(--clip) 0 15px,color-mix(in srgb,var(--rim) 22%,transparent) 15px 16px,color-mix(in srgb,var(--clip) 78%,transparent) 16px)}.clip:hover{filter:brightness(1.09);--rim: color-mix(in srgb, var(--clip) 72%, #fff);box-shadow:inset 0 1px #fff6,0 2px 7px #0009}.clip:before,.clip:after{content:"";position:absolute;top:50%;height:12px;margin-top:-6px;width:3px;border-radius:2px;background:color-mix(in srgb,var(--clip-ink) 35%,transparent);opacity:0;transition:opacity .15s ease}.clip.roomy:before,.clip.roomy:after{top:calc(50% + 7px)}.clip:before{left:3px}.clip:after{right:3px}.clip:hover:before,.clip:hover:after,.clip.selected:before,.clip.selected:after{opacity:1}.clip.selected{z-index:2;box-shadow:inset 0 1px #ffffff4d,0 0 0 1.5px var(--paper),0 4px 12px #000000a6}.clip.preview{opacity:.75;z-index:3}.clip.ghost{opacity:.5;pointer-events:none;border-style:dashed;box-shadow:none}.song-lanes{--spring: linear(0, .22 7%, .6 14%, .88 20%, 1.06 26%, 1.13 32%, 1.11 39%, 1.04 47%, .98 57%, .99 70%, 1)}@media (prefers-reduced-motion: no-preference){.clip.arriving{animation:clip-land .16s ease-out}.clip.gone{animation:clip-gone .13s cubic-bezier(.4,0,.75,.2) forwards;pointer-events:none}.clip.preview{animation:none}.clip{transition:box-shadow .15s ease,filter .15s ease,transform .28s var(--spring)}.song-lanes.dragging .clip{transition:box-shadow .15s ease,filter .15s ease}.clip.lifted,.clip.lifted:hover{opacity:.3;z-index:6;transform:perspective(700px) translateZ(calc(var(--speed, 0) * 7px)) rotateX(var(--tilt-x, 0deg)) rotateY(var(--tilt-y, 0deg)) rotate(var(--swing, 0deg)) scale(1.035);transform-origin:50% 150%;filter:brightness(1.07);box-shadow:inset 0 1px #fff6,0 calc(12px + var(--speed, 0) * 5px) calc(24px + var(--speed, 0) * 8px) rgba(0,0,0,calc(.7 + var(--speed, 0) * .08));transition:left .19s var(--spring),top .19s var(--spring),filter .15s ease}}@keyframes clip-land{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:none}}@keyframes clip-gone{to{opacity:0;transform:scale(.82)}}.clip.off{filter:saturate(.25) brightness(.7)}.clip.loose{filter:saturate(.18) brightness(.72);box-shadow:inset 0 0 0 1px #f2f0e659}.clip.loose:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;background:repeating-linear-gradient(-45deg,rgba(0,0,0,.35) 0 3px,transparent 3px 7px)}.clip-loose{position:absolute;top:2px;right:3px;z-index:1;width:12px;height:12px;border-radius:50%;font-family:var(--mono);font-size:9px;font-weight:700;line-height:12px;text-align:center;color:var(--ink);background:var(--paper)}.clip-sketch{position:absolute;left:0;right:0;top:3px;bottom:3px;background-repeat:repeat-x;opacity:.5;pointer-events:none}.clip-sketch.roomy{top:18px;bottom:4px;opacity:1}.clip-sketch.full{top:3px;bottom:3px;opacity:1}.clip-name{position:relative;z-index:1;line-height:15px;font-family:var(--display);font-stretch:108%;font-size:10.5px;font-weight:750;letter-spacing:.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none}.clip-repeat{position:absolute;top:0;bottom:0;width:0;border-left:1px solid color-mix(in srgb,var(--clip-ink) 18%,transparent);pointer-events:none}.clip.roomy .clip-repeat{top:16px}.song-lanes.dragging .clip{cursor:var(--ring)}.song-lanes.zooming,.song-lanes.zooming .clip{cursor:move}.song-lanes.slicing,.song-lanes.slicing .clip{cursor:crosshair}.song-lanes.erasing,.song-lanes.erasing .clip,.song-lanes.erasing .clip *{cursor:var(--cut)}.song-slice{position:absolute;z-index:5;width:0;margin-left:-1px;border-left:2px dashed var(--danger);pointer-events:none}.song-slice:before{content:"";position:absolute;top:-4px;left:-6px;border:5px solid transparent;border-top-color:var(--danger)}.song-marquee{position:absolute;z-index:4;background:#e4ff1a0f;border:1px solid rgba(228,255,26,.55);border-radius:4px;pointer-events:none}.song-playhead{position:absolute;top:0;bottom:0;left:var(--headw, 0px);z-index:6;width:0;border-left:2px solid var(--acid);pointer-events:none;will-change:transform}.song-playhead.waiting{border-left-style:dashed;border-left-color:#e4ff1a73}.song-empty{position:absolute;left:32px;top:32px;width:min(420px,calc(100% - 48px));padding:1rem 1.2rem;color:var(--muted);background:var(--panel);border:1px dashed var(--line);border-radius:10px;pointer-events:none}.song-empty strong{display:block;margin-bottom:.3rem;font-family:var(--display);font-size:20px;color:var(--paper)}.song-empty p{margin:0;font-size:12px;line-height:1.55}.part-panel{position:fixed;z-index:70;width:360px;max-width:calc(100vw - 24px);background:var(--panel);border:1px solid var(--acid);box-shadow:8px 8px #000}.part-panel-head{display:grid;grid-template-columns:1fr auto;align-items:baseline;gap:0 .5rem;padding:.55rem .6rem .45rem;border-bottom:1px solid var(--line)}.part-panel-title{font-family:var(--display);font-weight:900;font-stretch:118%;font-size:18px}.part-panel-sub{grid-column:1;grid-row:2;font-size:10px;color:var(--muted)}.part-panel-head .btn{grid-column:2;grid-row:1 / 3;align-self:center}.part-panel-body{display:grid;gap:.6rem;padding:.6rem}.part-panel-body textarea.node-input{resize:vertical;min-height:5rem;font-family:var(--mono)}.part-panel-hint{margin:0;font-size:10px;color:var(--muted)}.btn.song-color-btn{position:absolute;top:7px;right:60px;display:inline-flex;align-items:center;gap:.3rem;padding:.12rem .45rem;font:inherit;font-size:10px;color:var(--paper);text-transform:none;background:var(--sunk);border:1px solid var(--line);border-radius:999px;opacity:0}.btn.song-color-btn.solo{right:7px}.song-part-list li:hover .btn.song-color-btn,.btn.song-color-btn:focus-visible,.btn.song-color-btn.on{opacity:1}.btn.song-color-btn:hover{border-color:var(--acid);color:var(--acid)}.song-color-dot{display:block;flex:none;width:9px;height:9px;border-radius:50%;box-shadow:0 0 0 1px #f2f0e659}.song-colors{padding:.55rem;display:grid;gap:.5rem;width:188px}.song-color-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:4px}.song-color-pick{aspect-ratio:1;min-width:0;border:1px solid rgba(0,0,0,.5);border-radius:4px;cursor:var(--ring);padding:0}.song-color-pick:hover,.song-color-pick.on{outline:2px solid var(--paper);outline-offset:1px}.song-color-custom{display:flex;align-items:center;justify-content:space-between;gap:.5rem;font-size:11px;color:var(--muted)}.song-color-custom input{width:42px;height:22px;padding:0;border:1px solid var(--line);background:none;cursor:var(--ring)}.song-color-reset{justify-self:start;font-size:11px}.clip.automation .clip-name{text-shadow:0 0 3px var(--clip),0 0 3px var(--clip),0 0 1px var(--clip)}.clip-landing{position:absolute;z-index:5;pointer-events:none;border:1.5px solid rgba(255,255,255,.9);border-radius:6px;background:#ffffff0d;box-shadow:0 0 0 1px #00000080;transition:none}.whats-new{width:min(560px,calc(100vw - 32px))}.wn-list{display:grid;gap:1.1rem;max-height:min(56vh,28rem);overflow-y:auto;padding-right:.4rem}.wn-list.more{-webkit-mask-image:linear-gradient(to bottom,#000 calc(100% - 1.5rem),transparent);mask-image:linear-gradient(to bottom,#000 calc(100% - 1.5rem),transparent)}.wn-entry{display:grid;gap:.4rem}.wn-head{display:flex;align-items:baseline;justify-content:space-between;gap:.6rem;flex-wrap:wrap}.wn-title{margin:0;font-family:var(--display);font-weight:800;font-stretch:112%;font-size:14px;line-height:1.25;color:var(--paper);text-wrap:balance}.wn-when{display:inline-flex;align-items:center;gap:.45rem;font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);white-space:nowrap}.wn-ver{font-family:var(--mono);font-variant-numeric:tabular-nums;letter-spacing:0;color:var(--muted);font-weight:700}.wn-entry.fresh .wn-ver{color:var(--acid)}.wn-now{margin:-.45rem 0 0;font-size:10.5px;color:var(--muted)}.wn-back{justify-self:start;display:inline-flex;align-items:center;gap:.4rem;font:inherit;font-size:10.5px;color:var(--muted);background:none;border:0;padding:.2rem 0;cursor:var(--ring);text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--muted) 45%,transparent)}.wn-back:hover{color:var(--paper);text-decoration-color:currentColor}.wn-back span{font-family:var(--mono);font-size:9.5px;color:var(--ink);background:var(--line);border-radius:999px;padding:0 4px}.wn-back:hover span{background:var(--acid)}.wn-now b{font-family:var(--mono);color:var(--paper);font-weight:700}.wn-items{list-style:none;margin:0;padding:0;display:grid;gap:5px}.wn-items li{position:relative;padding-left:.85rem;font-size:12px;line-height:1.5;color:var(--muted);text-wrap:pretty}.wn-items li:before{content:"";position:absolute;left:0;top:.62em;width:4px;height:4px;border-radius:50%;background:var(--line)}.wn-items b{color:var(--paper);font-weight:700}.wn-entry.fresh .wn-title{color:var(--acid)}.wn-entry.fresh .wn-items li:before{background:var(--acid)}.knob-menu{position:fixed;z-index:120;min-width:13rem;padding:.3rem;display:grid;background:var(--canvas);border:1px solid var(--line);border-radius:10px;box-shadow:0 12px 32px #000000b3,inset 0 1px #ffffff0a;font-family:var(--mono)}.knob-menu-title{padding:.3rem .55rem .35rem;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.knob-menu-item{display:block;width:100%;padding:.42rem .55rem;text-align:left;font:inherit;font-size:12px;color:var(--paper);background:none;border:0;border-radius:6px;cursor:var(--ring)}.knob-menu-item:hover,.knob-menu-item:focus-visible{background:#ffffff12;outline:none}.knob-menu-item.accent{color:var(--acid)}.knob-menu-item.danger:hover{color:var(--danger)}.knob-menu-line{margin:.25rem .3rem;border:0;border-top:1px solid var(--sunk)}.knob{position:relative}.knob-auto-mark{position:absolute;top:0;right:3px;width:6px;height:6px;border-radius:50%;background:var(--acid);box-shadow:0 0 0 2px var(--panel);pointer-events:none}.knob.automated .knob-value{stroke:var(--acid)}.knob.following .knob-label{color:var(--acid)}.auto-pop{position:fixed;z-index:60;width:min(760px,calc(100vw - 24px));display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--line);border-radius:12px;box-shadow:0 24px 64px #000000bf,inset 0 1px #ffffff0a;overflow:hidden}.auto-head{display:flex;align-items:center;flex-wrap:wrap;gap:.55rem .75rem;padding:.55rem .75rem;border-bottom:1px solid var(--line);cursor:move}.auto-kind{padding:.1rem .5rem;border-radius:999px;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink);background:var(--acid)}.auto-name{width:14rem;font-size:1.1rem}.auto-target{font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:22rem}.auto-target b{color:var(--paper);font-weight:600}.auto-gone{color:var(--danger)}.auto-field{display:inline-flex;align-items:center;gap:.4rem;font-size:11px;color:var(--muted);cursor:var(--dot)}.auto-field .select{border-radius:999px;padding:.2rem .5rem;background:var(--canvas);border-color:var(--line)}.auto-head .btn{border-radius:999px}.auto-graph{position:relative;padding:.4rem 0;background:var(--well);touch-action:none;-webkit-user-select:none;user-select:none;cursor:crosshair;outline:none}.auto-graph svg{display:block}.auto-grid{stroke:#ffffff09;stroke-width:1}.auto-grid.bar{stroke:#ffffff1a}.auto-grid.edge{stroke:#ffffff1f}.auto-axis{fill:var(--muted);font-family:var(--mono);font-size:10px;font-variant-numeric:tabular-nums}.auto-now{stroke:#f2f0e647;stroke-width:1;stroke-dasharray:3 4}.auto-area{fill:#e4ff1a1a}.auto-line{fill:none;stroke:var(--acid);stroke-width:2;stroke-linejoin:round}.auto-point{fill:var(--panel);stroke:var(--acid);stroke-width:2;transition:r .1s ease}.auto-point.selected{fill:var(--acid);stroke:var(--paper)}.auto-bend{fill:var(--well);stroke:#e4ff1a8c;stroke-width:1.5}.auto-bend.bent{stroke:var(--acid);fill:#e4ff1a40}.auto-bend.hot{stroke:var(--paper);fill:var(--acid)}.auto-marquee{fill:#e4ff1a14;stroke:#e4ff1a99;stroke-width:1;stroke-dasharray:3 3}.auto-tip{position:absolute;transform:translate(-50%,calc(-100% - 12px));margin-top:.4rem;padding:.1rem .4rem;border-radius:6px;font-size:11px;color:var(--ink);background:var(--acid);font-variant-numeric:tabular-nums;white-space:nowrap;pointer-events:none}.auto-readout{position:absolute;top:.55rem;right:.7rem;padding:.15rem .5rem;border-radius:999px;font-size:11px;color:var(--paper);background:#121210e6;border:1px solid var(--line);font-variant-numeric:tabular-nums;pointer-events:none}.auto-foot{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem .7rem;padding:.5rem .75rem;border-top:1px solid var(--line)}.auto-hint{font-size:10px;color:var(--muted)}.auto-meta{font-size:11px;color:var(--muted)}.auto-foot .btn{border-radius:999px;padding:.25rem .7rem;font-size:11.5px}.song-parts-sub{display:flex;align-items:center;gap:.45rem;padding:.55rem .7rem .1rem;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);border-top:1px solid var(--line)}.song-parts-hint.auto-empty{padding-top:.35rem;border-bottom:0}.btn.song-color-btn.one{right:32px}@media (max-width: 700px){.auto-hint{display:none}.auto-target{max-width:100%}}.versions-dialog{width:min(620px,calc(100vw - 32px));max-height:min(640px,calc(100vh - 48px));padding:0;color:var(--paper);background:var(--panel);border:1px solid var(--line);border-radius:12px;box-shadow:0 24px 64px #000000bf}.versions-dialog::backdrop{background:#000000b3}.vs-body{display:grid;gap:.7rem;padding:1rem 1.1rem 1.1rem}.vs-head{display:flex;align-items:center;justify-content:space-between;gap:1rem}.vs-title{margin:0;font-family:var(--display);font-weight:900;font-stretch:118%;font-size:24px;line-height:1;letter-spacing:-.02em}.vs-head .btn{border-radius:999px}.vs-note{margin:0;font-size:11.5px;line-height:1.55;color:var(--muted);max-width:60ch}.vs-error{margin:0;font-size:12px;color:var(--danger)}.vs-list{list-style:none;margin:0;padding:0;display:grid;gap:6px;overflow-y:auto;max-height:min(460px,calc(100vh - 220px))}.vs-row{display:grid;grid-template-columns:9.5rem minmax(0,1fr) auto;align-items:center;gap:.8rem;padding:.55rem .7rem;background:var(--canvas);border:1px solid rgba(255,255,255,.05);border-radius:8px}.vs-row:first-child{border-color:#e4ff1a59}.vs-row.empty .vs-summary{color:var(--danger)}.vs-when,.vs-what{display:grid;gap:2px;min-width:0}.vs-time{font-size:12px;font-variant-numeric:tabular-nums}.vs-ago{font-size:10px;color:var(--muted)}.vs-name{font-size:12px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vs-summary{font-size:10.5px;color:var(--muted)}.btn.vs-open{border-radius:999px;padding:.25rem .75rem;font-size:11.5px}@media (max-width: 560px){.vs-row{grid-template-columns:minmax(0,1fr) auto}.vs-when{grid-column:1 / -1}}.toast.with-action{display:flex;align-items:center;gap:.8rem}.toast-action{font:inherit;font-weight:800;color:var(--ink);background:none;border:2px solid var(--ink);padding:.1rem .6rem;cursor:var(--ring);text-transform:uppercase;letter-spacing:.04em}.toast-action:hover{background:var(--canvas);color:var(--acid)}.vs-changed{justify-self:start;font:inherit;font-size:10px;color:var(--muted);background:none;border:0;padding:2px 0 0;cursor:var(--ring);text-decoration:underline;text-decoration-color:transparent;transition:color .12s ease,text-decoration-color .12s ease}.vs-changed:hover{color:var(--paper);text-decoration-color:currentColor}.vs-diff{margin-top:4px;padding:.35rem .5rem;background:var(--canvas);border:1px solid var(--line);border-radius:4px}.vs-diff-note{font-size:10.5px;color:var(--muted)}.vs-diff-list{list-style:none;margin:0;padding:0;display:grid;gap:2px}.vs-diff-list li{font-size:10.5px;line-height:1.5;color:var(--paper)}.vs-diff-list li:before{content:"· ";color:var(--acid)}.gswitch{--pad: 3px;position:relative;display:inline-grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));padding:var(--pad);border-radius:999px;background:repeating-linear-gradient(45deg,rgba(242,240,230,.05) 0 1px,transparent 1px 6px),repeating-linear-gradient(-45deg,rgba(242,240,230,.05) 0 1px,transparent 1px 6px),linear-gradient(145deg,var(--well),var(--canvas));box-shadow:inset 2px 2px 6px #000000d9,inset -2px -2px 5px #ffffff0a,0 0 0 1px #ffffff0a}.gswitch-thumb{position:absolute;z-index:2;top:var(--pad);bottom:var(--pad);left:var(--pad);width:calc((100% - 2 * var(--pad)) / var(--n));border-radius:999px;pointer-events:none;transform:translate(calc(var(--at) * 100%));transition:transform .35s cubic-bezier(.34,1.35,.5,1);background:#f2f0e60f;-webkit-backdrop-filter:blur(1.5px) brightness(1.25);backdrop-filter:blur(1.5px) brightness(1.25);box-shadow:0 2px 6px #0000008c,inset 1px 1px #ffffff38,inset -1px -1px #ffffff0d}.gswitch-thumb.refracting{background:#f2f0e609;-webkit-backdrop-filter:var(--glass) brightness(1.18);backdrop-filter:var(--glass) brightness(1.18);box-shadow:0 2px 6px #0000008c}.gswitch-opt{position:relative;z-index:1;min-width:0;padding:.3rem .75rem;font-family:var(--display);font-weight:800;font-stretch:112%;font-size:.7rem;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;color:var(--muted);background:none;border:0;border-radius:999px;cursor:var(--ring);transition:color .25s ease}.gswitch-opt:hover:not(.on){color:var(--muted)}.gswitch-opt.on{color:var(--paper)}.gswitch-opt:focus-visible{outline:1px solid var(--acid);outline-offset:-3px}.gswitch.sm .gswitch-opt{padding:.22rem .55rem;font-size:.62rem;letter-spacing:.05em}@media (prefers-reduced-motion: reduce){.gswitch-thumb,.gswitch-opt{transition:none}}@media (prefers-reduced-transparency: reduce){.gswitch-thumb,.gswitch-thumb.refracting{-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--sunk)}}.export-dialog{width:min(600px,calc(100vw - 32px));padding:0;color:var(--paper);background:repeating-linear-gradient(45deg,rgba(242,240,230,.03) 0 1px,transparent 1px 7px),repeating-linear-gradient(-45deg,rgba(242,240,230,.03) 0 1px,transparent 1px 7px),linear-gradient(150deg,var(--canvas),var(--well) 60%);border:1px solid var(--line);border-radius:14px;box-shadow:0 30px 80px #000c,inset 0 1px #ffffff0d}.export-dialog::backdrop{background:#000000b8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.ex-body{display:grid;gap:.55rem;padding:1.1rem 1.2rem 1.2rem}.ex-head{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-bottom:.2rem}.ex-title{margin:0;font-family:var(--display);font-weight:900;font-stretch:125%;font-size:30px;line-height:1;letter-spacing:-.03em}.ex-file{font-size:11px;color:var(--acid);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ex-row{display:flex;align-items:center;flex-wrap:wrap;gap:.4rem .7rem}.ex-label{width:5.5rem;flex:none;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.ex-note{flex:1;min-width:12rem;font-size:10.5px;line-height:1.45;color:var(--muted);margin:0}.ex-summary{margin:.35rem 0 0;font-size:12px;color:var(--paper);font-variant-numeric:tabular-nums}.ex-error{margin:0;font-size:12px;color:var(--danger)}.ex-level{margin:0;font-size:11.5px;color:var(--muted);font-variant-numeric:tabular-nums}.ex-level b{color:var(--paper);font-weight:600}.ex-warn{margin:0;font-size:11.5px;line-height:1.5;color:var(--muted)}.ex-actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:.4rem}.ex-actions .btn{border-radius:999px;padding:.35rem 1rem}.ex-working{display:grid;gap:.5rem;justify-items:center;padding:1.4rem 0 1rem}.ex-bars{display:flex;align-items:flex-end;gap:3px;height:54px}.ex-bars span{width:4px;height:18%;background:var(--acid);border-radius:2px;animation:ex-rise 1.1s ease-in-out infinite}@keyframes ex-rise{0%,to{height:14%;opacity:.45}50%{height:100%;opacity:1}}.ex-stage{margin:0;font-family:var(--display);font-weight:800;font-stretch:112%;font-size:1.05rem}@media (prefers-reduced-motion: reduce){.ex-bars span{animation:none;height:55%}}.ex-done{display:grid;gap:.6rem}.ex-wave{display:flex;align-items:center;gap:1px;height:84px;padding:.4rem .5rem;background:var(--well);border:1px solid var(--sunk);border-radius:8px;overflow:hidden}.ex-wave span{flex:1;min-width:1px;background:var(--acid);opacity:.85;border-radius:1px}.tip{position:fixed;z-index:9000;max-width:24rem;padding:.3rem .5rem;font-size:11px;line-height:1.45;color:var(--paper);background:var(--canvas);border:1px solid var(--line);box-shadow:0 8px 20px #0009;pointer-events:none;transform:translate(calc(-50% + var(--shift, 0px)))}.tip.above{transform:translate(calc(-50% + var(--shift, 0px)),-100%)}@media (prefers-reduced-motion: no-preference){.tip{animation:tip-in .11s ease-out}}@keyframes tip-in{0%{opacity:0;transform:translate(calc(-50% + var(--shift, 0px)),-2px)}}.btn.menu-btn{display:inline-flex;align-items:center;gap:.45rem;font-weight:700}.btn.menu-btn svg{display:block}.btn.menu-btn.has-error{border-color:var(--danger);color:var(--danger)}@media (max-width: 1180px){.menu-word{display:none}}.popover.program-menu{padding:0;overflow:visible}.pm{width:230px;padding:.3rem}.pm-head{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:.5rem;padding:.45rem .55rem .5rem;margin-bottom:.25rem;border-bottom:1px solid var(--line)}.pm-head-face{grid-row:1 / 3;display:block;width:26px;height:26px}.pm-head-title{display:block;font-family:var(--display);font-weight:800;font-stretch:112%;font-size:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pm-head-status{display:block;font-size:10.5px;color:var(--muted)}.pm-head-status .unsaved{color:var(--acid)}.pm-head-signin{grid-column:1 / -1;width:100%}.pm-list{list-style:none;margin:0;padding:0}.pm-entry{position:relative}.pm-menu,.pm-item{display:flex;align-items:center;gap:.5rem;width:100%;padding:.45rem .55rem;font:inherit;font-size:12px;text-align:left;color:var(--paper);background:none;border:0;cursor:var(--ring)}.pm-menu span{flex:1}.pm-menu svg{color:var(--muted)}.pm-menu:hover,.pm-menu:focus-visible,.pm-entry.open>.pm-menu{background:#ffffff12;outline:none}.pm-entry.open>.pm-menu svg{color:var(--acid)}.pm-sub{position:absolute;top:-.3rem;right:calc(100% + .35rem);width:310px;padding:.3rem;background:var(--panel);border:1px solid var(--acid);box-shadow:8px 8px #000;z-index:1}.pm-item:hover:not(:disabled),.pm-item:focus-visible{background:#ffffff12;outline:none}.pm-item:disabled{color:var(--dim);cursor:var(--dot)}.pm-item.danger{color:var(--muted)}.pm-item.danger:hover:not(:disabled){color:var(--danger)}.pm-check{width:.7rem;flex:none;font-size:8px;color:var(--acid)}.pm-label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pm-item kbd{font:inherit;font-size:9.5px;letter-spacing:-.02em;color:var(--muted);white-space:nowrap}.pm-line{margin:.25rem .2rem;border:0;border-top:1px solid var(--line)}.pm-heading{padding:.45rem .55rem .15rem 1.75rem;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.pm-custom{padding:.3rem .55rem .3rem 1.75rem}.pm-custom .tm-title{width:100%;margin:0}@media (max-width: 700px){.pm{width:min(300px,calc(100vw - 24px))}.pm-sub{position:static;width:auto;margin:.1rem 0 .3rem .6rem;box-shadow:none;border-width:0 0 0 1px}.pm-menu svg{transform:rotate(-90deg)}}.detail-dock{position:relative;flex:none;display:flex;flex-direction:column;min-height:160px;background:var(--panel);border-top:1px solid var(--line);box-shadow:0 -12px 28px #00000080}.dd-grip{position:absolute;top:-4px;left:0;right:0;height:9px;cursor:ns-resize;touch-action:none;z-index:2}.dd-grip:hover{background:linear-gradient(to bottom,transparent 3px,rgba(228,255,26,.5) 3px 6px,transparent 6px)}.dd-head{display:flex;align-items:center;gap:.6rem;padding:.35rem .7rem;border-bottom:1px solid var(--line);flex-wrap:wrap}.dd-name{font-family:var(--display);font-weight:800;font-stretch:112%;font-size:1rem;width:10rem;min-width:0;padding:.1rem .2rem;color:var(--paper);background:transparent;border:0;border-bottom:1px solid var(--line)}.dd-name:hover,.dd-name:focus{border-bottom-color:var(--acid);outline:none}.dd-field{display:inline-flex;align-items:center;gap:.35rem;font-size:11px;color:var(--muted)}.dd-field .select{padding:.15rem .35rem;font-size:11px;border-radius:999px;background:var(--canvas);border-color:var(--line)}.dd-uses{font-size:10px;color:var(--muted)}.dd-tabs{display:inline-flex;gap:2px;padding:2px;border:1px solid var(--line);border-radius:999px;background:var(--canvas);max-width:min(40vw,34rem);overflow-x:auto}.dd-tabs.instruments{border-color:#ffffff12}.dd-tab{font:inherit;font-size:11px;white-space:nowrap;padding:.18rem .7rem;border:0;border-radius:999px;color:var(--muted);background:none;cursor:var(--ring)}.dd-tab:hover{color:var(--paper)}.dd-tab.on{color:var(--ink);background:var(--paper)}.dd-tab:disabled{color:var(--dim);cursor:var(--dot)}.dd-spacer{flex:1}.dd-keys{display:inline-flex;align-items:center;gap:2px;padding:2px;border:1px solid var(--line);border-radius:999px;background:var(--canvas)}.dd-keys-on{font:inherit;font-size:10px;letter-spacing:.07em;text-transform:uppercase;padding:.18rem .6rem;border:0;border-radius:999px;color:var(--muted);background:none;cursor:var(--ring)}.dd-keys-on:hover{color:var(--paper)}.dd-keys-on.on{color:var(--ink);background:var(--acid)}.dd-oct{width:1.3rem;font:inherit;font-size:12px;line-height:1;padding:.1rem 0;color:var(--paper);background:none;border:0;border-radius:999px;cursor:var(--ring)}.dd-oct:hover:not(:disabled){color:var(--acid)}.dd-oct:disabled{color:var(--dim);cursor:var(--dot)}.dd-oct-at{min-width:4rem;text-align:center;font-size:10.5px;color:var(--paper);font-variant-numeric:tabular-nums}.dd-oct-at.off{color:var(--dim)}.detail-dock .node-btn{color:var(--paper);border-color:var(--line);opacity:1}.detail-dock .node-btn:hover{border-color:var(--acid);color:var(--acid)}.detail-dock .pr{flex:1;min-height:0;display:flex}.detail-dock .pr-panel{flex:1;min-height:0;border:0}.detail-dock .piano-roll{flex:1;height:auto;min-height:0;resize:none}.detail-dock .rack-body{flex:1;min-height:0;overflow:auto}@media (max-width: 860px){.dd-tabs{max-width:100%}.dd-note{display:none}}.curve-editor{--ce-ink: var(--ph-ink, var(--acid));position:relative;width:100%;cursor:crosshair;touch-action:none;-webkit-user-select:none;user-select:none;background:var(--ph-well, var(--well));border:1px solid var(--ph-line, var(--sunk));border-radius:2px;box-shadow:inset 0 1px 8px #000000e6;overflow:hidden}.curve-editor svg{display:block;overflow:visible}.ce-grid{stroke:#ffffff09;stroke-width:1;shape-rendering:crispEdges}.ce-grid.major{stroke:#ffffff0f}.ce-grid.edge{stroke:#ffffff14}.ce-grid.zero{stroke:color-mix(in srgb,var(--ce-ink) 45%,transparent);stroke-dasharray:3 3}.ce-area{fill:var(--ce-ink);opacity:.12}.ce-line{fill:none;stroke:var(--ce-ink);stroke-width:1.8;stroke-linejoin:round;filter:drop-shadow(0 0 3px color-mix(in srgb,var(--ce-ink) 55%,transparent))}.ce-hit{fill:transparent}.ce-point{cursor:grab}.ce-point .ce-knob{fill:var(--well);stroke:var(--ce-ink);stroke-width:1.6;transition:r .08s}.ce-point.hot .ce-knob{fill:color-mix(in srgb,var(--ce-ink) 35%,var(--well))}.ce-point.active{cursor:grabbing}.ce-point.active .ce-knob{fill:var(--ce-ink);filter:drop-shadow(0 0 5px var(--ce-ink))}.ce-bend{cursor:ns-resize}.ce-bend .ce-bend-mark{fill:var(--well);stroke:color-mix(in srgb,var(--ce-ink) 55%,transparent);stroke-width:1.2}.ce-bend.bent .ce-bend-mark{stroke:var(--ce-ink)}.ce-bend.hot .ce-bend-mark{fill:var(--ce-ink);stroke:var(--ce-ink)}.ce-dot{position:absolute;left:-4px;top:-4px;width:8px;height:8px;border-radius:50%;background:#fff;box-shadow:0 0 0 2px var(--ce-ink),0 0 12px var(--ce-ink);pointer-events:none;will-change:transform;opacity:0}@media (prefers-reduced-motion: reduce){.ce-dot{display:none}}.ce-readout{position:absolute;right:5px;top:4px;padding:1px 5px;border-radius:2px;font-size:9px;font-variant-numeric:tabular-nums;color:var(--ce-ink);background:#000000bf;pointer-events:none}.sy-panel{--sy-bg: #090908;--sy-panel: #0e0e0c;--sy-well: #050504;--sy-line: #25251f;--sy-line-strong: #3b3b33;--sy-ink: var(--acid, #e4ff1a);--sy-grid: #1a1a16;display:grid;gap:1px;margin:-.8rem -1.1rem -1.1rem;font-size:11px;background:var(--sy-line);border-top:1px solid var(--sy-line);container-type:inline-size}.sy-panel .spacer{flex:1}.sy-panel select{font:inherit;font-size:11px;color:var(--paper);background:var(--sy-well);border:1px solid var(--sy-line);border-radius:2px;padding:0 .35rem;height:24px;min-width:0}.sy-panel select:hover{border-color:var(--sy-line-strong)}.sy-panel select:focus-visible,.sy-panel button:focus-visible,.sy-panel input:focus-visible{outline:1px solid var(--acid);outline-offset:1px}.sy-small-label{font-size:9px;color:var(--muted);letter-spacing:.06em;text-transform:uppercase}.sy-count{font-size:10px;color:var(--muted);font-variant-numeric:tabular-nums}.sy-btn,.sy-icon,.sy-toggle,.sy-add,.sy-add-list button,.sy-power,.sy-seg button,.sy-stepper-row button,.sy-arrow{transition:color .12s,background-color .12s,border-color .12s,box-shadow .12s}.sy-btn,.sy-icon,.sy-toggle,.sy-add,.sy-add-list button{font:inherit;font-size:11px;color:var(--muted);background:linear-gradient(#141412,#0a0a09);border:1px solid var(--sy-line);border-radius:2px;cursor:pointer;box-shadow:inset 0 1px #ffffff0a}.sy-btn:active,.sy-icon:active:not(:disabled),.sy-add:active,.sy-add-list button:active,.sy-power:active,.sy-toggle:active{transform:translateY(1px);box-shadow:inset 0 1px 3px #000c}.sy-btn{height:24px;padding:0 .7rem}.sy-btn:hover,.sy-icon:hover:not(:disabled),.sy-add:hover,.sy-add-list button:hover{color:var(--paper);border-color:var(--sy-line-strong)}.sy-icon{display:grid;place-items:center;width:24px;height:24px;padding:0;font-size:13px;line-height:1;flex:none}.sy-icon:disabled{opacity:.3;cursor:default}.sy-toggle{height:20px;padding:0 .55rem;font-size:10px;text-transform:uppercase;letter-spacing:.06em}.sy-toggle.on{color:var(--ink);background:var(--acid);border-color:var(--acid);box-shadow:0 0 10px #e4ff1a4d}.sy-top{display:flex;align-items:center;flex-wrap:wrap;gap:.6rem;padding:.4rem .8rem;min-height:46px;background:linear-gradient(#11110f,#0a0a09)}.sy-preset{display:flex;align-items:stretch;height:28px;border:1px solid var(--sy-line);border-radius:2px;background:var(--sy-well);box-shadow:inset 0 1px 4px #000000b3}.sy-preset:focus-within{border-color:var(--sy-line-strong)}.sy-arrow{font:inherit;font-size:14px;line-height:1;color:var(--muted);background:transparent;border:0;padding:0 .55rem;cursor:pointer}.sy-arrow:hover{color:var(--acid)}.sy-name{font:inherit;font-size:12px;font-weight:600;color:var(--paper);background:transparent;border:0;border-inline:1px solid var(--sy-line);padding:0 .6rem;width:14rem;min-width:7rem}.sy-name:focus{outline:none;background:#111}.sy-panel .sy-preset-list{height:auto;border:0;border-right:1px solid var(--sy-line);border-radius:0;background:transparent;color:var(--muted);padding:0 .3rem;width:1.9rem}.sy-top .sy-volume,.sy-voicing{display:flex;align-items:center;gap:.5rem;margin-block:-.3rem}.sy-voicing{padding-right:.6rem;border-right:1px solid var(--sy-line)}.sy-card{display:flex;flex-direction:column;min-width:0;min-height:0;background:linear-gradient(180deg,#10100e,#0c0c0a 70%)}.sy-card-head{display:flex;align-items:center;gap:.5rem;height:30px;padding:0 .7rem;flex:none;border-bottom:1px solid var(--sy-line);background:linear-gradient(#131311,#0e0e0c)}.sy-card-head h3{margin:0;font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.sy-card-head>:last-child:not(h3){margin-left:auto}.sy-main{display:grid;gap:1px;grid-template-columns:minmax(0,1.25fr) minmax(360px,1fr);height:clamp(320px,46vh,540px)}@container (max-width: 900px){.sy-main{grid-template-columns:1fr;height:auto}.sy-fxcol{min-height:240px}}.sy-gens,.sy-fxcol{overflow:hidden}.sy-scope{display:block;width:100%;height:64px;flex:none;background:var(--sy-well);border:1px solid var(--sy-line);border-radius:2px}.sy-amp{--sy-ink: var(--paper)}.sy-scope{background-color:var(--sy-well);background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:100% 25%,12.5% 100%;background-position:0 -1px,-1px 0;box-shadow:inset 0 1px 8px #000000e6}.sy-knobs{display:flex;flex-wrap:wrap;align-items:flex-end;gap:.4rem .6rem;padding:.6rem .7rem .7rem}.sy-knobs.tight{justify-content:space-between}.sy-gen-list{display:flex;flex-direction:column;flex:1;min-height:0;overflow-y:auto;background:var(--sy-bg);scrollbar-width:thin;scrollbar-color:#3b3b33 transparent}.sy-gen{flex:none;border-bottom:1px solid var(--sy-line);background:linear-gradient(180deg,#11110f,#0c0c0a 60%);box-shadow:inset 2px 0 #e4ff1a8c}.sy-gen.off{box-shadow:inset 2px 0 #2a2a24}.sy-gen.off .sy-gen-body{opacity:.35}.sy-gen-head{display:flex;align-items:center;gap:.3rem;height:34px;padding:0 .5rem 0 .35rem}.sy-gen.open .sy-gen-head{border-bottom:1px solid #1c1c18}.sy-gen-head .sy-sound{width:10rem;min-width:6rem}.sy-gen-head h4{margin:0;font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.sy-gen-sum{font-size:10px;color:var(--muted);font-variant-numeric:tabular-nums;margin-left:.3rem}.sy-fold{display:grid;place-items:center;width:20px;height:24px;padding:0;color:var(--muted);background:none;border:0;cursor:pointer}.sy-fold:hover{color:var(--paper)}.sy-gen-body{display:grid;align-items:center;gap:.5rem .9rem;padding:.55rem .7rem .6rem;grid-template-columns:130px auto minmax(0,1fr)}.sy-gen-body .sy-scope{height:64px}.sy-gen-steps{display:grid;grid-template-columns:auto auto;gap:.35rem .45rem;align-content:center}.sy-gen-knobs{display:flex;flex-wrap:wrap;gap:.2rem .15rem;align-items:flex-start}.sy-gen-knobs .knob{width:46px}.sy-gen-opts{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:.6rem}.sy-gen-opts .sy-field{flex-direction:row;align-items:center;gap:.4rem}@container (max-width: 1100px){.sy-gen-body{grid-template-columns:130px minmax(0,1fr)}.sy-gen-knobs{grid-column:1 / -1}}.sy-power{width:24px;height:24px;padding:0;flex:none;cursor:pointer;font-family:var(--display);font-weight:900;font-size:13px;line-height:1;color:var(--muted);background:var(--sy-well);border:1px solid var(--sy-line-strong);border-radius:2px}.sy-power.on{color:var(--ink);background:var(--acid);border-color:var(--acid);box-shadow:0 0 12px #e4ff1a59}.sy-power:not(.on):hover{color:var(--paper);border-color:var(--muted)}.sy-gen-add{flex:none;display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;padding:.55rem .7rem;background:var(--sy-bg)}.sy-gen-add.first{flex-direction:column;align-items:flex-start;padding:1.2rem .9rem;background:repeating-linear-gradient(135deg,transparent 0 6px,rgba(255,255,255,.012) 6px 12px),var(--sy-bg)}.sy-add-list{display:flex;flex-wrap:wrap;gap:.3rem}.sy-add-list button{height:26px;text-align:left;padding:0 .7rem}.sy-add-list button:before{content:"+ ";color:var(--acid)}.sy-add-list button:hover{border-color:#e4ff1a80;background:linear-gradient(#e4ff1a0f,#e4ff1a05)}.sy-amp-out{flex:none;border-top:1px solid var(--sy-line);background:linear-gradient(180deg,#121210,#0c0c0a);box-shadow:inset 2px 0 0 var(--paper)}.sy-amp-out .sy-gen-head{border-bottom:1px solid #1c1c18;padding-left:.7rem}.sy-out-mark{font-family:var(--display);font-weight:900;font-size:11px;color:var(--ink);background:var(--paper);padding:1px 5px;border-radius:2px}.sy-amp-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);align-items:center;gap:.2rem .8rem;padding:.4rem .7rem .3rem}.sy-amp-body .sy-scope{height:52px}.sy-amp-body .sy-knobs{padding:0}.sy-lanes{flex:1;min-height:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:minmax(0,1fr);gap:1px;background:var(--sy-line)}.sy-lane{display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden;background:linear-gradient(180deg,#10100e,#0b0b0a)}.sy-lane.drop{background:linear-gradient(180deg,#e4ff1a0d,#0b0b0a)}.sy-lane.muted .sy-lane-body,.sy-lane.muted .sy-lane-foot .sy-modknob{opacity:.35}.sy-lane-head{display:flex;align-items:center;gap:.35rem;height:34px;padding:0 .45rem;border-bottom:1px solid #1c1c18}.sy-lane-num{display:grid;place-items:center;width:22px;height:22px;flex:none;border-radius:2px;font-family:var(--display);font-weight:900;font-size:13px;color:var(--ink);background:var(--paper)}.sy-lane-in{display:flex;flex-wrap:wrap;gap:2px;min-width:0}.sy-lane-chip{display:grid;place-items:center;min-width:16px;height:16px;padding:0 3px;border-radius:2px;font-size:9px;font-weight:700;color:var(--ink);background:var(--acid)}.sy-lane-chip.off{background:#3b3b33;color:var(--muted)}.sy-lane-chip.lane{background:var(--paper)}.sy-toggle.mute{color:var(--ink);background:var(--danger);border-color:var(--danger);box-shadow:0 0 10px #ff5a3c4d}.sy-lane-body{flex:1;min-height:0;display:flex;flex-direction:column;gap:.35rem;padding:.4rem;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#3b3b33 transparent}.sy-lane-sum{font-weight:700;font-size:12px;color:var(--acid);margin-right:.15rem}.sy-fx-list{display:flex;flex-direction:column;gap:.3rem;margin:0;padding:0;list-style:none}.sy-fx{background:linear-gradient(180deg,#151513,#0d0d0b);border:1px solid var(--sy-line);border-radius:2px;box-shadow:inset 2px 0 0 var(--acid)}.sy-fx.bypassed{box-shadow:inset 2px 0 #2a2a24}.sy-fx.bypassed .sy-fx-params,.sy-fx.bypassed .sy-fx-name{opacity:.4}.sy-fx-head{display:flex;align-items:center;gap:.2rem;height:28px;padding:0 .2rem 0 .1rem;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.sy-fx-head:active{cursor:grabbing}.sy-fx.held{opacity:.3;border-style:dashed}.sy-fx-ghost{position:fixed;z-index:400;pointer-events:none;transform:translate(10px,-50%);display:flex;align-items:center;gap:.5rem;padding:.3rem .6rem;border-radius:2px;font:600 11px var(--mono, monospace);color:#0a0a09;background:var(--acid, #e4ff1a);box-shadow:0 10px 28px #000000b3}.sy-fx-ghost span{font-weight:400;opacity:.7}.sy-fx.land-before{position:relative}.sy-fx.land-before:before,.sy-fx-list.land-end:after{content:"";display:block;height:2px;border-radius:1px;background:var(--acid);box-shadow:0 0 8px var(--acid)}.sy-fx.land-before:before{position:absolute;left:0;right:0;top:-4px}.sy-fx-list.land-end:after{margin-top:1px}.sy-fx-head .sy-icon{width:20px;height:20px;font-size:11px}.sy-fx-name{font-size:10.5px;font-weight:600;color:var(--paper);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.sy-led{width:10px;height:10px;flex:none;margin:0 .25rem 0 .1rem;padding:0;border-radius:50%;cursor:pointer;background:#2a2a24;border:1px solid #3b3b33}.sy-led.on{background:var(--acid);border-color:var(--acid);box-shadow:0 0 8px #e4ff1a99}.sy-fx-params{display:flex;flex-wrap:wrap;gap:.2rem .05rem;padding:.25rem .3rem .4rem;border-top:1px solid #1c1c18}.sy-fx-params .knob{width:52px}.sy-fx-params .knob-label{max-width:52px;overflow:hidden;text-overflow:ellipsis}.sy-fx-params .sy-field{width:100%;flex-direction:row;align-items:center;gap:.4rem}.sy-fx-params .sy-stepper{padding:.15rem .25rem}.sy-fx-params .sy-field select{flex:1;height:22px}.sy-panel .sy-fx-add{height:26px;color:var(--muted);border-style:dashed}.sy-panel .sy-fx-add.first{height:30px}.sy-panel .sy-fx-add:hover{color:var(--paper);border-color:#e4ff1a80}.sy-fx-hint{font-size:10px;color:#55554c;text-align:center;margin-top:.3rem}.sy-lane-foot{display:flex;align-items:center;justify-content:space-between;gap:.4rem;padding:.35rem .5rem .45rem;border-top:1px solid var(--sy-line);background:#0a0a09}.sy-lane-out{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}.sy-lane-out select{width:100%}.sy-lane-pick{display:inline-flex;align-items:center;gap:.25rem;color:var(--muted);font-size:11px;margin-right:.3rem}.sy-lane-pick .sy-seg{height:22px}.sy-lane-pick .sy-seg button{min-width:1.4rem;padding:0 .3rem;font-weight:700}.sy-modbar{display:flex;flex-direction:column;min-width:0;background:var(--sy-bg)}.sy-modbar .sy-card-head{gap:.6rem}.sy-mod-add-inline{display:flex;gap:.3rem;margin-left:auto}.sy-mod-add-inline .sy-btn{height:22px;font-size:10px}.sy-mod-scroll{display:flex;align-items:stretch;min-height:250px;overflow-x:auto;background:var(--sy-bg);scrollbar-width:thin;scrollbar-color:#3b3b33 transparent;scroll-snap-type:x proximity}.sy-mod{flex:0 0 290px;display:flex;flex-direction:column;min-width:0;scroll-snap-align:start;border-right:1px solid var(--sy-line);background:linear-gradient(180deg,color-mix(in srgb,var(--sy-ink) 5%,#10100e),#0c0c0a 90px)}.sy-mod-head{display:flex;align-items:center;gap:.35rem;height:32px;padding:0 .4rem 0 .6rem;flex:none;border-bottom:1px solid var(--sy-line);box-shadow:inset 0 2px 0 var(--sy-ink)}.sy-mod-head h3{margin:0;font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--sy-ink);white-space:nowrap}.sy-mod-kind{font-size:8.5px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#0a0a09;background:var(--sy-ink);padding:1px 4px;border-radius:2px}.sy-mod-head .sy-seg{height:20px}.sy-mod-head .sy-seg button{padding:0 .35rem}.sy-mod-head .sy-icon{width:20px;height:20px;font-size:12px}.sy-mod-body{display:flex;flex-direction:column}.sy-mod.env .sy-mod-body .sy-scope{width:auto;margin:.6rem .7rem 0;height:70px}.sy-mod-add{flex:0 0 150px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4rem;padding:1rem;background:repeating-linear-gradient(135deg,transparent 0 6px,rgba(255,255,255,.012) 6px 12px),var(--sy-bg)}.sy-mod-add .sy-btn{width:100%}.sy-grid-select{height:22px}.sy-field{flex:1;min-width:5rem}.sy-field{display:flex;flex-direction:column;gap:3px;align-items:stretch}.sy-stepper{display:flex;flex-direction:column;align-items:flex-start;gap:3px}.sy-stepper-row{display:flex;height:24px;border:1px solid var(--sy-line);border-radius:2px;background:var(--sy-well)}.sy-stepper-row button{font:inherit;font-size:12px;width:1.35rem;color:var(--muted);background:transparent;border:0;cursor:pointer;padding:0}.sy-stepper-row button:hover:not(:disabled){color:var(--acid)}.sy-stepper-row button:disabled{opacity:.3;cursor:default}.sy-stepper-row output{display:grid;place-items:center;min-width:1.9rem;font-size:11px;font-variant-numeric:tabular-nums;border-inline:1px solid var(--sy-line)}.sy-stepper .sy-small-label{order:-1}.sy-seg{display:flex;height:22px;border:1px solid var(--sy-line);border-radius:2px;background:var(--sy-well)}.sy-seg button{font:inherit;font-size:10px;color:var(--muted);background:transparent;border:0;padding:0 .5rem;cursor:pointer;white-space:nowrap}.sy-seg button+button{border-left:1px solid var(--sy-line)}.sy-seg button:hover{color:var(--paper)}.sy-seg button.on{color:var(--ink);background:linear-gradient(#f6f4ea,#d9d7cc);box-shadow:inset 0 -1px #00000040}.sy-lfo-controls{display:flex;flex-wrap:wrap;align-items:flex-end;gap:.4rem;padding:.6rem .7rem .3rem}.sy-rate{display:flex;align-items:flex-end;gap:.35rem}.sy-dests{display:grid;gap:.2rem;padding:.5rem .7rem .7rem;margin-top:auto;border-top:1px solid var(--sy-line)}.sy-dests-foot{display:flex;align-items:center;gap:.5rem;margin-top:.15rem}.sy-dest{display:grid;grid-template-columns:6px minmax(0,1fr) auto 24px;align-items:center;gap:0 .4rem;padding:2px 0 2px 4px;margin-left:-4px;border-radius:2px}.sy-dest:hover{background:#ffffff06}.sy-dest select{width:100%}.sy-dest-amt .knob{width:36px}.sy-dest-amt .knob svg{width:28px;height:28px}.sy-dest-amt .knob-label{display:none}.sy-dest .sy-x{width:24px;height:24px;font:inherit;font-size:13px;color:var(--muted);background:transparent;border:0;cursor:pointer}.sy-dest .sy-x:hover{color:var(--paper)}.sy-dot{width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 6px currentColor}.sy-mod .sy-dest-amt .knob-value{stroke:var(--sy-ink)}.sy-add{justify-self:start;height:22px;padding:0 .6rem;font-size:10px}.sy-modknob{position:relative;display:inline-flex}.sy-rings{position:absolute;left:0;top:-4px;pointer-events:none}.sy-ring{fill:none;stroke-width:2.5}.sy-lfo-shapes{display:grid;grid-template-columns:repeat(auto-fit,minmax(42px,1fr));gap:3px;padding:.55rem .7rem 0}.sy-lfo-shapes button{min-width:0;height:20px;padding:0 .2rem;font:inherit;font-size:9.5px;color:var(--muted);background:var(--sy-well);border:1px solid var(--sy-line);border-radius:2px;cursor:pointer;transition:color .12s,border-color .12s,background-color .12s}.sy-lfo-shapes button:hover{color:var(--paper);border-color:var(--sy-line-strong)}.sy-lfo-shapes button.on{color:var(--sy-ink);border-color:color-mix(in srgb,var(--sy-ink) 60%,transparent);background:color-mix(in srgb,var(--sy-ink) 10%,var(--sy-well))}.sy-lfo-draw{padding:.45rem .7rem 0}.sy-lfo-controls{justify-content:space-between;align-items:center}.sy-lfo-controls .sy-seg button{min-width:1.6rem}.sy-panel .knob{position:relative}.sy-panel .knob:before{content:"";position:absolute;top:8px;left:50%;width:20px;height:20px;margin-left:-10px;border-radius:50%;background:radial-gradient(circle at 38% 30%,#34342e,#121210 72%);box-shadow:0 2px 3px #000000d9,inset 0 1px #ffffff14;pointer-events:none}.sy-panel .knob svg{position:relative;z-index:1}.sy-panel .knob-track{stroke:#1d1d19;stroke-width:3}.sy-panel .knob-value{stroke-width:3;stroke-linecap:round}.sy-panel .knob.changed .knob-value{filter:drop-shadow(0 0 2.5px rgba(228,255,26,.55))}.sy-panel .knob-hand{stroke-width:1.75;stroke-linecap:round}.sy-panel .knob:hover .knob-label{color:var(--paper)}.sy-panel .knob:hover .knob-track{stroke:#2a2a24}.sy-fx-params .sy-rings{left:4px}.sy-mod-head{cursor:pointer}.sy-mod.focused .sy-mod-head{background:color-mix(in srgb,var(--sy-ink) 10%,transparent)}.sy-assign{display:grid;place-items:center;width:20px;height:20px;padding:0;flex:none;color:var(--sy-ink);background:transparent;border:1px solid color-mix(in srgb,var(--sy-ink) 45%,transparent);border-radius:50%;cursor:grab;touch-action:none}.sy-assign:hover,.sy-assign.held{background:color-mix(in srgb,var(--sy-ink) 18%,transparent)}.sy-assign.held{cursor:grabbing}.sy-panel.assigning,.sy-panel.assigning *{cursor:grabbing!important}.sy-assign-ghost{color:#0a0a09}.sy-modknob,.sy-modzone{border-radius:4px;transition:box-shadow .1s,opacity .1s}.sy-modzone{position:relative;display:flex;align-items:flex-end;gap:.35rem}.sy-pitch-zone{grid-column:1 / -1}.sy-panel.assigning .drop-no{opacity:.35}.sy-panel.assigning .drop-ok{box-shadow:0 0 0 1px color-mix(in srgb,var(--acid, #e4ff1a) 55%,transparent)}.sy-panel.assigning .drop-over{box-shadow:0 0 0 2px var(--acid, #e4ff1a),0 0 12px color-mix(in srgb,var(--acid, #e4ff1a) 40%,transparent)}.sy-modknob.lit,.sy-modzone.lit{box-shadow:0 0 0 1px var(--sy-lit),0 0 10px color-mix(in srgb,var(--sy-lit) 45%,transparent)}.sy-ring-hit{fill:none;stroke:transparent;stroke-width:5;pointer-events:stroke;cursor:ns-resize}.sy-badge{position:absolute;right:-3px;top:-5px;display:flex;gap:1px;padding:2px 3px;z-index:1;background:var(--sy-well);border:1px solid var(--sy-line-strong);border-radius:6px;cursor:pointer}.sy-modzone .sy-badge{position:static;align-self:center}.sy-badge:hover{border-color:var(--paper)}.sy-badge-dot{width:5px;height:5px;border-radius:50%}.sy-route{display:grid;grid-template-columns:6px minmax(0,1fr) minmax(60px,90px) 2.2em 20px;align-items:center;gap:0 .4rem;min-height:22px;padding:0 0 0 4px;margin-left:-4px;border-radius:2px}.sy-route:hover{background:#ffffff06}.sy-route-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--paper)}.sy-amt{position:relative;display:block;height:14px;cursor:ew-resize;touch-action:none;outline:none}.sy-amt:before{content:"";position:absolute;left:0;right:0;top:6px;height:2px;border-radius:1px;background:var(--line)}.sy-amt:after{content:"";position:absolute;left:50%;top:3px;width:1px;height:8px;background:var(--line)}.sy-amt-bar{position:absolute;top:5px;height:4px;border-radius:1px;background:var(--sy-route)}.sy-amt-thumb{position:absolute;top:2px;width:4px;height:10px;margin-left:-2px;border-radius:1px;background:var(--paper)}.sy-amt:focus-visible{box-shadow:0 0 0 1px var(--acid);border-radius:2px}.sy-route output{font-size:10px;text-align:right;color:var(--muted);font-variant-numeric:tabular-nums}.sy-route .sy-x{width:20px;height:20px;font:inherit;font-size:13px;color:var(--muted);background:transparent;border:0;cursor:pointer;padding:0}.sy-route .sy-x:hover{color:var(--paper)}.sy-panel.assigning .sy-route.drop-ok,.sy-panel.assigning .sy-route[data-sy-target]{border-radius:2px}.sy-pop{position:fixed;z-index:450;display:grid;gap:.3rem;min-width:220px;max-width:320px;padding:.5rem .6rem;font-size:11px;color:var(--paper, #f2f0e6);background:#0e0e0c;border:1px solid #3b3b33;border-radius:3px;box-shadow:0 12px 32px #000000b3;--sy-well: #050504;--sy-line: #25251f;--sy-line-strong: #3b3b33}.sy-pop .sy-small-label{font-size:9px;color:var(--muted, #8a887e);letter-spacing:.06em;text-transform:uppercase}.sy-picker{width:260px}.sy-picker-search{font:inherit;font-size:11px;height:24px;padding:0 .45rem;color:inherit;background:#050504;border:1px solid #3b3b33;border-radius:2px}.sy-picker-list{display:grid;gap:.35rem;max-height:300px;overflow-y:auto;scrollbar-width:thin}.sy-picker-group{display:grid}.sy-picker-group button{font:inherit;font-size:11px;text-align:left;padding:3px .4rem;color:inherit;background:transparent;border:0;border-radius:2px;cursor:pointer}.sy-picker-group button:hover,.sy-picker-group button.on{background:#e4ff1a1f;color:var(--acid, #e4ff1a)}.synth-window{position:fixed;width:min(760px,calc(100vw - 32px));max-height:calc(100vh - 24px);overflow:auto;color:var(--paper);background:repeating-linear-gradient(45deg,rgba(242,240,230,.03) 0 1px,transparent 1px 7px),linear-gradient(150deg,var(--canvas),var(--well) 60%);border:1px solid var(--line);border-radius:6px;box-shadow:0 24px 60px #000000b3,inset 0 1px #ffffff0d;outline:none}.synth-window.front{border-color:var(--dim);box-shadow:0 30px 80px #000000d9,inset 0 1px #ffffff12}.synth-window:not(.front) .sw-title{color:var(--muted)}.synth-window.wide{resize:both;min-width:min(760px,calc(100vw - 32px));min-height:320px}.sw-head{position:sticky;top:0;z-index:1;display:flex;align-items:center;flex-wrap:wrap;gap:.4rem .6rem;padding:.55rem .6rem .55rem 1.1rem;background:#0a0a09eb;border-bottom:1px solid var(--line);border-radius:6px 6px 0 0;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.sw-head:active{cursor:grabbing}.sw-title{margin:0;font-family:var(--display);font-weight:900;font-stretch:125%;font-size:20px;line-height:1;letter-spacing:-.03em}.sw-kind{font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);border:1px solid var(--line);border-radius:2px;padding:1px 5px;white-space:nowrap}.sw-where{font-size:11px;color:var(--acid);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.sw-spacer{flex:1}.sw-head .btn{border-radius:2px;height:26px;padding:0 .75rem}.sw-close{width:26px;height:26px;padding:0;border-radius:2px;font:inherit;font-size:18px;line-height:1;color:var(--muted);background:none;border:1px solid var(--line);cursor:var(--ring)}.sw-close:hover{color:var(--ink);background:var(--danger);border-color:var(--danger)}.sw-keys{display:inline-flex;align-items:center;gap:.3rem;font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);height:26px;padding:0 .35rem 0 .5rem;border:1px solid var(--line);border-radius:2px;cursor:default}.synth-window:focus-within .sw-keys{color:var(--paper);border-color:var(--dim)}.sw-keys-led{width:6px;height:6px;border-radius:50%;background:var(--line)}.synth-window:focus-within .sw-keys-led{background:var(--muted)}.sw-keys.lit .sw-keys-led{background:var(--acid);box-shadow:0 0 6px var(--acid)}.sw-oct{width:18px;height:18px;padding:0;border-radius:2px;font:inherit;font-size:12px;line-height:1;color:inherit;background:none;border:1px solid var(--line);cursor:var(--ring)}.sw-oct:disabled{opacity:.35;cursor:default}.sw-oct-at{min-width:1.8em;text-align:center;font-variant-numeric:tabular-nums;text-transform:none}.sw-body{display:grid;gap:.8rem;padding:.8rem 1.1rem 1.1rem}.sw-groups{display:flex;flex-wrap:wrap;gap:.6rem}.sw-group{flex:1 1 auto;min-width:0;padding:.5rem .6rem .55rem;background:#00000073;border:1px solid var(--line);border-radius:3px}.sw-group-title{margin:0 0 .35rem;font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.sw-knobs{display:flex;flex-wrap:wrap;gap:.25rem .35rem}.sw-knobs .knob{width:50px}.synth-window.sw-kick{display:flex;flex-direction:column}.sw-kick .sw-body{flex:1 0 auto;grid-template-rows:minmax(0,1fr)}.kick-panel{display:grid;grid-template-columns:84px minmax(0,1fr);grid-template-rows:minmax(230px,1fr) auto;gap:.6rem}.kick-tabs{display:flex;flex-direction:column;gap:2px}.kick-tab{display:flex;align-items:center;justify-content:space-between;height:30px;padding:0 .6rem;font:inherit;font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);background:#00000073;border:1px solid var(--line);border-left:2px solid transparent;border-radius:2px;cursor:var(--ring);text-align:left}.kick-tab:hover{color:var(--paper)}.kick-tab.on{color:var(--paper);background:var(--canvas);border-left-color:var(--acid)}.kick-tab-dot{width:4px;height:4px;border-radius:50%;background:var(--acid)}.kick-display{position:relative;min-height:230px}.kick-shape{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;background:var(--well);border:1px solid var(--line);border-radius:3px}.kick-bar{grid-column:1 / -1;display:flex;align-items:center;gap:.6rem;min-height:72px;padding:.45rem .6rem;background:#00000073;border:1px solid var(--line);border-radius:3px}.kick-bar-section,.kick-bar-pinned{display:flex;flex-wrap:wrap;align-items:flex-start;gap:.3rem .35rem}.kick-bar-section{flex:1;min-width:0}.kick-bar-pinned{flex:none;padding-left:.6rem;border-left:1px solid var(--line);align-self:stretch;align-items:center}.kick-bar .knob{width:50px}.kick-bar-note{font-size:10px;color:var(--muted)}.kick-pick,.kick-choice{display:inline-flex;flex-direction:column;align-items:center;gap:1px}.kick-pick{width:64px}.kick-pick select{width:100%;height:22px;margin:7px 0;padding:0 .25rem;font:inherit;font-size:10px;color:var(--paper);background:var(--well);border:1px solid var(--line);border-radius:2px;cursor:var(--ring)}.kick-pick select:hover{border-color:var(--dim)}.kick-pick select:focus-visible{outline:1px solid var(--acid);outline-offset:1px}.kick-pick.changed select{border-color:var(--muted)}.kick-pick.changed .knob-label,.kick-choice.changed .knob-label{color:var(--paper)}.kick-seg{display:flex;height:22px;margin:7px 0;border:1px solid var(--line);border-radius:2px;background:var(--well)}.kick-seg button{font:inherit;font-size:10px;color:var(--muted);background:transparent;border:0;padding:0 .4rem;cursor:var(--ring);white-space:nowrap}.kick-seg button+button{border-left:1px solid var(--line)}.kick-seg button:hover{color:var(--paper)}.kick-seg button.on{color:var(--ink);background:var(--acid)}.sound-btn.engine{padding:0;align-items:stretch}.sound-btn.engine button{font:inherit;background:none;border:0;cursor:var(--ring)}.sound-btn.engine .sound-name{flex:1;text-align:left;padding:.3rem .45rem;font-weight:600}.sound-btn.engine .sound-name:after{content:" ↗";color:var(--muted);font-weight:400}.sound-btn.engine .sound-caret{padding:0 .5rem;border-left:1px solid var(--line)}.sound-btn.engine button:hover{color:var(--paper);background:var(--canvas)}.peer-tray{position:fixed;right:14px;bottom:14px;z-index:70;display:flex;align-items:center;gap:8px;padding:7px 9px;background:#0a0a0eb8;border:1px solid rgba(255,255,255,.09);border-radius:999px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 6px 22px #00000073}.peer-faces{display:flex;align-items:center;gap:5px}.peer-face{position:relative;display:grid;place-items:center}.peer-face-box{display:block;width:34px;height:34px}.peer-face.me{margin-left:6px;opacity:.8}.peer-face.me .peer-face-box{width:26px;height:26px}.peer-face.me:before{content:"";position:absolute;left:-5px;width:1px;height:20px;background:#ffffff1f}.peer-face.away{opacity:.88}.peer-face-says{position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%) translateY(2px);padding:1px 5px;font-size:9px;font-weight:700;line-height:1.6;letter-spacing:.01em;white-space:nowrap;color:var(--well);background:var(--face-ink, #fff);border-radius:4px;opacity:0;pointer-events:none;transition:opacity .12s ease,transform .12s ease}.peer-face-says:after{content:"";position:absolute;top:100%;left:50%;width:0;height:0;margin-left:-3px;border:3px solid transparent;border-top-color:var(--face-ink, #fff);border-bottom:0}.peer-face.away .peer-face-says,.peer-face:hover .peer-face-says{opacity:1;transform:translate(-50%) translateY(0)}.peer-face:hover{z-index:1}.says-tab{display:inline}.says-name,.peer-face:hover .says-tab{display:none}.peer-face:hover .says-name{display:inline}@media (max-width: 640px){.peer-tray{right:8px;bottom:8px;padding:5px 7px}.peer-face-box{width:28px;height:28px}}.peer-face-photo{position:absolute;right:-3px;bottom:-3px;width:15px;height:15px;box-shadow:0 0 0 1.5px var(--canvas);pointer-events:none}.peer-face.me .peer-face-photo{width:12px;height:12px}:root{color-scheme:dark;--shell: #232327;--panel: #2b2b30;--raised: #35353b;--sunk: #1c1c20;--canvas: #141417;--well: #0f0f12;--line: #3a3a41;--paper: #e9e9e7;--muted: #9b9ba1;--dim: #6d6d74;--acid: #e0a33c;--ink: #141410;--danger: #e8563f;--sidebar: 340px;--display: "Archivo", "Arial Narrow", system-ui, sans-serif;--mono: "Martian Mono", ui-monospace, "SF Mono", Menlo, monospace}:root{--dot: default;--ring: pointer;--cut: not-allowed}@media (pointer: fine){:root{--dot: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12" fill="none"><circle cx="6" cy="6" r="4" fill="white" stroke="black" stroke-width="1"/></svg>') 6 6, default;--ring: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><circle cx="10" cy="10" r="7" stroke="white" stroke-width="1.5"/><circle cx="10" cy="10" r="8.25" stroke="black" stroke-width="0.75"/></svg>') 10 10, pointer;--cut: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none"><path d="M5 5 13 13M13 5 5 13" stroke="black" stroke-width="4.5" stroke-linecap="round"/><path d="M5 5 13 13M13 5 5 13" stroke="%23ff3b30" stroke-width="2.2" stroke-linecap="round"/></svg>') 9 9, not-allowed}}html{cursor:var(--dot)}a,button,[role=button],input,textarea,select,label,summary{cursor:var(--ring)}.react-flow .react-flow__pane{cursor:var(--dot)}.react-flow .react-flow__pane.dragging,.react-flow .react-flow__node,.react-flow .react-flow__edge-interaction,.react-flow .react-flow__minimap,.react-flow .react-flow__controls-button{cursor:var(--ring)}.cm-editor .cm-content{cursor:text}*{box-sizing:border-box}[hidden]{display:none!important}html,body,#root{height:100%}body{margin:0;font-family:var(--mono);font-size:13px;font-stretch:87.5%;background:var(--shell);color:var(--paper)}:focus-visible{outline:2px solid var(--acid);outline-offset:2px}#root{user-select:none;-webkit-user-select:none}input,textarea,select,[contenteditable=true],.cm-editor,.tp,.selectable{user-select:text;-webkit-user-select:text}img,svg,a{-webkit-user-drag:none}body.dragging,body.dragging *{user-select:none!important;-webkit-user-select:none!important}.branch-mark{width:11px;height:11px;flex:none;vertical-align:-1px;fill:currentColor;stroke:currentColor;stroke-width:1.3;stroke-linecap:round}.branch-mark path{fill:none}#root{scrollbar-width:thin;scrollbar-color:var(--sunk) transparent}#root :hover>::-webkit-scrollbar-thumb{background:var(--line)}#root ::-webkit-scrollbar{width:9px;height:9px}#root ::-webkit-scrollbar-track{background:transparent}#root ::-webkit-scrollbar-thumb{background:var(--sunk);border:2px solid transparent;border-radius:999px;background-clip:content-box}#root ::-webkit-scrollbar-thumb:hover{background:var(--line);background-clip:content-box}#root ::-webkit-scrollbar-corner{background:transparent}.page{max-width:640px;margin:0 auto;padding:4rem 1.5rem;color:var(--muted)}.link,.linkish{color:var(--acid);text-decoration:underline;text-underline-offset:3px}.linkish{background:none;border:0;padding:0;font:inherit;cursor:var(--ring)}.btn{font:inherit;text-transform:lowercase;color:var(--paper);background:transparent;border:1px solid var(--line);border-radius:0;padding:.4rem .75rem;cursor:var(--ring);white-space:nowrap}.btn:hover:not(:disabled){border-color:var(--paper)}.btn:disabled{opacity:.4;cursor:var(--dot)}.btn.on{border-color:var(--acid);color:var(--acid)}.btn.primary{background:var(--acid);border-color:var(--acid);color:var(--ink);font-weight:700}.btn.primary:disabled{background:transparent;color:var(--muted);border-color:var(--line);opacity:1}.btn.ghost{border-color:transparent;color:var(--muted)}.btn.danger:hover:not(:disabled){color:var(--danger);border-color:var(--danger)}.select{font:inherit;color:var(--paper);background:var(--canvas);border:1px solid var(--line);border-radius:0;padding:.4rem .5rem;min-width:0}.studio{display:flex;flex-direction:column;height:100%}.bar{position:relative;display:flex;align-items:center;gap:.6rem;height:64px;padding:0 1rem 0 .4rem;border-bottom:1px solid var(--line);background:var(--shell);overflow:hidden}.logo{align-self:center;margin:0 .55rem 0 .15rem;font-family:var(--display);font-weight:900;font-stretch:125%;font-size:17px;line-height:.82;letter-spacing:-.035em;color:var(--acid);text-decoration:none;display:flex;align-items:flex-start;gap:.1em}.logo-card{display:inline-flex}@media (max-width: 1240px){.logo-word{display:none}}@media (pointer: fine) and (prefers-reduced-motion: no-preference){.logo-card{perspective:420px}.logo{transform:rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg));transform-style:preserve-3d;transition:transform .6s cubic-bezier(.2,.8,.2,1)}.logo-card[data-live] .logo{transition:transform .08s linear}.logo-mark,.logo-word{transition:transform .35s cubic-bezier(.2,.8,.2,1)}.logo-card[data-live] .logo-mark{transform:translateZ(18px) rotate(calc(var(--ry, 0deg) * -.35))}.logo-card[data-live] .logo-word{transform:translateZ(7px)}}.logo-mark{flex:none;width:.46em;height:.46em;margin:.01em .04em 0 .08em;overflow:visible}.btn.play{font-family:var(--display);font-weight:800;font-stretch:112%;font-size:1.05rem;text-transform:uppercase;letter-spacing:.02em;padding:.45rem 1.3rem;background:var(--acid);border-color:var(--acid);color:var(--ink)}.btn.play.on{background:var(--canvas);color:var(--acid)}.btn.stop{text-transform:uppercase;font-family:var(--display);font-weight:700;font-stretch:112%}.cycle-bar:after{content:"";position:absolute;inset:0 auto 0 0;width:calc(var(--phase, 0) * 100%);background:var(--acid)}.hint{font-size:11px;color:var(--muted)}.spacer{flex:1}.user{display:flex;align-items:center;gap:.6rem;min-width:0}.avatar{width:26px;height:26px;display:grid;place-items:center;background:var(--paper);color:var(--ink);font-family:var(--display);font-weight:900;font-size:.85rem}.user-name{color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:16ch}.body{flex:1;display:flex;min-height:0;position:relative}.main{flex:1;display:flex;flex-direction:column;min-width:0}.track{display:flex;align-items:center;gap:.35rem;flex-shrink:0}.bar-side.right>:not(.track){flex-shrink:0}.bar>.btn,.bar>.user,.bar>.lcd,.bar>.transport{flex-shrink:0}.bar .seg.views{font-size:inherit;padding:0;align-items:center;gap:0;flex-wrap:nowrap}.bar-side{display:flex;align-items:center;gap:inherit;flex:1 1 0;align-self:stretch}.bar-side.left{min-width:max-content}.bar-side.right{min-width:0;overflow:hidden;justify-content:flex-end}@media (max-width: 1600px){.bar .loop-range{display:none}}@media (max-width: 1460px){.bar .lcd.meter{display:none}}@media (max-width: 1320px){.bar .position.clock{display:none}}@media (max-width: 1180px){.bar .lcd.oct{display:none}}@media (max-width: 1080px){.bar .btn.loop{display:none}}.btn.browse-btn{display:inline-flex;align-items:center;gap:.4rem;flex:none;font-weight:700}.btn.browse-btn svg{display:block;color:var(--muted)}.btn.browse-btn:hover svg,.btn.browse-btn.on svg{color:inherit}@media (max-width: 1180px){.browse-word{display:none}}.btn.bar-export{display:inline-flex;align-items:center;gap:.4rem;flex:none;font-weight:700;font-size:11.5px;padding:.26rem .75rem;border-radius:999px;color:var(--acid);border-color:color-mix(in srgb,var(--acid) 42%,var(--line));background:color-mix(in srgb,var(--acid) 9%,transparent);transition:background .14s ease,color .14s ease,border-color .14s ease}.btn.bar-export svg{display:block}.btn.bar-export:hover:not(:disabled){color:var(--ink);background:var(--acid);border-color:var(--acid)}.btn.bar-export:disabled{color:var(--muted);border-color:var(--line);background:transparent;opacity:.55}@media (max-width: 1180px){.export-word{display:none}}.canvas-switch{--cs-w: 7.4rem;position:relative;display:grid;grid-template-columns:var(--cs-w) var(--cs-w);flex:none;margin-inline:.75rem;padding:4px;border-radius:999px;background:repeating-linear-gradient(45deg,rgba(242,240,230,.05) 0 1px,transparent 1px 6px),repeating-linear-gradient(-45deg,rgba(242,240,230,.05) 0 1px,transparent 1px 6px),linear-gradient(145deg,var(--well),var(--canvas));box-shadow:inset 4px 4px 9px #000000d9,inset -3px -3px 8px #ffffff0b,0 0 0 1px #ffffff09}.cs-thumb{position:absolute;z-index:2;top:4px;bottom:4px;left:4px;width:var(--cs-w);border-radius:999px;pointer-events:none;background:#f2f0e60f;-webkit-backdrop-filter:blur(1.5px) brightness(1.25);backdrop-filter:blur(1.5px) brightness(1.25);box-shadow:0 3px 8px #0000008c,inset 1px 1px #ffffff38,inset -1px -1px #ffffff0d;transition:transform .38s cubic-bezier(.34,1.42,.5,1),opacity .2s ease}.cs-thumb.refracting{background:#f2f0e609;-webkit-backdrop-filter:var(--glass) brightness(1.18);backdrop-filter:var(--glass) brightness(1.18);box-shadow:0 3px 8px #0000008c}@media (prefers-reduced-transparency: reduce){.cs-thumb,.cs-thumb.refracting{-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--sunk);box-shadow:0 3px 8px #0000008c,inset 1px 1px #ffffff1a}}.canvas-switch.at-second .cs-thumb{transform:translate(100%)}.canvas-switch.at-neither .cs-thumb{opacity:0;transform:translate(50%) scale(.85)}.cs-opt{position:relative;z-index:1;padding:.42rem 0;font-family:var(--display);font-weight:800;font-stretch:112%;font-size:.95rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);background:none;border:0;border-radius:999px;cursor:var(--ring);transition:color .25s ease}.cs-opt:hover:not(:disabled):not(.on){color:var(--muted)}.cs-opt.on{color:var(--paper)}.cs-opt:disabled{opacity:.35;cursor:var(--dot)}.cs-opt:focus-visible{outline:1px solid var(--acid);outline-offset:-3px}@media (prefers-reduced-motion: reduce){.cs-thumb,.cs-opt{transition:none}}.seg.side-views .btn{font-size:12px}.phone-tabs{display:none!important}.btn.track-more{padding-inline:.55rem;font-weight:700;letter-spacing:.05em}.save-split{display:inline-flex;align-items:stretch}.save-split .btn.save{border-right-width:0}.btn.save{transition:color .5s,border-color .5s,opacity .5s}.btn.save.just-saved:disabled{color:var(--acid);border-color:var(--acid);opacity:1}.btn.save-more{padding-inline:.4rem;font-size:10px;line-height:1}.btn.save-more.primary{background:var(--acid);border-color:var(--acid);color:var(--ink);border-left:1px solid rgba(0,0,0,.35)}.btn.new-track-btn{font-weight:700}.btn.save-more svg{display:block}.btn.avatar-btn{width:30px;height:30px;padding:0;display:grid;place-items:center;font-family:var(--display);font-weight:900;font-size:.9rem;color:var(--ink);background:var(--paper);border-color:var(--paper)}.btn.avatar-btn:hover:not(:disabled),.btn.avatar-btn.on{color:var(--ink);background:var(--acid);border-color:var(--acid)}.user-menu{width:230px;padding:.3rem;display:grid}.user-menu-who{margin:0;padding:.45rem .55rem .55rem;font-size:11px;color:var(--muted);border-bottom:1px solid var(--line);margin-bottom:.25rem}.user-menu-who strong{display:block;color:var(--paper);font-weight:600;font-size:12px}.user-menu-who span{display:block;overflow:hidden;text-overflow:ellipsis}@media (max-width: 1600px){.new-word{display:none}}.file-menu{width:250px;padding:.3rem;display:grid}.file-item{display:flex;align-items:center;justify-content:space-between;gap:1rem;width:100%;padding:.45rem .55rem;font:inherit;font-size:12px;color:var(--paper);background:none;border:0;text-align:left;cursor:var(--ring)}.file-item:hover:not(:disabled),.file-item:focus-visible{background:#ffffff12;outline:none}.file-item:disabled{color:var(--dim);cursor:var(--dot)}.file-item kbd{font:inherit;font-size:10px;color:var(--muted);white-space:nowrap}.file-line{margin:.25rem .2rem;border:0;border-top:1px solid var(--line)}.track-status{max-width:22rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.popover{position:fixed;z-index:80;background:var(--panel);border:1px solid var(--acid);box-shadow:8px 8px #000}.track-menu{width:280px;max-width:calc(100vw - 16px);display:grid;gap:.15rem;padding:.55rem .3rem .3rem}.tm-title{margin:0 .25rem;padding:.15rem .25rem;font-family:var(--display);font-weight:800;font-stretch:112%;font-size:1.05rem;color:var(--paper);background:transparent;border:0;border-bottom:1px solid var(--line);min-width:0}.tm-title:hover,.tm-title:focus{border-bottom-color:var(--acid);outline:none}.tm-heading{margin:0 .5rem;font-family:var(--display);font-weight:800;font-stretch:112%;font-size:1.05rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tm-status{margin:.25rem .5rem .45rem;font-size:10.5px;line-height:1.45;color:var(--muted)}.tm-unsaved{color:var(--acid)}.tm-row{display:flex;align-items:center;justify-content:space-between;gap:.6rem;padding:.3rem .55rem;font-size:11.5px;color:var(--muted);white-space:nowrap}.tm-seg{display:inline-flex;border:1px solid var(--line)}.tm-seg button{font:inherit;font-size:10.5px;white-space:nowrap;padding:.2rem .45rem;color:var(--muted);background:none;border:0;cursor:var(--ring)}.tm-seg button+button{border-left:1px solid var(--line)}.tm-seg button:hover:not(.on){color:var(--paper)}.tm-seg button.on{color:var(--ink);background:var(--paper)}.select.tm-select{padding:.15rem .35rem;font-size:11px}.file-item.danger{color:var(--muted)}.file-item.danger:hover{color:var(--danger)}.track-line{display:inline-flex;align-items:center;gap:.5rem;font-size:10px;color:var(--muted)}.track-line-from,.track-line-out{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:var(--ring);text-decoration:underline;text-decoration-color:transparent;transition:color .12s ease,text-decoration-color .12s ease;max-width:14rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-line-from:hover,.track-line-out:hover{color:var(--paper);text-decoration-color:currentColor}.track-heading{font-size:10px;margin-right:.35rem;max-width:16rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.meta{color:var(--muted);font-size:11.5px}.editor{flex:1;overflow:auto;position:relative;background:var(--canvas)!important}.editor .cm-editor{height:100%;font-size:15px}.editor .cm-content{font-stretch:87.5%}.error{margin:0;padding:.6rem 1rem;border-top:2px solid var(--danger);color:var(--paper);background:var(--canvas);font:inherit;white-space:pre-wrap}.lcd{position:relative;display:inline-flex;align-items:baseline;gap:.35rem;padding:.25rem .55rem;border:1px solid var(--line);background:var(--panel)}.lcd-value{font:inherit;font-size:1.05rem;font-weight:700;font-variant-numeric:tabular-nums;color:var(--acid);background:transparent;border:0;padding:0;min-width:0}.tempo .lcd-value{width:3.6ch}.tempo:focus-within{border-color:var(--acid)}.tempo .lcd-value:focus{outline:none}.tempo{cursor:ns-resize;touch-action:none;-webkit-user-select:none;user-select:none}.tempo .lcd-value{cursor:ns-resize}.tempo.editing,.tempo.editing .lcd-value{cursor:text;-webkit-user-select:text;user-select:text}.tempo.dragging{border-color:var(--acid)}.tempo:not(.editing) .lcd-value::selection{background:transparent}.tempo.editing{border-color:var(--acid)}.tempo.editing .lcd-value:focus{caret-color:var(--paper);outline:1px solid color-mix(in srgb,var(--acid) 45%,transparent);outline-offset:2px;background:color-mix(in srgb,var(--acid) 8%,transparent)}.lcd.oct{align-items:center;gap:.2rem}.lcd.oct .lcd-value{font-size:.95rem;min-width:2.4ch;text-align:center}.lcd-step{font:inherit;font-size:13px;line-height:1;color:var(--muted);background:none;border:0;padding:0 .2rem;cursor:var(--ring)}.lcd-step:hover:not(:disabled){color:var(--acid)}.lcd-step:disabled{opacity:.3;cursor:var(--dot)}.lcd-unit{font-size:10px;color:var(--muted);font-family:inherit;background:none;border:0;padding:0;cursor:var(--ring)}button.lcd-unit:hover{color:var(--acid)}.position.clock .lcd-value{cursor:var(--ring);color:var(--paper)}.position.clock.running .lcd-value{color:var(--acid)}.position .cycle-bar{position:absolute;left:0;right:0;bottom:-1px;height:2px;background:transparent}.position:not(.running) .lcd-value{color:var(--paper)}.transport{display:inline-flex;gap:.3rem;align-items:center}.btn.tport{font-family:var(--display);font-weight:700;font-stretch:112%;text-transform:uppercase;padding-inline:.55rem}.position .lcd-value{width:5.2ch;cursor:text}.position.clock .lcd-value{width:6.6ch}.position .lcd-value:focus{outline:none}.position:focus-within{border-color:var(--acid)}.position .lcd-value.invalid{color:var(--danger)}.meter .lcd-value{-moz-appearance:none;appearance:none;-webkit-appearance:none;cursor:var(--ring);font-size:.95rem;padding-right:.1rem}.meter .lcd-value option{background:var(--canvas);color:var(--paper)}.meter:focus-within{border-color:var(--acid)}.btn.loop .loop-range{color:var(--muted);font-size:11px}.btn.loop.on .loop-range{color:var(--acid)}.code-toggle.has-error{border-color:var(--danger);color:var(--danger)}.main{position:relative}.canvas-slot{flex:1;display:flex;flex-direction:column;min-height:0;min-width:0}.main.swapping{overflow:hidden}.main.swapping>.canvas-slot{position:absolute;top:0;right:0;bottom:0;left:0;will-change:transform}.main.swapping>.canvas-slot.coming{z-index:2;transform:translate(calc(var(--dir, 1) * 100%))}.main.swapping>.canvas-slot.going{z-index:1}.main.swapping.run>.canvas-slot{transition:transform .36s cubic-bezier(.22,.9,.24,1),opacity .36s ease}.main.swapping.run>.canvas-slot.coming{transform:none}.main.swapping.run>.canvas-slot.going{transform:translate(calc(var(--dir, 1) * -44%));opacity:0}@media (prefers-reduced-motion: reduce){.main.swapping.run>.canvas-slot{transition:none}}.browse-sheet{flex:1;display:flex;flex-direction:column;min-height:0;min-width:0}.main.sheeting{overflow:hidden}.main.sheeting>.canvas-slot{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.main.sheeting>.browse-sheet{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;background:var(--canvas);will-change:transform;box-shadow:0 20px 44px #000000b3}.main.sheeting>.browse-sheet.coming{animation:sheet-down .34s cubic-bezier(.22,.9,.24,1) both}.main.sheeting>.browse-sheet.going{animation:sheet-up .34s cubic-bezier(.45,0,.75,.2) both}@keyframes sheet-down{0%{transform:translateY(-100%)}to{transform:none}}@keyframes sheet-up{0%{transform:none}to{transform:translateY(-100%)}}.main.sheeting>.browse-sheet.coming .b-main{animation:sheet-body-in .46s cubic-bezier(.22,1.12,.36,1) .1s both}.main.sheeting>.browse-sheet.going{animation-delay:.12s}.main.sheeting>.browse-sheet.going .b-main{animation:sheet-body-out .24s cubic-bezier(.4,0,.75,.25) both}@keyframes sheet-body-in{0%{opacity:.4;transform:translateY(-72px)}to{opacity:1;transform:none}}@keyframes sheet-body-out{0%{opacity:1;transform:none}to{opacity:.5;transform:translateY(-44px)}}@media (prefers-reduced-motion: reduce){.main.sheeting>.browse-sheet,.main.sheeting>.browse-sheet .b-main{animation:none}}.playlist{flex:1;display:flex;flex-direction:column;min-height:0;--head: 200px}.playlist-head{display:flex;align-items:baseline;gap:.9rem;padding:.55rem 1rem .5rem;flex-wrap:wrap;border-bottom:1px solid var(--line)}.playlist-title{font-family:var(--display);font-weight:900;font-stretch:125%;font-size:1.7rem;line-height:1;letter-spacing:-.03em}.lanes-window{display:flex;align-items:baseline;gap:.2rem;font-size:12px}.add-lane{padding:.2rem .6rem}.lanes-note{color:var(--muted);font-size:11px}.playlist-grid{position:relative;flex:1;display:grid;grid-template-columns:var(--head) minmax(0,1fr);grid-template-rows:24px;grid-auto-rows:minmax(92px,1fr);overflow-y:auto;min-height:0}.lane{display:contents}.channel{display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto auto;align-content:center;gap:.2rem .5rem;padding:.4rem .6rem .4rem .7rem;border-bottom:1px solid var(--line);border-right:1px solid var(--line);background:var(--panel);min-width:0}.ruler-head{display:flex;align-items:center;padding-block:0}.lanes-tip{font-size:10px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lanes-tip code{color:var(--paper);font:inherit}.ruler{width:100%;height:24px;display:block;border-bottom:1px solid var(--line);background:var(--panel)}.channel-num{font-size:10px;color:var(--muted);align-self:center}.channel-name{font-family:var(--display);font-weight:800;font-stretch:112%;font-size:1.2rem;line-height:1;letter-spacing:-.02em;text-align:left;color:var(--paper);background:none;border:0;padding:0;cursor:var(--ring);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.channel-name:hover{color:var(--acid)}.channel-controls{display:inline-flex;gap:.25rem}.led{font:inherit;font-size:10px;font-weight:700;width:1.5rem;height:1.3rem;color:var(--muted);background:var(--canvas);border:1px solid var(--line);border-radius:0;cursor:var(--ring)}.led:hover{color:var(--paper);border-color:var(--paper)}.led.mute.on{background:var(--danger);border-color:var(--danger);color:var(--ink)}.led.solo.on{background:var(--acid);border-color:var(--acid);color:var(--ink)}.channel-source{grid-column:1 / -1;font-size:10px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lane-canvas{width:100%;height:100%;min-height:92px;display:block;border-bottom:1px solid var(--line);background:var(--canvas);cursor:var(--dot)}.lane.silent .channel-name{color:var(--muted);text-decoration:line-through;text-decoration-thickness:2px}.lane.silent .lane-canvas{background:repeating-linear-gradient(-45deg,var(--canvas) 0 8px,var(--canvas) 8px 16px)}.playhead{position:absolute;top:0;bottom:0;width:2px;pointer-events:none;z-index:1;left:calc(var(--head) + (100% - var(--head)) * var(--ph, 0));background:var(--acid);box-shadow:0 0 0 1px var(--ink)}.playhead.cued{background:var(--paper);opacity:.7}.ruler{cursor:var(--ring);touch-action:none}.ruler:focus-visible{outline-offset:-2px}.loop-region{position:absolute;top:0;bottom:0;pointer-events:none;z-index:1;left:calc(var(--head) + (100% - var(--head)) * var(--la, 0));width:calc((100% - var(--head)) * (var(--lb, 0) - var(--la, 0)));border-left:2px solid var(--acid);border-right:2px solid var(--acid);background:#e4ff1a0d}.zoom{display:inline-flex;align-items:baseline;gap:.25rem;font-size:12px}.btn.zoom-btn{padding:0 .5rem;font-size:1rem;line-height:1.4}.zoom-readout{min-width:7.5ch;text-align:center;color:var(--acid);font-variant-numeric:tabular-nums}.btn.follow{padding:.2rem .6rem}.lane-canvas{cursor:var(--ring);touch-action:pan-y}.playlist-grid.panning,.playlist-grid.panning .lane-canvas{cursor:var(--ring)}.overview-row{display:grid;grid-template-columns:var(--head) minmax(0,1fr);border-top:1px solid var(--line);background:var(--panel);flex-shrink:0}.overview-head{display:flex;align-items:center;padding:0 .7rem;font-size:10px;color:var(--muted);border-right:1px solid var(--line)}.overview{width:100%;height:36px;display:block;cursor:var(--ring);touch-action:none}.playlist-empty{position:absolute;left:var(--head);right:0;top:24px;bottom:0;display:grid;place-items:center;padding:1rem;text-align:center;font-family:var(--display);font-weight:800;font-stretch:112%;font-size:1.3rem;color:var(--paper);background:#000000b8;pointer-events:none}.code-view{flex:1;display:flex;flex-direction:column;min-height:0;background:var(--canvas)}.code-head{display:flex;align-items:baseline;gap:.9rem;padding:.55rem 1rem .5rem;border-bottom:1px solid var(--line)}.code-title{font-family:var(--display);font-weight:900;font-stretch:125%;font-size:1.7rem;line-height:1;letter-spacing:-.03em}.code-view .editor{flex:1;min-height:0}.seg{display:inline-flex;flex-shrink:0;white-space:nowrap}.seg .btn{border-radius:0}.seg .btn+.btn{margin-left:-1px}.seg .btn.on{background:var(--acid);border-color:var(--acid);color:var(--ink);position:relative}.brush{display:inline-flex;align-items:baseline;gap:.35rem;font-size:12px}.brush .select{padding:.2rem .4rem;color:var(--acid)}.channel-name.track-name{background:transparent;border:0;border-bottom:1px solid transparent;padding:0;width:100%;font-family:var(--display);font-weight:800;font-stretch:112%;font-size:1.2rem;color:var(--paper)}.channel-name.track-name:hover,.channel-name.track-name:focus{border-bottom-color:var(--acid);outline:none}.rack{flex:1;display:flex;flex-direction:column;min-height:0}.rack-head{display:flex;align-items:center;gap:.6rem .9rem;padding:.55rem 1rem .5rem;flex-wrap:wrap;border-bottom:1px solid var(--line)}.rack-field{display:inline-flex;align-items:baseline;gap:.35rem;font-size:12px}.rack-field .select{padding:.25rem .4rem}.rack-name{flex:0 1 14rem;font-size:1.2rem}.rack-actions{display:inline-flex;gap:.3rem}.btn.mode-pattern.on{background:var(--acid);color:var(--ink);border-color:var(--acid)}.rack-body{flex:1;overflow:auto;padding:.4rem 0 2rem}.rack-hint,.rack-empty{color:var(--muted);padding:1rem}.ch{display:grid;grid-template-columns:1.6rem 7.5rem 15rem minmax(max(18rem,calc(var(--n) * 1.25rem)),1fr) 15.5rem;min-width:max-content;align-items:center;gap:.5rem .6rem;padding:.55rem 1rem;border-bottom:1px solid var(--line)}.ch.muted .steps,.ch.muted .ch-code{opacity:.35}.ch>.steps,.ch>.mini-roll{max-width:calc(var(--n) * 2.4rem);width:100%}.ch-name{font-family:var(--display);font-weight:800;font-stretch:112%;font-size:1rem;color:var(--paper);background:transparent;border:0;border-bottom:1px solid transparent;padding:.1rem 0;min-width:0}.ch-name:focus,.ch-name:hover{border-bottom-color:var(--acid);outline:none}.ch-sound{display:flex;gap:.3rem;min-width:0}.ch-input{font:inherit;font-size:12px;color:var(--paper);background:var(--canvas);border:1px solid var(--line);border-radius:0;padding:.25rem .35rem;min-width:0;flex:1}.ch-input:focus{outline:none;border-color:var(--acid)}.ch-note{flex:0 0 3.6rem;color:var(--acid)}.ch-kind{font-size:11px;color:var(--muted);padding:.25rem 0}.codebox.ch-code{min-width:0;width:100%;border-radius:0}.codebox.ch-code .codebox-cm{min-height:3.2rem;max-height:7.5rem}.rack-body.compact .codebox.ch-code .codebox-cm{min-height:2.6rem;max-height:4.5rem}.steps{position:relative;display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));grid-template-rows:minmax(0,1fr);gap:2px;height:2rem;touch-action:none}.step{position:relative;min-width:0;min-height:0;height:100%;padding:0;cursor:var(--ring);overflow:hidden;background:var(--sunk);border:1px solid var(--sunk);border-radius:0}.step.alt{background:var(--sunk)}.step.bar-start,.rstep.bar-start{box-shadow:-2px 0 0 var(--dim)}.steps>:first-child{box-shadow:none}.step:hover{border-color:var(--paper)}.step.on{background:var(--acid);border-color:var(--acid);box-shadow:inset 0 -3px #00000038}.step.on.bar-start{box-shadow:-2px 0 0 var(--dim),inset 0 -3px #00000038}.ch.ch-ruler{position:sticky;top:0;z-index:3;padding-block:.3rem .15rem;background:var(--panel);border-bottom:1px solid var(--line)}.ch-ruler .ruler-label{grid-column:1 / 4;font-size:10px;color:var(--muted);white-space:nowrap}.ruler-steps{height:1rem}.rstep{display:flex;align-items:flex-end;padding-left:2px;font-size:9px;line-height:1;color:var(--muted);min-width:0;white-space:nowrap;border-bottom:1px solid var(--line)}.rstep.bar-start{color:var(--paper);border-bottom-color:var(--dim)}.rstep.beat{border-bottom-color:var(--line)}.ruler-steps .step-cursor{top:0;bottom:-2px;border-width:1px}.step-note{position:absolute;inset:auto 0 1px;font-size:8px;line-height:1;color:var(--ink);overflow:hidden;white-space:nowrap;text-align:center;pointer-events:none}.step-cursor{position:absolute;top:-3px;bottom:-3px;pointer-events:none;width:calc((100% - (var(--n) - 1) * 2px) / var(--n));left:calc(var(--now) * ((100% - (var(--n) - 1) * 2px) / var(--n) + 2px));border:2px solid var(--paper)}.rack-body[style*="--now: -1"] .step-cursor{display:none}.ch-more{display:flex;align-items:center;gap:.35rem;min-width:0}.ch-gain{display:inline-flex;align-items:center;gap:.25rem;font-size:10px}.ch-gain input{width:4.5rem;accent-color:var(--acid)}.ch-fx{flex:1}.btn.ch-btn{padding:.2rem .35rem;font-size:11px}.rack-add{display:flex;gap:.4rem;padding:.8rem 1rem}@media (max-width: 1280px){.ch{grid-template-columns:1.6rem 8rem minmax(0,1fr);grid-template-areas:"m name sound" "steps steps steps" "more more more"}.ch>.steps{min-width:calc(var(--n) * 1.25rem)}.ch>.led{grid-area:m}.ch>.ch-name{grid-area:name}.ch>.ch-sound{grid-area:sound}.ch>.steps,.ch>.ch-code{grid-area:steps}.ch>.ch-more{grid-area:more}}.playlist{--palette: 0px}.playlist.has-palette{--palette: 9.5rem}.playlist-split{flex:1;display:flex;min-height:0}.playlist-split .playlist-grid{flex:1;min-width:0}.overview-row{grid-template-columns:var(--head) minmax(0,1fr) var(--palette)}.palette{width:var(--palette);flex-shrink:0;overflow-y:auto;border-left:1px solid var(--line);background:var(--panel);padding:.6rem .6rem 1rem;display:flex;flex-direction:column;gap:.4rem}.palette-title{font-family:var(--display);font-weight:900;font-stretch:112%;font-size:1rem}.palette-hint{font-size:10px;color:var(--muted);line-height:1.4}.instruments{display:flex;flex-wrap:wrap;gap:.3rem}.instruments.vertical{flex-direction:column}.chip{font:inherit;font-size:12px;text-align:left;color:var(--paper);background:var(--canvas);border:1px solid var(--line);border-left:3px solid var(--acid);border-radius:0;padding:.3rem .5rem;cursor:var(--ring)}.chip-synth{border-left-color:var(--paper)}.chip-code{border-left-color:var(--muted)}.chip:hover{border-color:var(--acid);color:var(--acid)}.chip:active{cursor:var(--ring)}.rack-add{align-items:baseline;flex-wrap:wrap}.rack-body.dropping{outline:2px dashed var(--acid);outline-offset:-4px}.pattern-pop{position:fixed;z-index:40;width:860px;height:560px;min-width:min(520px,calc(100vw - 24px));min-height:260px;max-width:calc(100vw - 24px);max-height:calc(100vh - 24px);display:flex;flex-direction:column;background:var(--panel);border:2px solid var(--acid);box-shadow:0 20px 60px #000000b3;resize:both;overflow:hidden}.pattern-pop.expanded{top:3vh;right:2.5vw;bottom:3vh;left:2.5vw;width:auto;height:auto;max-width:none;max-height:none;resize:none}.pattern-pop .pop-head{cursor:move;flex-shrink:0}.pattern-pop.expanded .pop-head{cursor:var(--dot)}.pattern-pop .rack-body{flex:1;min-height:0}.pop-head{display:flex;align-items:center;gap:.6rem;padding:.5rem .75rem;border-bottom:1px solid var(--line);flex-wrap:wrap}.pop-name{font-family:var(--display);font-weight:900;font-stretch:112%;font-size:1.3rem;color:var(--acid);background:transparent;border:0;border-bottom:1px solid var(--line);padding:.1rem 0;min-width:0;width:12rem}.pop-name:focus{outline:none;border-bottom-color:var(--acid)}.pattern-pop .rack-body{overflow:auto;padding-bottom:.4rem}.rack-body.compact .ch{grid-template-columns:1.6rem 6.5rem 12rem minmax(max(12rem,calc(var(--n) * 1.4rem)),1fr) 12.5rem;padding-inline:.75rem}.rack-body.compact .rack-add{padding:.6rem .75rem}@media (max-width: 1100px){.playlist.has-palette{--palette: 0px}.palette{display:none}.rack-body.compact .ch{grid-template-columns:1.6rem 8rem minmax(0,1fr);grid-template-areas:"m name sound" "steps steps steps" "more more more"}.rack-body.compact .ch>.led{grid-area:m}.rack-body.compact .ch>.ch-name{grid-area:name}.rack-body.compact .ch>.ch-sound{grid-area:sound}.rack-body.compact .ch>.steps,.rack-body.compact .ch>.ch-code{grid-area:steps}.rack-body.compact .ch>.ch-more{grid-area:more}}.knob{display:inline-flex;flex-direction:column;align-items:center;gap:1px;width:44px}.knob svg{cursor:ns-resize;touch-action:none;display:block}.knob svg:focus-visible{outline:2px solid var(--acid);outline-offset:1px;border-radius:50%}.knob-track{fill:none;stroke:var(--line);stroke-width:4;stroke-linecap:butt}.knob-value{fill:none;stroke:var(--muted);stroke-width:4}.knob.changed .knob-value{stroke:var(--acid)}.knob-hand{stroke:var(--paper);stroke-width:2}.knob-label{display:block;height:12px;line-height:12px;max-width:calc(100% + 8px);margin-inline:-4px;overflow:hidden;text-overflow:ellipsis;text-align:center;font-size:9px;color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums}.knob.changed .knob-label{color:var(--paper)}.sound-btn{display:inline-flex;align-items:baseline;gap:.35rem;min-width:0;flex:1;font:inherit;font-size:12px;text-align:left;color:var(--paper);background:var(--canvas);border:1px solid var(--line);border-radius:0;padding:.3rem .45rem;cursor:var(--ring);overflow:hidden}.sound-btn:hover{border-color:var(--acid)}.sound-name{color:var(--acid);white-space:nowrap}.sound-bank{color:var(--muted);font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sound-caret{margin-left:auto;color:var(--muted);font-size:10px}.mini-roll{height:2rem;padding:0;border:1px solid var(--line);background:var(--canvas);cursor:var(--ring);min-width:0}.mini-roll canvas{width:100%;height:100%;display:block}.mini-roll:hover,.mini-roll.open{border-color:var(--acid)}.ch-fxpanel,.ch-roll{grid-column:1 / -1;min-width:0;contain:inline-size}.ch-fxpanel{display:flex;flex-wrap:wrap;align-items:flex-end;gap:.35rem .6rem;padding:.5rem .6rem;background:var(--canvas);border:1px solid var(--line)}.ch-advanced{display:flex;flex-direction:column;gap:.2rem;font-size:10px;flex:1 1 14rem}.btn.ch-btn.on{border-color:var(--acid);color:var(--acid)}.sound-picker{position:fixed;z-index:60;width:min(520px,calc(100vw - 24px));height:min(420px,70vh);display:flex;flex-direction:column;background:var(--panel);border:2px solid var(--acid);box-shadow:0 20px 60px #000000b3}.sp-head{display:flex;gap:.4rem;padding:.5rem;border-bottom:1px solid var(--line);align-items:center}.sp-search{flex:1;font-size:13px}.sp-head .seg .btn{font-size:11px;padding:.25rem .45rem}.sp-body{flex:1;min-height:0;display:grid;grid-template-columns:1fr}.sp-body.with-kits{grid-template-columns:11rem 1fr}.sp-list{list-style:none;margin:0;padding:.25rem;overflow-y:auto;min-height:0}.sp-kits{border-right:1px solid var(--line)}.sp-item{display:flex;justify-content:space-between;gap:.5rem;width:100%;font:inherit;font-size:12px;text-align:left;color:var(--paper);background:none;border:0;padding:.25rem .4rem;cursor:var(--ring)}.sp-item:hover{background:var(--canvas);color:var(--acid)}.sp-item.on{background:var(--acid);color:var(--ink)}.sp-count{color:var(--muted);font-size:10px}.sp-item.on .sp-count{color:var(--ink)}.sp-empty{color:var(--muted);padding:1rem;font-size:12px}.pr-panel{display:flex;flex-direction:column;min-width:0;background:var(--well);border:1px solid var(--line)}.pr-toolbar{flex-shrink:0;display:flex;align-items:center;flex-wrap:wrap;gap:.35rem .6rem;padding:.3rem .5rem;border-bottom:1px solid var(--line);font-size:11px;color:var(--muted)}.pr-title{font-family:var(--display);font-weight:800;font-stretch:112%;font-size:12px;color:var(--paper)}.pr-group{display:inline-flex;align-items:center;gap:.15rem}.pr-snap{gap:.3rem}.pr-snap-label{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.pr-snap .select{font-size:11px;padding:.1rem .3rem}.pr-zoom{min-width:3.2rem;text-align:center;color:var(--acid);font-variant-numeric:tabular-nums}.pr-spacer{flex:1}.pr-hint{font-size:10px}.pr-selected{font-size:10px;color:var(--ink);background:var(--paper);padding:0 .35rem;font-variant-numeric:tabular-nums}.pr .node-btn{color:var(--paper);border-color:var(--line);opacity:1}.pr .node-btn:hover{border-color:var(--acid);color:var(--acid)}.pr .node-btn.on{background:var(--acid);color:var(--ink);border-color:var(--acid)}.pr-overview{display:block;flex-shrink:0;width:100%;height:28px;cursor:var(--ring);touch-action:none;border-bottom:1px solid var(--line)}.piano-roll{position:relative;height:18rem;min-height:9rem;overflow:auto;resize:vertical;outline:none;overscroll-behavior:contain}.piano-roll:focus-visible{box-shadow:inset 0 0 0 1px var(--acid)}.piano-roll.zooming,.piano-roll.zooming canvas{cursor:move}.pr-inner{display:grid;position:relative}.pr-corner{position:sticky;left:0;top:0;z-index:4;background:var(--well);border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.pr-ruler{position:sticky;top:0;z-index:3;display:block;cursor:var(--ring)}.pr-keys{position:sticky;left:0;z-index:2;display:block;cursor:var(--ring);border-right:1px solid var(--line)}.pr-grid-wrap{position:relative}.pr-grid{display:block;touch-action:none}.piano-roll.panning,.piano-roll.panning *{cursor:var(--ring)!important}.pr-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;background:#000000b8}.pr.full .pr-panel{position:fixed;top:3vh;right:2.5vw;bottom:3vh;left:2.5vw;z-index:81;border:2px solid var(--acid);box-shadow:0 24px 80px #000c}.pr.full .piano-roll{flex:1;height:auto;resize:none}.pr-cursor{position:absolute;top:0;bottom:0;left:0;background:#f2f0e61f;border-left:2px solid var(--paper);pointer-events:none}.pop-uses{font-size:11px;color:var(--muted)}.seg.history .btn{padding-inline:.5rem}@media (max-width: 1280px){.seg.history{display:none}}.graph-view{flex:1;display:flex;min-height:0}.graph{flex:1;display:flex;min-height:0;min-width:0}.palette.graph-palette{position:relative;display:flex;flex-direction:column;gap:0;padding:0;flex-shrink:0;width:200px;border-left:0;border-right:1px solid var(--line);overflow:visible}.palette.graph-palette.collapsed{width:2rem}.pal-group.pal-unused .pal-group-head .pal-label{color:var(--acid);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pal-part-row{position:relative;display:flex;align-items:stretch;background:var(--canvas);border:1px solid var(--line);border-left:3px solid color-mix(in srgb,var(--acid) 55%,transparent)}.pal-part-row:hover{border-color:var(--acid);border-left-color:var(--acid)}.pal-item.pal-part{flex:1;min-width:0;background:none;border:0;padding-right:.3rem}.pal-item.pal-part:hover{border:0}.pal-part-x{flex:none;align-self:center;display:grid;place-items:center;width:22px;height:22px;margin-right:3px;color:var(--dim);background:none;border:0;border-radius:3px;cursor:var(--ring);opacity:0;transition:opacity .12s ease,color .12s ease,background .12s ease}.pal-part-x svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round}.pal-part-x .bin-lines{opacity:.6}.pal-part-row:hover .pal-part-x,.pal-part-x:focus-visible,.pal-part-x.armed{opacity:1}.pal-part-x:hover{color:var(--danger);background:color-mix(in srgb,var(--danger) 18%,transparent)}.pal-part-x.armed{color:var(--ink);background:var(--danger)}.pal-part-x.armed svg{stroke-width:1.5}.pal-item.pal-part .pal-item-blurb{color:color-mix(in srgb,var(--acid) 45%,var(--muted))}.pal-rail{flex:1;font:inherit;font-size:11px;color:var(--muted);background:var(--panel);border:0;cursor:var(--ring);padding:.6rem 0}.pal-rail span{writing-mode:vertical-rl;letter-spacing:.15em}.pal-rail:hover{color:var(--acid)}.pal-head{display:flex;align-items:center;justify-content:space-between;padding:.6rem .6rem .3rem}.pal-head .node-btn{color:var(--muted);border-color:var(--line)}.pal-search{padding:0 .6rem .5rem;border-bottom:1px solid var(--line)}.pal-search .node-input{font-size:12px}.pal-list{flex:1;min-height:0;overflow-y:auto;padding:.3rem .6rem 1rem;display:flex;flex-direction:column;gap:.25rem}.pal-sub{display:block;padding:.3rem 0 .1rem;font-size:9px;letter-spacing:.06em;color:var(--muted);opacity:.8}.pal-count{font-size:10px;color:var(--muted);padding:.2rem 0 .3rem}.pal-group{display:flex;flex-direction:column;gap:.25rem;margin-top:.3rem}.pal-group-head{display:flex;align-items:baseline;gap:.4rem;font:inherit;background:none;border:0;padding:.2rem 0;cursor:var(--ring);color:var(--muted);text-align:left}.pal-group-head:hover .pal-label{color:var(--paper)}.pal-caret{width:.8rem;font-size:12px;color:var(--muted)}.pal-n{margin-left:auto;font-size:10px;color:var(--dim);font-variant-numeric:tabular-nums}.pal-item{display:flex;flex-direction:column;gap:.05rem;text-align:left;font:inherit;font-size:12px;color:var(--paper);background:var(--canvas);border:1px solid var(--line);border-left:3px solid var(--acid);border-radius:0;padding:.3rem .5rem;cursor:var(--ring)}.pal-item:hover,.pal-item.cursor{border-color:var(--acid)}.pal-item.cursor{background:var(--sunk)}.pal-item-blurb{font-size:10px;color:var(--muted);line-height:1.35}.pal-item.pal-transform{border-left-color:var(--paper)}.pal-item.pal-effect,.pal-item.pal-mixing{border-left-color:var(--muted)}.pal-item.pal-combine{border-left-color:var(--dim)}.pal-item.pal-instruments{border-left-color:#b9c96a}.pal-resize{position:absolute;top:0;bottom:0;right:-4px;width:8px;cursor:col-resize;z-index:6}.pal-resize:hover,.pal-resize:focus-visible{background:linear-gradient(90deg,transparent 3px,var(--acid) 3px,var(--acid) 5px,transparent 5px);outline:none}body.resizing-x,body.resizing-x *{cursor:col-resize!important;-webkit-user-select:none;user-select:none}.pal-group{display:flex;flex-direction:column;gap:.25rem;margin-top:.4rem}.pal-label{font-size:10px;color:var(--muted);letter-spacing:.06em;margin-top:.2rem}.chip.pal-source,.chip.pal-output{border-left-color:var(--acid)}.chip.pal-transform{border-left-color:var(--paper)}.chip.pal-effect,.chip.pal-mixing{border-left-color:var(--muted)}.chip.pal-combine{border-left-color:var(--dim)}.graph-canvas{flex:1;position:relative;min-width:0}.graph-canvas .react-flow{--xy-background-color: var(--canvas);--xy-edge-stroke: var(--muted);--xy-edge-stroke-selected: var(--acid);--xy-edge-stroke-width: 2;--xy-connectionline-stroke: var(--acid);--xy-connectionline-stroke-width: 2;--xy-controls-button-background-color: var(--panel);--xy-controls-button-background-color-hover: var(--sunk);--xy-controls-button-color: var(--paper);--xy-controls-button-color-hover: var(--acid);--xy-controls-button-border-color: var(--line);--xy-minimap-background-color: var(--panel);--xy-attribution-background-color: transparent;font-family:var(--mono)}.graph-canvas .react-flow__attribution a{color:var(--dim)}.graph-tools{position:absolute;top:8px;left:8px;z-index:5;display:flex;flex-direction:column;align-items:flex-start;gap:5px;pointer-events:none}.graph-tools>*{pointer-events:auto}.wire-slack{display:inline-flex;align-items:center;gap:.4rem;font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);background:#181815d1;border:1px solid var(--line);border-radius:3px;padding:.2rem .5rem;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.wire-slack:hover{color:var(--paper)}.wire-slack input{width:5.5rem;accent-color:var(--acid);cursor:var(--ring)}.flow-toggle{display:inline-flex;align-items:center;gap:.35rem;font:inherit;font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);background:#181815d1;border:1px solid var(--line);padding:.18rem .45rem .18rem .35rem;cursor:var(--ring);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.flow-toggle:hover{color:var(--paper);border-color:var(--muted)}.flow-toggle.on{color:var(--paper);border-color:color-mix(in srgb,var(--acid) 45%,var(--line))}.flow-dot{width:6px;height:6px;border-radius:50%;background:var(--line)}.flow-toggle.on .flow-dot{background:var(--acid);box-shadow:0 0 6px #e4ff1acc}@property --lit{syntax: "<number>"; inherits: true; initial-value: 0;}.graph-canvas .wire-casing,.graph-canvas .wire-sheen{fill:none;pointer-events:none;stroke-linecap:round}.graph-canvas .wire-casing{stroke:var(--canvas);stroke-width:6;opacity:.85}.graph-canvas .react-flow__edge-path{stroke:color-mix(in srgb,var(--wire, var(--muted)) 42%,var(--sunk));stroke-linecap:round;stroke-width:3.4}.graph-canvas .wire-sheen{stroke:color-mix(in srgb,var(--wire, var(--muted)) 55%,#fff);stroke-width:1;opacity:calc(.22 + var(--lit, 0) * .7)}.graph-canvas .react-flow__edge:hover .react-flow__edge-path{stroke:color-mix(in srgb,var(--wire, var(--muted)) 70%,var(--sunk))}.graph-canvas .react-flow__edge:hover .wire-sheen{opacity:.55}.graph-canvas .react-flow__edge.selected .react-flow__edge-path{stroke:color-mix(in srgb,var(--wire, var(--paper)) 80%,var(--paper))}.graph-canvas .react-flow__edge.animated .react-flow__edge-path{stroke:color-mix(in srgb,var(--wire, var(--muted)) 46%,var(--sunk))}.graph-canvas.flow-off .react-flow__edge.animated .react-flow__edge-path{stroke:var(--acid)}.graph-canvas .react-flow__edge[style*=--lit] .react-flow__edge-path{stroke:color-mix(in srgb,var(--glow, var(--acid)) calc(var(--lit) * 100%),var(--line));stroke-width:calc(3.4px + var(--lit) * 1.6px);filter:drop-shadow(0 0 calc(var(--lit) * 6px) color-mix(in srgb,var(--glow, var(--acid)) calc(var(--lit) * 65%),transparent))}.react-flow__node[style*=--lit] .gnode{border-color:color-mix(in srgb,var(--glow, var(--tint, var(--acid))) calc(var(--lit) * 90%),var(--line));box-shadow:0 0 calc(var(--lit) * 18px) color-mix(in srgb,var(--glow, var(--acid)) calc(var(--lit) * 32%),transparent)}.react-flow__node[style*=--lit] .node-head{background:color-mix(in srgb,var(--head-lit) calc(var(--lit) * 50%),var(--head-bg))}.node-chans .chan[style*=--lit]{background:color-mix(in srgb,var(--tint, var(--acid)) calc(var(--lit) * 20%),transparent)}.node-chans .chan[style*=--lit] .chan-name{color:color-mix(in srgb,var(--tint, var(--acid)) calc(var(--lit) * 100%),var(--paper))}.graph-canvas .react-flow__controls{box-shadow:none;border:1px solid var(--line)}.graph-canvas .react-flow__minimap{border:1px solid var(--line)}.gnode{--node-radius: 6px;width:250px;font-size:12px;color:var(--paper);cursor:var(--ring);background:var(--panel);border:1px solid var(--line);border-radius:var(--node-radius);box-shadow:0 1px 2px #0006,0 6px 18px #00000059}.gnode>:last-child,.node-body>:last-child{border-end-start-radius:calc(var(--node-radius) - 1px);border-end-end-radius:calc(var(--node-radius) - 1px)}.react-flow__node.dragging .gnode,.react-flow__node.dragging .gnode *{cursor:var(--ring)}.gnode .nodrag,.gnode input,.gnode select,.gnode textarea,.gnode button{cursor:auto}.gnode button,.gnode select{cursor:var(--ring)}.gnode .knob svg{cursor:ns-resize}.gnode.selected{border-color:var(--acid);box-shadow:0 0 0 1.5px var(--acid),0 8px 22px #00000080}.gnode.soloing{outline:2px dashed var(--acid);outline-offset:4px}.gnode{--head-bg: var(--line);--head-ink: var(--paper);--head-lit: var(--glow, var(--acid))}.node-head{display:flex;align-items:center;gap:.35rem;padding:.32rem .4rem .32rem .6rem;cursor:var(--ring);background:var(--head-bg);color:var(--head-ink);border-bottom:1px solid var(--line);border-start-start-radius:calc(var(--node-radius) - 1px);border-start-end-radius:calc(var(--node-radius) - 1px)}.g-source{--head-bg: var(--tint, var(--acid));--head-ink: var(--tint-ink, var(--ink));--head-lit: #ffffff;border-color:color-mix(in srgb,var(--tint, var(--acid)) 26%,var(--line))}.g-transform{--head-bg: var(--paper);--head-ink: var(--ink);--head-lit: #ffffff}.g-combine{--head-bg: var(--ink)}.g-combine .node-head{box-shadow:inset 0 -2px 0 var(--acid)}.g-output{border:2px solid var(--acid);--head-bg: var(--ink);--head-ink: var(--acid)}.g-output .node-head{border-start-start-radius:calc(var(--node-radius) - 2px);border-start-end-radius:calc(var(--node-radius) - 2px)}.node-kind{font-family:var(--display);font-weight:900;font-stretch:112%;font-size:13px}.node-bus{font-size:8px;letter-spacing:.08em;text-transform:uppercase;opacity:.5;border:1px solid currentColor;padding:0 2px;line-height:1.4}.node-title{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;opacity:.85}.node-btn{font:inherit;font-size:10px;line-height:1.5;color:inherit;background:transparent;border:1px solid currentColor;border-radius:3px;padding:0 .32rem;cursor:var(--ring);opacity:.75}.node-btn:hover{opacity:1}.node-btn.on{background:var(--canvas);color:var(--acid);border-color:var(--ink);opacity:1}.node-body{padding:.5rem .6rem .6rem;display:grid;grid-template-columns:minmax(0,1fr);gap:.5rem}.gnode .select,.gnode input:not([type=range]),.gnode textarea{border-radius:3px}.node-params{display:flex;flex-wrap:wrap;gap:.45rem .5rem;align-items:flex-end}.node-field{display:flex;flex-direction:column;gap:.15rem;font-size:10px;color:var(--muted);min-width:0}.node-field.wide{flex-basis:100%}.node-field .select{padding:.2rem .35rem;font-size:12px}.node-input,.node-code{font-family:var(--mono);font-size:12px;color:var(--acid);background:var(--canvas);border:1px solid var(--line);border-radius:0;padding:.3rem .4rem;width:100%}.node-input:focus,.node-code:focus{outline:none;border-color:var(--acid)}.node-code{resize:vertical;min-height:3.6rem;color:var(--paper)}.stepper{display:inline-flex;align-items:center;font-size:10px;color:var(--muted)}.stepper-label{margin-right:.3rem}.stepper button{width:1.35rem;height:1.5rem;font:inherit;font-size:12px;color:var(--paper);background:var(--canvas);border:1px solid var(--line);border-radius:0;cursor:var(--ring);padding:0}.stepper button:hover{color:var(--acid);border-color:var(--acid)}.stepper input{width:2.4rem;height:1.5rem;text-align:center;font-family:var(--mono);font-size:12px;color:var(--acid);background:var(--canvas);border:1px solid var(--line);border-inline:0}.node-chans{display:flex;flex-wrap:wrap;gap:.25rem;list-style:none;margin:0 -.6rem;padding:0}ul.node-chans{display:block;border-top:1px solid var(--line)}.node-chans .chan{position:relative;display:flex;align-items:center;min-height:1.5rem;padding:.15rem .9rem .15rem .6rem;font-size:10px;border-bottom:1px solid var(--line)}.node-chans .chan:last-child{border-bottom:0}.slot.bus-chan{gap:.35rem;height:2rem;min-height:0;padding-block:0;padding-right:.45rem}.bus-chan .slot-name{order:0;font-size:11px}.bus-chan .slot-meter{order:1;width:30px}.bus-chan .slot-meter i:after{background-size:30px 100%}.slot-fader{order:2;display:inline-flex;align-items:center;gap:.15rem;flex:none}.slot-fader .knob{width:26px}.slot-fader .knob svg{width:26px;height:26px}.slot-fader .knob-label{display:none}.bus-read{flex:none;width:2.4em;text-align:right;font-family:var(--mono);font-size:10px;line-height:1;color:var(--muted);font-variant-numeric:tabular-nums}.bus-params{display:grid;grid-template-columns:minmax(0,1fr);gap:.45rem}.bus-params .node-field{flex:none}.bus-master{display:flex;align-items:center;gap:.5rem;padding:.3rem .5rem .25rem;background:var(--canvas);border:1px solid var(--line);border-radius:3px}.bus-cap{flex:1;font-size:9px;letter-spacing:.06em;color:var(--muted);opacity:.8}.bus-ctl{display:inline-flex;align-items:center;gap:.2rem}.bus-ctl .bus-read{margin-bottom:13px;text-align:left}.chan-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}button.chan-synth{display:flex;align-items:baseline;gap:.3rem;font:inherit;text-align:left;color:var(--paper);background:none;border:0;padding:0;cursor:var(--ring)}button.chan-synth span{font-size:9px;color:var(--muted)}button.chan-synth:hover,button.chan-synth:hover span{color:var(--acid)}.node-chans .chan.muted{opacity:.4;text-decoration:line-through}.node-chans .chan.wired .chan-name{color:var(--acid)}.node-chans .chan.held .chan-name{opacity:.5}.chan-main{font:inherit;font-size:8px;letter-spacing:.06em;text-transform:uppercase;line-height:1.5;color:var(--muted);background:transparent;border:1px solid var(--line);border-radius:0;padding:0 3px;margin-right:2px;cursor:var(--ring);opacity:.6}.chan-main.on{color:var(--paper);border-color:var(--muted);opacity:.9}.chan-main:hover{opacity:1}.graph-canvas .port.chan-port{width:9px;height:9px;border-width:1px}.graph-canvas .port.chan-port.free{opacity:.45}.gnode:hover .graph-canvas .port.chan-port.free,.graph-canvas .gnode:hover .port.chan-port.free{opacity:1}.node-chans .chan.mix{border-top:1px solid var(--line);border-bottom:0;min-height:1.7rem}.node-chans .chan.mix .chan-name{font-size:9px;letter-spacing:.07em;text-transform:uppercase;color:var(--muted)}.node-hint{color:var(--muted);font-size:11px}.node-actions{display:flex;gap:.3rem;flex-wrap:wrap}.node-actions .btn{padding:.25rem .5rem;font-size:11px}.node-inputs{list-style:none;margin:0 -.6rem -.6rem;padding:0;border-top:1px solid var(--line)}.slot{position:relative;display:flex;align-items:center;gap:.4rem;min-height:2rem;padding:.3rem .5rem .3rem .9rem;border-bottom:1px solid var(--line)}.slot:last-child{border-bottom:0}.slot-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.slot-via{font-style:normal;font-size:10px;color:var(--muted)}.slot-meter{flex:none;display:grid;gap:2px;width:40px}.slot-meter i{position:relative;display:block;height:3px;border-radius:2px;background:var(--sunk);overflow:hidden}.slot-meter i:after{content:"";position:absolute;inset:0 auto 0 0;width:var(--w, 0%);background:linear-gradient(to right,color-mix(in srgb,var(--acid) 75%,#4ade80) 0%,var(--acid) 58%,#ffd23f 80%,var(--muted) 100%);background-size:40px 100%}.slot-meter i:first-child{--w: calc(var(--l, 0) * 100%)}.slot-meter i:last-child{--w: calc(var(--r, 0) * 100%)}.slot-meter.over i:after{box-shadow:0 0 7px #ff5a43e6}.slot.off .slot-name{opacity:.4;text-decoration:line-through}.slot.free .slot-name{color:var(--muted)}.slot-ctl{display:inline-flex;flex:none;gap:.2rem;margin-left:auto}.slot-ctl .led{flex:none}.node-inputs.named{margin:0 -.6rem;border-bottom:1px solid var(--line)}.node-inputs.named .slot:last-child{border-bottom:0}.slot-role{font-size:10px;color:var(--muted);width:3.8rem;flex-shrink:0}.graph-canvas .port{width:13px;height:13px;border-radius:50%;background:var(--canvas);border:2px solid var(--acid)}.graph-canvas .port.free{border-color:var(--muted);border-style:dashed}.graph-canvas .port:hover,.graph-canvas .react-flow__handle.connectingto{background:var(--acid)}.graph-tip{position:absolute;left:50%;bottom:.8rem;transform:translate(-50%);z-index:5;max-width:calc(100% - 20rem);text-align:center;font-size:11px;color:var(--muted);background:var(--canvas);border:1px solid var(--line);padding:.35rem .7rem}.graph-tip b{color:var(--acid);font-weight:700}.graph-convert{padding:2rem;max-width:64ch;color:var(--muted);display:grid;gap:1rem;align-content:start}.graph-convert p{margin:0;line-height:1.6}.graph-convert code{color:var(--acid)}.btn.solo-chip{background:var(--acid);color:var(--ink)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.gnode.t-fxrack{width:290px}.fx-rack{display:grid;gap:.35rem;position:relative}.fx-io{justify-self:center;font-size:9px;letter-spacing:.08em;color:var(--muted)}.fx-units{list-style:none;margin:0;padding:0;display:grid;gap:.35rem;position:relative}.fx-units:before{content:"";position:absolute;left:50%;top:-.35rem;bottom:-.35rem;width:1px;background:var(--line);z-index:0}.fx-unit{position:relative;z-index:1;background:var(--canvas);border:1px solid var(--line);border-left:3px solid var(--acid);border-radius:4px}.fx-unit.bypassed{border-left-color:var(--line)}.fx-unit.bypassed .node-params,.fx-unit.bypassed .fx-unit-name{opacity:.4}.fx-unit-head{display:flex;align-items:center;gap:.3rem;padding:.25rem .35rem .25rem .45rem;border-bottom:1px solid var(--line);cursor:grab;touch-action:none}.fx-unit-head:active{cursor:grabbing}.fx-grip{font-size:9px;color:var(--muted);font-variant-numeric:tabular-nums}.fx-dots{width:6px;height:11px;flex:none;opacity:.4;background-image:radial-gradient(circle at center,var(--muted) .8px,transparent .8px);background-size:3px 4px}.fx-unit-head:hover .fx-dots{opacity:.9}.fx-unit.held{z-index:4;position:relative;opacity:.92;border-color:var(--acid);box-shadow:0 6px 18px #0000008c}.fx-unit.held .fx-unit-head{background:#e4ff1a14}.fx-unit.land-before:before,.fx-unit.land-after:after{content:"";position:absolute;left:-1px;right:-1px;height:2px;background:var(--acid);z-index:2}.fx-unit.land-before:before{top:-3px}.fx-unit.land-after:after{bottom:-3px}.fx-unit-name{flex:1;min-width:0;font-family:var(--display);font-weight:800;font-stretch:112%;font-size:12px}.fx-unit .node-params{padding:.35rem .45rem .4rem}.fx-unit .node-btn{color:var(--muted)}.fx-unit .node-btn:disabled{opacity:.25;cursor:var(--dot)}.fx-toggle{font:inherit;font-size:9px;line-height:1.5;padding:0 .35rem;border-radius:0;cursor:var(--ring);color:var(--muted);background:transparent;border:1px solid var(--line)}.fx-toggle.on{background:var(--acid);color:var(--ink);border-color:var(--acid)}.fx-add{position:relative;z-index:1}.fx-add .select{color:var(--acid)}.graph-canvas .react-flow__edge.splice-target .react-flow__edge-path{stroke:var(--acid);stroke-width:5;stroke-dasharray:8 5}.graph-canvas .react-flow__edge.detaching .react-flow__edge-path{opacity:.2}@media (max-width: 860px){.palette.graph-palette:not(.collapsed){width:min(12rem,45vw)!important}.pal-resize,.graph-tip,.graph-canvas .react-flow__minimap{display:none}}.syn{color:var(--muted)}.empty{color:var(--muted);padding:1rem;line-height:1.6}.toast{position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%) rotate(-1.5deg);background:var(--acid);color:var(--ink);font-weight:700;padding:.6rem 1rem;max-width:calc(100% - 2rem);z-index:50}@media (prefers-reduced-motion: reduce){.cycle-bar{display:none}}@media (max-width: 2200px){.logo{font-size:58px;margin-right:.2rem}.bar{gap:.4rem}.lcd-unit,.btn.loop .loop-range{display:none}}@media (max-width: 1600px){.canvas-switch{--cs-w: 6.3rem}.cs-opt{font-size:.78rem}.logo{font-size:44px}}@media (max-width: 1560px){.seg.history{display:none}}@media (max-width: 1400px){.btn.tport.to-start{display:none}.track-heading{max-width:9rem}.code-word{display:none}.btn.tport{padding-inline:.4rem}}@media (max-width: 1280px){.track-heading{display:none}}@media (max-width: 1180px){.canvas-switch{margin-inline:.4rem;--cs-w: 5.5rem}.cs-opt{font-size:.7rem;letter-spacing:.05em}.logo{font-size:40px}.btn.loop,.seg:not(.views):not(.side-views),.btn.tport{display:none}.bar{gap:.3rem}}@media (max-width: 960px){.canvas-switch{--cs-w: 5rem}.lcd.position{display:none}}@media (max-width: 860px){.hint,.user-name{display:none}.btn.stop:disabled{display:none}.bar{gap:.3rem;padding:0 .5rem 0 .25rem;height:52px}.logo{font-size:30px;margin-right:0}.bar .btn{padding:.3rem .45rem;font-size:12px}.btn.play,.btn.stop{font-size:.85rem;padding-inline:.6rem}.spacer{display:none}.track .btn.save:not(.primary),.track .btn.save.signed-out{display:none}.playlist{--head: 96px}.channel{grid-template-columns:1fr;padding:.3rem .4rem}.channel-num,.channel-source,.lanes-tip{display:none}.channel-name{font-size:.95rem}.tempo,.position,.meter,.btn.tport,.btn.loop,.seg:not(.views),.canvas-switch{display:none}.phone-tabs{display:grid!important}.studio{padding-bottom:44px}.seg.views{position:fixed;left:0;right:0;bottom:0;z-index:30;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;background:var(--canvas);border-top:1px solid var(--line)}.seg.views .btn{height:44px;margin:0;border:0;font-size:13px}.seg.views .code-word{display:inline}.code-toggle{padding-inline:.45rem}.code-word{display:none}}.btn.play.preparing{animation:preparing .7s steps(2) infinite}@keyframes preparing{50%{opacity:.55}}@media (prefers-reduced-motion: reduce){.btn.play.preparing{animation:none;opacity:.7}}.gnode.unheard{border-style:dashed}.node-warn{margin:0;padding:.35rem .45rem;font-size:10px;line-height:1.4;color:var(--danger);border:1px dashed var(--danger);border-radius:4px}.node-warn .warn-btn{display:block;margin-top:.3rem;padding:.15rem .4rem;font:inherit;color:var(--danger);background:color-mix(in srgb,var(--danger) 16%,transparent);border:1px solid var(--danger);border-radius:3px;cursor:pointer}.node-warn .warn-btn:hover{color:var(--bg);background:var(--danger)}.react-flow__node.frame-node{pointer-events:none!important}.gframe{--frame: var(--dim);position:relative;width:100%;height:100%;box-sizing:border-box;border-radius:10px;background:color-mix(in srgb,var(--frame) 13%,transparent);border:1px solid color-mix(in srgb,var(--frame) 60%,transparent)}.gframe.selected{border-color:var(--acid);box-shadow:0 0 0 1px var(--acid)}.frame-bar{pointer-events:all;cursor:grab;display:flex;align-items:center;gap:.35rem;height:26px;padding:0 .4rem 0 .7rem;background:color-mix(in srgb,var(--frame) 42%,transparent);border-radius:9px 9px 0 0;color:var(--paper);font-family:var(--display);font-weight:800;font-size:12px}.react-flow__node.dragging .frame-bar{cursor:grabbing}.frame-title{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-user-select:none;user-select:none;cursor:text}.frame-fill{flex:1;align-self:stretch}.frame-count{flex:none;font-family:var(--mono, monospace);font-weight:400;font-size:10px;opacity:.7;white-space:nowrap}.frame-fold{margin-left:-.45rem;font-size:11px}.gframe.collapsed{overflow:visible}.gframe.collapsed .frame-bar{border-radius:9px}.gframe .react-flow__handle.frame-port{visibility:hidden;pointer-events:none;width:7px;height:7px;min-width:0;min-height:0;border:none;background:color-mix(in srgb,var(--frame) 60%,var(--paper))}.gframe.collapsed .react-flow__handle.frame-port{visibility:visible}.frame-name{flex:1;min-width:0;font:inherit;color:var(--paper);background:var(--canvas);border:1px solid var(--acid);border-radius:3px;padding:0 .3rem}.frame-btn{pointer-events:all;flex:none;font:inherit;font-size:13px;line-height:1;width:18px;height:18px;padding:0;display:grid;place-items:center;color:var(--paper);background:transparent;border:1px solid transparent;border-radius:3px;cursor:pointer;opacity:.7}.frame-btn:hover{opacity:1;border-color:color-mix(in srgb,var(--paper) 40%,transparent)}.frame-swatch:before{content:"";width:10px;height:10px;border-radius:50%;background:var(--frame);box-shadow:0 0 0 1.5px var(--paper)}.frame-colors{pointer-events:all;position:absolute;top:30px;right:6px;z-index:1;display:flex;gap:5px;padding:6px;background:var(--panel);border:1px solid var(--line);border-radius:6px}.frame-colors button{width:16px;height:16px;padding:0;border-radius:50%;cursor:pointer;border:1px solid rgba(255,255,255,.25)}.frame-colors button[aria-selected=true]{box-shadow:0 0 0 2px var(--paper)}.react-flow__resize-control.handle.frame-resize{pointer-events:all;width:12px;height:12px;border:none;border-radius:2px;background:color-mix(in srgb,var(--frame) 70%,var(--paper));opacity:.55;translate:-120% -120%;cursor:nwse-resize}.react-flow__resize-control.handle.frame-resize:hover{opacity:1}.graph-canvas .knife-line{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:5;overflow:visible}.graph-canvas .knife-line line{stroke:var(--acid);stroke-width:1.5;stroke-dasharray:6 4}img.photo{display:inline-block;border-radius:50%;object-fit:cover;background:var(--well);flex:none}