.transport{border-bottom:1px solid var(--edge,#242429);flex-wrap:wrap;justify-content:center;align-items:center;gap:.7rem;width:100%;padding:.5rem .2rem;display:flex}.tp{cursor:pointer;border:1px solid var(--edge,#242429);width:2.3rem;height:2.3rem;color:var(--fg,#f2f2f5);background:0 0;border-radius:50%;flex:none;place-items:center;transition:all .18s;display:grid}.tp svg{width:1rem;height:1rem}.tp svg .fill{fill:currentColor}.tp:hover{border-color:var(--dim,#8b8b96)}.tp.on{background:var(--fg,#f2f2f5);color:#0b0b0d;border-color:var(--fg,#f2f2f5)}.tp:disabled,.src:disabled{cursor:default;opacity:.5}.sources{gap:.25rem;display:flex}.src{font:inherit;letter-spacing:.04em;cursor:pointer;color:var(--dim,#8b8b96);background:0 0;border:1px solid #0000;border-radius:99px;padding:.42rem .8rem;font-size:.72rem;transition:all .15s}.src:hover{color:var(--fg,#f2f2f5)}.src.sel{color:var(--fg,#f2f2f5);border-color:var(--edge,#242429);background:#ffffff12}.tp-note{font:inherit;color:var(--dimmer,#5a5a64);cursor:pointer;background:0 0;border:0;margin-left:auto;font-size:.72rem}.tp-note:hover{color:var(--dim,#8b8b96)}.tp-note:disabled{cursor:default}.tp-file,.tp-note-narrow{display:none}@media (max-width:640px){.transport{gap:.5rem}.tp-note-wide{display:none}.tp-note-narrow{display:inline}}.tp-tempo{color:var(--dim,#8b8b96);align-items:center;gap:.3rem;font-size:.65rem;display:flex}.tp-tempo input{border:1px solid var(--edge,#242429);width:4.5rem;color:var(--fg,#f2f2f5);font:inherit;background:0 0;border-radius:.3rem;padding:.3rem;font-size:.75rem}.tp-tempo input:focus-visible{outline:2px solid var(--dim,#8b8b96);outline-offset:2px}
@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(../media/inter-latin-400-normal.08vufg9rbrtqu.woff2)format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(../media/inter-latin-600-normal.42bxzpetz5w8g.woff2)format("woff2")}:root{--z:1;--page:#0d0d0f;--n0:#151517;--n1:#1c1c20;--n2:#26262b;--n3:#34343b;--n4:#4a4a53;--n5:#8b8b96;--n6:#e8e8ec;--ease:cubic-bezier(.32,.72,0,1);--settle:cubic-bezier(.22,1,.3,1);--clip:#ff4b38}:where(.plugin,.plugin *){box-sizing:border-box;margin:0;padding:0}.plugin{aspect-ratio:1;width:35.8em;font-size:calc(16px * var(--z));background:linear-gradient(180deg, var(--n1), var(--n0));border:1px solid var(--n3);-webkit-user-select:none;user-select:none;color:var(--n5);-webkit-font-smoothing:antialiased;border-radius:1em;flex-direction:column;gap:.375em;padding:.9em;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:flex;position:relative;box-shadow:0 1.5em 4em -1em #000c,inset 0 0 0 1px #0008}.rubix-root{outline:none}.rubix-root[data-ready=false] .plugin{pointer-events:none}.rubix-root[data-ready=false] .t-knob,.rubix-root[data-ready=false] .t-ctrl,.rubix-root[data-ready=false] .t-meter{visibility:hidden}.rubix-root[data-ready=false] .body{opacity:.55}.rubix-root[data-ready=true] .body{animation:.2s ease-out body-in}@keyframes body-in{0%{opacity:0}}.plugin.bypassed .body{opacity:.35;filter:saturate(.25);pointer-events:none}.plugin.bypassed .preset{opacity:.4;pointer-events:none;filter:saturate(0)}.plugin.bypassed [data-ref=btn-dice],.plugin.bypassed [data-ref=btn-right]{opacity:.35;pointer-events:none}.plugin.expanded .body{visibility:hidden}.chrome{z-index:6;flex:none;justify-content:space-between;align-items:center;height:2em;padding:0 calc(.4625em - 5.5px);display:flex;position:relative}.chrome-top{top:-.26em}.chrome-bot{top:.26em}.wordmark{font:inherit;color:var(--n6);cursor:pointer;background:0 0;border:0;border-radius:.6em;place-items:center;margin:-.5em -1.4em;padding:.5em 1.4em;font-size:.8em;transition:opacity .25s,background .2s;display:grid}.wordmark>*{transition:transform .44s var(--settle), opacity .26s, color .2s;grid-area:1/1}.plugin.browsing .wordmark{opacity:0;pointer-events:none}.wordmark:focus-visible{outline:1px solid var(--n5);outline-offset:1px}.wm-text{letter-spacing:.42em;text-indent:.42em;font-weight:600;transform:translateY(-.6em)}.wm-inst{color:var(--n5);align-items:center;display:flex;position:relative;transform:translateY(.7em)scale(.72)}.wm-name{letter-spacing:.34em;text-indent:.34em;font-weight:400}.wm-name.swap{animation:instSwap .34s var(--settle)}@keyframes instSwap{0%{opacity:0;transform:translateY(-.35em)}to{opacity:1;transform:none}}.wm-inst svg{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;opacity:.6;width:1.15em;height:1.15em;transition:transform .28s var(--settle), opacity .15s;margin-left:.15em;position:absolute;left:100%}.wordmark:hover:where(:not(.control-dragging *)) .wm-inst{color:var(--n6)}.wordmark:hover:where(:not(.control-dragging *)) .wm-inst svg{opacity:1}.wordmark.on .wm-text{opacity:0;transform:translateY(.7em)scale(.72)}.wordmark.on .wm-inst{color:var(--n6);transform:translateY(-.6em)}.wordmark.on .wm-name{font-weight:600}.wordmark.on .wm-inst svg{opacity:1;transform:rotate(180deg)}.plugin.expanded .wordmark{pointer-events:none;background:0 0}.plugin.expanded .wm-inst{display:none}.plugin.expanded .wm-text{transform:none}.inst-scrim{z-index:5;opacity:0;pointer-events:none;background:#0009;border-radius:1em;transition:opacity .22s;position:absolute;inset:0}.inst-scrim.open{opacity:1;pointer-events:auto}.inst-menu{--caret:50%;z-index:8;border:1px solid var(--n3);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);width:20.4em;transform-origin:var(--caret) 0;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .16s, transform .28s var(--settle), visibility 0s .28s;background:#18181cf7;border-radius:.9em;padding:.8em .9em .95em;position:absolute;top:2.75em;left:50%;transform:translate(-50%)translateY(-.6em)scale(.9);box-shadow:0 1.6em 3.6em -.8em #000d,inset 0 0 0 1px #0008}.inst-menu.open{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .16s, transform .34s var(--settle), visibility 0s;transform:translate(-50%)}.inst-menu:before{content:"";top:-.36em;left:calc(var(--caret) - .3em);background:inherit;border-left:1px solid var(--n3);border-top:1px solid var(--n3);border-radius:.1em 0 0;width:.6em;height:.6em;position:absolute;transform:rotate(45deg)}.inst-head{justify-content:space-between;align-items:baseline;padding:0 .15em .7em;display:flex}.inst-cap{letter-spacing:.3em;color:var(--n4);font-size:.5em;font-weight:600}.inst-preview{letter-spacing:.34em;color:var(--n6);text-align:right;min-width:8em;font-size:.8em;font-weight:600}.inst-grid{grid-template-columns:repeat(7,1fr);gap:.35em;display:grid}.inst-cell{font:inherit;aspect-ratio:1;cursor:pointer;background:var(--n2);color:var(--n5);opacity:0;transition:background .12s, color .12s, transform .16s var(--settle);border:0;border-radius:.5em;font-size:.85em;font-weight:600}.inst-menu.open .inst-cell{animation:instCell .4s var(--settle) both;animation-delay:calc(var(--i) * 15ms + 70ms)}@keyframes instCell{0%{opacity:0;transform:translateY(.7em)scale(.6)}to{opacity:1;transform:none}}.inst-cell:hover:where(:not(.control-dragging *)),.inst-cell:focus-visible,.inst-cell.sel{background:var(--c);color:var(--k)}.inst-cell:hover:where(:not(.control-dragging *)),.inst-cell:focus-visible{outline:none;transform:scale(1.1)}.inst-cell.sel{box-shadow:0 0 0 1px var(--n0), 0 0 0 2px var(--c)}.plugin.expanded .d-title,.plugin.expanded .preset,[data-ref=btn-dice] .i-solo,.plugin.expanded [data-ref=btn-dice] .i-dice{display:none}.plugin.expanded [data-ref=btn-dice] .i-solo{display:block}.plugin.expanded [data-ref=btn-dice].soloed{color:var(--d-glow)}.ic{cursor:pointer;width:1.65em;height:1.65em;color:var(--n4);background:0 0;border:0;border-radius:.4em;flex:none;place-items:center;font-size:calc(6.67px + .5em);transition:color .15s,background .15s;display:grid}.ic[hidden]{display:none}[data-ref=btn-right][hidden]{visibility:hidden;display:grid}.ic.sm{width:1.15em;height:1.15em}.ic:hover:where(:not(.control-dragging *)){color:var(--n6);background:#fff1}.ic svg{fill:none;stroke:currentColor;stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round;width:70%;height:70%}.ic.sm svg{stroke-width:2.2px}.ic svg .fill,.ic svg .pip{fill:currentColor;stroke:none}[data-ref=btn-power].on{color:var(--n6)}.plugin.expanded [data-ref=btn-power].on{color:var(--d-glow)}[data-ref=btn-resize]{cursor:nwse-resize}[data-ref=btn-right] .i-back,.plugin.expanded [data-ref=btn-right] .i-account{display:none}.plugin.expanded [data-ref=btn-right] .i-back{display:block}.preset{background:var(--n0);border:1px solid var(--n2);border-radius:.5em;align-items:center;gap:.1em;padding:.18em .25em;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.preset-name{text-align:center;cursor:pointer;min-width:10.5em;font:inherit;letter-spacing:.14em;text-transform:uppercase;color:var(--n6);background:0 0;border:0;border-radius:.3em;padding:.25em .4em;font-size:.68em;transition:background .15s}.preset-name:empty:before{content:" "}.preset-name:hover:where(:not(.control-dragging *)){background:#fff1}.preset-sep{background:var(--n2);width:1px;height:1em;margin:0 .25em}.body{flex:1;align-items:stretch;gap:.625em;min-height:0;display:flex}.rail{background:var(--n0);border:1px solid var(--n2);border-radius:.5em;flex-direction:column;flex:none;align-items:center;width:1.75em;padding:.2em .16em;display:flex;position:relative}.clip{z-index:3;cursor:pointer;background:var(--n3);border:0;height:.25em;padding:0;font-size:1em;transition:background 80ms,box-shadow 80ms;position:absolute;top:0;left:0;right:0;box-shadow:inset 0 -1px #000}.clip.lit{background:var(--clip);box-shadow:inset 0 -1px 0 #000, 0 0 .6em var(--clip)}.fader{cursor:ns-resize;flex:1;width:100%;min-height:0;position:relative}.track{background:#0b0b0d;border-radius:.22em;align-items:stretch;width:1.25em;display:flex;position:absolute;top:0;bottom:0;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:inset 0 0 0 1px #000,inset 0 .1em .22em #000c}.mtr{flex:none;width:35%;height:100%;position:relative}.mtr-fill{background:var(--meter,#6f7079);height:0%;transition:height 50ms linear;position:absolute;bottom:0;left:0;right:0}.mtr-peak{opacity:.9;background:#fff;height:1px;position:absolute;bottom:0%;left:0;right:0}.fill-col{border-left:1px solid #000;border-right:1px solid #000;flex:1;height:100%;position:relative}.fill{background:linear-gradient(#3a4250 0%,#2c323d 40%,#1d212a 100%);height:0%;position:absolute;bottom:0;left:0;right:0}.fill:after{content:"";opacity:.85;background:#7c8799;height:1px;position:absolute;top:0;left:0;right:0}.unity{z-index:3;height:1px;position:absolute;bottom:calc(75% - .175em);left:0;right:0}.unity:before,.unity:after{content:"";background:var(--n5);opacity:.8;width:.18em;height:1px;position:absolute;top:0}.unity:before{left:0}.unity:after{right:0}.cap{z-index:4;pointer-events:none;background:linear-gradient(#9a9aa6 0%,#74747f 44%,#3f3f47 46%,#2b2b32 100%);border-radius:.14em;flex-direction:column;justify-content:center;align-items:center;gap:.08em;width:1.85em;height:.7em;display:flex;position:absolute;bottom:50%;left:50%;transform:translate(-50%,50%);box-shadow:0 .12em .26em #000c,0 0 0 1px #000,inset 0 1px #ffffff2e}.cap i{background:#00000075;width:46%;height:1px;display:block}.cap i:nth-child(2){background:#ffffff4d;width:62%}.rail:hover:where(:not(.control-dragging *)) .cap{background:linear-gradient(#adadb8 0%,#81818c 44%,#47474f 46%,#33333a 100%)}.viewport{background:var(--n0);border-radius:.6em;flex:1;min-width:0;position:relative;overflow:hidden}@supports (overflow-clip-margin:0px){.viewport{overflow-clip-margin:.4em;overflow:clip}}.grid{--g:.375em;position:absolute;inset:0}.grid[hidden]{display:none}.tile{width:calc((100% - 2*var(--g)) / 3);height:calc((100% - 2*var(--g)) / 3);transform:translate(calc(var(--col) * (100% + var(--g))), calc(var(--row) * (100% + var(--g))));--tw:.26em;background:var(--t-core);transition:transform .42s var(--settle), background .25s var(--ease);will-change:transform;border-radius:.45em;position:absolute;top:0;left:0}.tile.off{background:var(--t-ink2);--t-ink0:var(--n0)!important;--t-ink1:var(--n1)!important;--t-ink2:var(--n2)!important;--t-line:var(--n3)!important;--t-core:var(--n4)!important;--t-glow:var(--n5)!important}.tile.off .t-knob,.tile.off .t-vibe,.tile.off .t-lock,.tile.off [data-act=open]{pointer-events:none}.tile.off .t-ic:hover:where(:not(.control-dragging *)){background:0 0}.tile.off [data-act=power]{pointer-events:auto}.tile.off [data-act=power]:hover:where(:not(.control-dragging *)){opacity:.75;background:#0002}.tile.off .knob-arc{opacity:.25}.tile.dragging{z-index:5;cursor:grabbing;transition:none;box-shadow:0 .9em 1.8em -.35em #000b}.tile.settling{transition:transform .34s var(--settle)}.tile.hole{opacity:.32}.t-top{z-index:2;justify-content:space-between;align-items:center;height:1.3em;padding:.15em .15em 0;display:flex;position:absolute;top:0;left:0;right:0}.t-ic{cursor:pointer;width:1.04em;height:1.04em;color:var(--t-ink0);opacity:.55;background:0 0;border:0;border-radius:.19em;flex:none;place-items:center;padding:.125em;font-size:1em;transition:opacity .15s,background .15s;display:grid}.t-ic:hover:where(:not(.control-dragging *)){opacity:1;background:#0002}.t-ic:active{background:#00000038}.t-ic svg{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;width:100%;height:100%}.tile.off .t-ic{color:var(--t-glow);opacity:.3}.t-grab{cursor:grab;border-radius:.19em;flex:1;justify-content:center;align-self:stretch;align-items:center;margin:0 .1em;transition:background .15s;display:flex;position:relative}.t-grab:hover:where(:not(.control-dragging *)){background:#00000018}.tile.dragging .t-grab{cursor:grabbing}.tile.off .t-grab{cursor:default}.tile.off .t-grab:hover:where(:not(.control-dragging *)){background:0 0}.tile.off .t-grab:hover:where(:not(.control-dragging *)) .t-grip{opacity:0}.t-grip{fill:currentColor;stroke:currentColor;stroke-width:.8px;width:.62em;height:.62em;color:var(--t-ink0);opacity:0;pointer-events:none;margin-top:-.31em;transition:opacity .15s;position:absolute;top:50%;left:.28em}.t-grip rect{fill:none}.t-grab:hover:where(:not(.control-dragging *)) .t-grip,.tile.dragging .t-grip{opacity:.6}.tile.off .t-grip{color:var(--t-glow)}.t-name{letter-spacing:.2em;text-indent:.2em;text-transform:uppercase;color:var(--t-ink0);white-space:nowrap;font-size:.44em;font-weight:600}.tile.off .t-name{color:var(--t-glow);opacity:.36}.t-knob{pointer-events:none;cursor:ns-resize;place-items:center;display:grid;position:absolute;inset:1.3em 0}.t-knob svg{pointer-events:auto;clip-path:circle(43%);width:74%;height:74%;overflow:visible}.tile.off .t-knob svg{pointer-events:none}.t-ctrl{z-index:2;opacity:.4;grid-template-columns:1fr auto 1fr;align-items:center;column-gap:.32em;transition:opacity .18s;display:grid;position:absolute;bottom:.92em;left:.4em;right:.4em}.tile:not(.off):is(:hover:where(:not(.control-dragging *)),.knob-dragging) .t-ctrl{opacity:1}.tile:not([data-slot=ready]) .t-knob,.tile:not([data-slot=ready]) .t-ctrl,.tile:not([data-slot=ready]):not(.off):is(:hover:where(:not(.control-dragging *)),.knob-dragging) .t-ctrl{opacity:.4}.t-status{z-index:2;letter-spacing:.18em;text-indent:.18em;text-transform:uppercase;color:var(--t-ink2);white-space:nowrap;pointer-events:none;margin-top:.2em;padding:.1em .5em;font-size:.34em;font-weight:600;position:absolute;top:100%;left:50%;transform:translate(-50%)}.t-status[hidden]{display:none}.tile[data-slot=trapped] .t-status{color:var(--t-core);background:var(--t-ink0);border-radius:.4em}.tile[data-slot=loading] .t-status{animation:1.2s ease-in-out infinite slot-pulse}@keyframes slot-pulse{0%,to{opacity:.4}50%{opacity:.8}}.wm-status{letter-spacing:.34em;text-indent:.34em;text-transform:uppercase;color:var(--d-text);pointer-events:none;font-weight:400;transform:translateY(.7em)scale(.72)}.wm-status[hidden]{display:none}.plugin.expanded .wordmark.has-status .wm-text{transform:translateY(-.6em)}.wordmark[data-slot=loading] .wm-status{animation:1.2s ease-in-out infinite slot-pulse}@media (prefers-reduced-motion:reduce){.tile[data-slot=loading] .t-status,.wordmark[data-slot=loading] .wm-status{opacity:.6;animation:none}.rubix-root[data-ready=true] .body{animation:none}}.tile.off .t-ctrl{opacity:.22}.t-lock{justify-self:end;width:.92em;height:.92em;padding:.125em}.t-vibes{align-items:center;gap:0;display:flex}.t-vibe{cursor:pointer;width:.55em;height:.92em;transition:width .2s var(--settle), background .15s;background:0 0;border:0;border-radius:.17em;padding:0;font-size:1em;position:relative;overflow:hidden}.t-vibe:before{content:"";background:var(--t-ink0);opacity:.3;border-radius:.067em;height:.217em;transition:opacity .12s,height .12s;position:absolute;top:50%;left:.067em;right:.067em;transform:translateY(-50%)}.t-vibe:hover:where(:not(.control-dragging *)):before{opacity:.7}.t-vibe.sel:before{opacity:1;height:.33em}.tile.off .t-vibe:before{background:var(--t-glow)}.t-vibe span{letter-spacing:.08em;white-space:nowrap;color:var(--t-ink0);opacity:0;place-items:center;font-size:.4em;font-weight:600;transition:opacity .15s;display:grid;position:absolute;inset:0}.tile.off .t-vibe span{color:var(--t-glow)}.tile:not(.off):is(:hover:where(:not(.control-dragging *)),.knob-dragging) .t-vibe{width:1.92em}.tile:not(.off):is(:hover:where(:not(.control-dragging *)),.knob-dragging) .t-vibe:before{opacity:0}.tile:not(.off):is(:hover:where(:not(.control-dragging *)),.knob-dragging) .t-vibe span{opacity:.45}.tile:not(.off):is(:hover:where(:not(.control-dragging *)),.knob-dragging) .t-vibe:hover:where(:not(.control-dragging *)) span{opacity:.8}.tile:not(.off):is(:hover:where(:not(.control-dragging *)),.knob-dragging) .t-vibe.sel span{opacity:1}.tile:not(.off):is(:hover:where(:not(.control-dragging *)),.knob-dragging) .t-vibe.sel{background:#0000002e}.t-dot{background:var(--t-ink0);opacity:.25;border-radius:50%;justify-self:start;width:.3em;height:.3em;transition:opacity .1s,box-shadow .1s}.t-dot.hot{opacity:.95;box-shadow:0 0 .45em var(--t-ink0)}.tile.off .t-dot{background:var(--t-glow)}.t-meter{z-index:3;cursor:ew-resize;touch-action:none;height:.15em;transition:height .16s var(--ease), background .16s;border-radius:0 0 .45em .45em;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.t-meter i{background:var(--t-ink0);opacity:.55;width:0%;height:100%;transition:width 50ms linear;position:absolute;bottom:0;left:0}.t-gfill,.t-unity{opacity:0;transition:opacity .16s;display:block}.t-gfill{width:calc(var(--gain,.75) * (100% - var(--tw)) + var(--tw) / 2);background:var(--t-ink0);position:absolute;top:0;bottom:0;left:0}.t-unity{top:0;bottom:0;left:calc(.75 * (100% - var(--tw)) + var(--tw) / 2);background:var(--t-core);width:1px;position:absolute}.t-thumb{height:.7em;width:var(--tw);z-index:4;pointer-events:none;cursor:ew-resize;bottom:-.14em;left:calc(var(--gain,.75) * (100% - var(--tw)));background:var(--t-ink0);box-shadow:0 0 0 1px var(--t-core);opacity:0;border-radius:.09em;transition:opacity .16s;display:block;position:absolute}.tile:not(.off):is(:hover:where(:not(.control-dragging *)),.knob-dragging) .t-meter,.tile.dragging .t-meter{background:#00000024;height:.42em}.tile:not(.off):is(:hover:where(:not(.control-dragging *)),.knob-dragging) .t-meter i{opacity:.9;height:38%}.tile:not(.off):is(:hover:where(:not(.control-dragging *)),.knob-dragging) .t-gfill{opacity:.28}.tile:not(.off):is(:hover:where(:not(.control-dragging *)),.knob-dragging) .t-unity{opacity:.5}.tile:not(.off):is(:hover:where(:not(.control-dragging *)),.knob-dragging) .t-thumb{opacity:1;pointer-events:auto}.tile.off .t-meter{pointer-events:none}.tile.off .t-meter i{background:var(--t-glow);opacity:.18}.detail{z-index:3;background:var(--d-core);border-radius:1em;position:absolute;inset:0;overflow:hidden}.detail[hidden]{display:none}.detail canvas{width:100%;height:100%;position:absolute;inset:0}.d-title{text-align:center;z-index:3;font-variant-numeric:tabular-nums;color:var(--d-text);letter-spacing:.22em;text-indent:.22em;opacity:.4;pointer-events:none;font-family:ui-monospace,monospace;font-size:.62em;transition:opacity .2s;position:absolute;top:3.5em;left:0;right:0}.detail.touched .d-title{opacity:1}.d-knob{z-index:2;cursor:ns-resize;place-items:center;display:grid;position:absolute;inset:0}.d-knob svg{width:46%;height:46%;overflow:visible}.d-bottom{z-index:3;flex-direction:column;gap:.55em;padding:0 1.1em;display:flex;position:absolute;bottom:2.95em;left:0;right:0}.vibes{background:#0006;border-radius:.45em;align-self:center;gap:.2em;padding:.14em;display:flex;position:relative}.vibe-pill{background:var(--d-core);pointer-events:none;width:0;transition:left .3s var(--settle), width .3s var(--settle);border-radius:.5em;position:absolute;top:.14em;bottom:.14em;left:0}.vibe{z-index:1;letter-spacing:.16em;text-transform:uppercase;cursor:pointer;color:var(--d-glow);opacity:.45;transition:opacity .18s, color .18s, transform .18s var(--settle);background:0 0;border:0;border-radius:.5em;padding:.5em 1.1em;font-size:.46em;font-weight:600;position:relative}.vibe:hover:where(:not(.control-dragging *)){opacity:.9;transform:scale(1.14)}.vibe:active{transform:scale(1.04)}.vibe.sel{color:var(--d-ink0);opacity:1}.d-out{align-items:center;gap:.55em;display:flex}.hfader{cursor:ew-resize;flex:1;height:1.85em;position:relative}.htrack{background:#0b0b0d;border-radius:.22em;flex-direction:column;height:1.25em;display:flex;position:absolute;top:50%;left:0;right:0;overflow:hidden;transform:translateY(-50%);box-shadow:inset 0 0 0 1px #000,inset .1em 0 .22em #000c}.hmtr{flex:none;width:100%;height:35%;position:relative}.hmtr-fill{background:var(--d-glow);width:0%;transition:width 50ms linear;position:absolute;top:0;bottom:0;left:0}.hmtr-peak{opacity:.9;background:#fff;width:1px;position:absolute;top:0;bottom:0;left:0%}.hfill-row{border-top:1px solid #000;border-bottom:1px solid #000;flex:1;width:100%;position:relative}.hfill{background:linear-gradient(90deg,#1d212a 0%,#2c323d 60%,#3a4250 100%);width:0%;position:absolute;top:0;bottom:0;left:0}.hfill:after{content:"";opacity:.85;background:#7c8799;width:1px;position:absolute;top:0;bottom:0;right:0}.hunity{z-index:3;width:1px;position:absolute;top:0;bottom:0;left:calc(75% - .175em)}.hunity:before,.hunity:after{content:"";background:var(--d-glow);opacity:.5;width:1px;height:.18em;position:absolute;left:0}.hunity:before{top:0}.hunity:after{bottom:0}.hcap{z-index:4;pointer-events:none;background:linear-gradient(#9a9aa6 0%,#74747f 44%,#3f3f47 46%,#2b2b32 100%);border-radius:.14em;justify-content:center;align-items:center;gap:.08em;width:.7em;height:1.85em;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 .12em .26em #000c,0 0 0 1px #000,inset 0 1px #ffffff2e}.hcap i{background:#00000075;width:1px;height:46%;display:block;box-shadow:1px 0 #ffffff1f}.hcap i:nth-child(2){height:62%;box-shadow:none;background:#ffffff4d}.hfader:hover:where(:not(.control-dragging *)) .hcap{background:linear-gradient(#adadb8 0%,#81818c 44%,#47474f 46%,#33333a 100%)}.hclip{z-index:3;cursor:pointer;background:var(--n3);border:0;border-radius:0 .22em .22em 0;width:.25em;height:1.25em;padding:0;font-size:1em;transition:background 80ms,box-shadow 80ms;position:absolute;top:50%;right:0;transform:translateY(-50%)}.hclip.lit{background:var(--clip);box-shadow:0 0 .6em var(--clip)}.d-ic{font-size:inherit;cursor:pointer;width:1.1em;height:1.1em;color:var(--d-glow);opacity:.6;background:0 0;border:0;flex:none;place-items:center;padding:0;transition:opacity .15s;display:grid}.d-ic:hover:where(:not(.control-dragging *)),.d-ic.armed{opacity:1}.d-ic svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:100%;height:100%}.browser{z-index:9;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);animation:browserIn .22s var(--settle);background:#0c0c0ef7;border-radius:1em;flex-direction:column;padding:.85em .9em .9em;display:flex;position:absolute;inset:0;overflow:hidden}.browser[hidden]{display:none}@keyframes browserIn{0%{opacity:0;transform:scale(.985)}to{opacity:1;transform:none}}.b-head{flex:none;justify-content:space-between;align-items:center;height:1.8em;display:flex}.b-title{letter-spacing:.34em;text-indent:.34em;color:var(--n6);font-size:.68em;font-weight:600}.b-search{background:var(--n0);border:1px solid var(--n2);border-radius:.45em;flex:none;align-items:center;gap:.4em;margin:.5em 0 .6em;padding:.45em .6em;display:flex}.b-search svg{fill:none;width:.85em;height:.85em;stroke:var(--n4);stroke-width:2px;flex:none}.b-search input{color:var(--n6);font:inherit;letter-spacing:.04em;background:0 0;border:0;outline:none;flex:1;font-size:.62em}.b-search input::placeholder{color:var(--n4)}.b-list{flex-direction:column;flex:1;gap:.12em;min-height:0;padding-right:.15em;display:flex;overflow-y:auto}.b-list::-webkit-scrollbar{width:.3em}.b-list::-webkit-scrollbar-thumb{background:var(--n3);border-radius:.15em}.b-group{z-index:1;letter-spacing:.2em;text-transform:uppercase;color:var(--n4);background:#0c0c0ef7;padding:.9em .4em .45em;font-size:.5em;position:sticky;top:0}.b-fold{text-align:left;cursor:pointer;border:0;align-items:center;gap:.7em;width:100%;font-family:inherit;display:flex}.b-fold:hover:where(:not(.control-dragging *)){color:var(--n6)}.b-fold svg{fill:none;stroke:currentColor;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;width:1.3em;height:1.3em;transition:transform .18s var(--ease,ease);flex:none}.b-fold.open svg{transform:rotate(90deg)}.b-fold.open{color:var(--n6)}.b-fold span{flex:1}.b-fold em{opacity:.6;letter-spacing:.1em;font-style:normal}.ic[data-act=foldall] .i-expand,.ic[data-act=foldall].collapse .i-collapse{display:block}.ic[data-act=foldall] .i-collapse,.ic[data-act=foldall].collapse .i-expand,.ic[data-act=foldall][hidden]{display:none}.b-head-right{align-items:center;gap:.15em;display:flex}.heart{fill:none;stroke:currentColor;stroke-width:1.9px;stroke-linejoin:round;width:100%;height:100%}.heart.on{fill:currentColor}.b-row{border-radius:.4em;align-items:center;transition:background .12s;display:flex}.b-row:hover:where(:not(.control-dragging *)){background:#ffffff0d}.b-row.sel{background:#ffffff14}.b-item{cursor:pointer;text-align:left;min-width:0;color:var(--n5);font:inherit;background:0 0;border:0;border-radius:.4em;flex:1;align-items:center;gap:.5em;padding:.5em .2em .5em .55em;display:flex}.b-fav{cursor:pointer;width:1.5em;height:1.5em;color:var(--n4);opacity:0;background:0 0;border:0;border-radius:.3em;flex:none;place-items:center;margin-right:.35em;padding:.28em;transition:opacity .12s,color .12s,background .12s;display:grid}.b-row:hover:where(:not(.control-dragging *)) .b-fav{opacity:1}.b-fav.on{opacity:1;color:#e8617f}.b-fav:hover:where(:not(.control-dragging *)){color:#e8617f;background:#ffffff14}[data-ref=browser] [data-act=favfilter].on{color:#e8617f}.b-swatches{flex:none;gap:.1em;display:flex}.b-swatches i{border-radius:.08em;width:.28em;height:.9em}.b-name{letter-spacing:.04em;color:var(--n6);flex:1;font-size:.66em}.b-row.sel .b-name{font-weight:600}.b-tag{letter-spacing:.1em;text-transform:uppercase;color:var(--n4);font-size:.5em}.b-foot{border-top:1px solid var(--n2);flex:none;gap:.35em;margin-top:.5em;padding-top:.7em;display:flex}.b-foot[hidden]{display:none}.b-save{align-items:center}input.b-name{box-sizing:border-box;background:var(--n0);border:1px solid var(--n2);min-width:0;color:var(--n6);font:inherit;letter-spacing:.04em;border-radius:.45em;outline:none;flex:2;padding:.45em .6em;font-size:.62em}input.b-name:focus{border-color:var(--n4)}input.b-name::placeholder{color:var(--n4)}.b-btn{cursor:pointer;background:var(--n1);border:1px solid var(--n2);color:var(--n5);font:inherit;letter-spacing:.12em;text-transform:uppercase;border-radius:.4em;flex:1;padding:.6em .5em;font-size:.58em;transition:all .15s}.b-btn:hover:where(:not(.control-dragging *)){color:var(--n6);border-color:var(--n4)}.b-btn.primary{background:var(--n6);color:#111;border-color:var(--n6)}.b-btn.primary:hover:where(:not(.control-dragging *)){background:#fff}.b-btn:disabled{opacity:.35;cursor:default;pointer-events:none}.plugin.expanded .wordmark{color:var(--d-ink0)}.plugin.expanded .ic{color:var(--d-ink0);opacity:.55}.plugin.expanded .ic:hover:where(:not(.control-dragging *)){opacity:1;background:#00000018}.plugin.expanded [data-ref=btn-power].on,.plugin.expanded [data-ref=btn-dice].soloed{color:var(--d-ink0);opacity:1}.plugin.expanded .d-ic{color:var(--d-ink0);opacity:.6}.plugin.expanded .d-ic:hover:where(:not(.control-dragging *)),.plugin.expanded .d-ic.armed{opacity:1}.plugin.expanded .vibes{background:#0000001f}.plugin.expanded .vibe-pill{background:var(--d-ink0)}.plugin.expanded .vibe{color:var(--d-ink0);opacity:.5}.plugin.expanded .vibe.sel{color:var(--d-core);opacity:1}.plugin.expanded .hunity:before,.plugin.expanded .hunity:after{background:var(--d-ink0);opacity:.55}.htrack{background:var(--d-ink2);box-shadow:inset 0 0 0 1px var(--d-ink0), inset .1em 0 .22em #0000004d}.hfill{background:var(--d-glow)}.hfill:after{background:var(--d-text);opacity:.9}.hmtr-fill{background:var(--d-lift,var(--d-glow))}@media (prefers-reduced-motion:reduce){.plugin,.plugin *{transition-duration:.01ms!important;animation-duration:.01ms!important}}.acct-menu{transform-origin:50%;width:17em;max-width:calc(100% - 1.6em);max-height:calc(100% - 1.6em);padding-bottom:.8em;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%)scale(.92)}.acct-menu.open{transform:translate(-50%,-50%)}.acct-menu:before{display:none}.acct-state{letter-spacing:.2em;color:var(--n5);text-transform:uppercase;font-size:.6em}.acct-form,.acct-in,.acct-updates{flex-direction:column;gap:.4em;display:flex}.acct-form[hidden],.acct-in[hidden],.acct-updates[hidden],.acct-note[hidden],.acct-msg[hidden]{display:none}.acct-menu .b-search{margin:0}.acct-menu .b-search input:disabled{opacity:.5}.acct-row{gap:.35em;display:flex}.acct-msg{letter-spacing:.06em;color:#e8617f;margin:0;font-size:.58em}.acct-note{letter-spacing:.12em;text-transform:uppercase;color:var(--n5);margin:0;font-size:.62em}.acct-auto{border-top:1px solid var(--n2);justify-content:space-between;align-items:center;gap:.6em;margin-top:.7em;padding-top:.6em;display:flex}.acct-auto[hidden]{display:none}.acct-auto-label{letter-spacing:.06em;color:var(--n6);font-size:.62em}.acct-updates{border-top:1px solid var(--n2);margin-top:.7em;padding-top:.6em}.acct-status{border-top:1px solid var(--n2);letter-spacing:.04em;color:var(--n6);margin:.7em 0 0;padding-top:.6em;font-size:.62em}.acct-status[hidden]{display:none}.acct-list{letter-spacing:.04em;color:var(--n6);margin:0;padding:0;font-size:.62em;list-style:none}.acct-list li{padding:.15em 0}.acct-menu .b-btn:focus-visible{outline:1px solid var(--n4);outline-offset:1px}[data-ref=btn-right]{position:relative}[data-ref=btn-right].has-update:after{content:"";width:.42em;height:.42em;box-shadow:0 0 0 1px var(--n0);background:#e8617f;border-radius:50%;position:absolute;top:.2em;right:.2em}.plugin.expanded [data-ref=btn-right].has-update:after{display:none}.plugin.grid-locked .grid{filter:grayscale(.85)brightness(.55);pointer-events:none}.lock-veil{z-index:3;background:#0a0a0c66;border-radius:.6em;place-items:center;display:grid;position:absolute;inset:0}.lock-veil[hidden]{display:none}.lock-cta{flex:none;padding:.8em 1.6em;font-size:.7em}.detail.off .d-knob,.detail.off .d-bottom{pointer-events:none;opacity:.3}.detail.off .d-title{opacity:0}
*{box-sizing:border-box;margin:0;padding:0}.proto{background:var(--page);min-height:100vh;color:var(--n5);-webkit-font-smoothing:antialiased;flex-direction:column;justify-content:center;align-items:center;gap:2rem;padding:2rem 1rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:flex}.stage{justify-content:center;align-items:center;width:min(572.8px,100vw - 4.6rem);max-width:calc(100vw - 4.6rem);display:flex}.hint{letter-spacing:.02em;color:var(--n4);text-align:center;font-size:.72rem}@media (max-width:700px){.hint{display:none}}.demo-root{display:contents}.proto .transport{width:min(100%,572.8px)}.stage:empty{aspect-ratio:1}