@import"https://fonts.googleapis.com/css2?family=SUSE:wght@100..800&display=swap";@import"https://fonts.googleapis.com/css2?family=Fira+Code:wght@300..700&display=swap";/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-leading:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial}}}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.left-1\/2{left:50%}.z-50{z-index:50}.container{width:100%}.mx-auto{margin-inline:auto}.mt-\[1\.1rem\]{margin-top:1.1rem}.-ml-\[50vw\]{margin-left:-50vw}.box-border{box-sizing:border-box}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.aspect-square{aspect-ratio:1}.h-auto{height:auto}.h-full{height:100%}.min-h-screen{min-height:100vh}.w-full{width:100%}.w-screen{width:100vw}.\!max-w-none{max-width:none!important}.max-w-\[420px\]{max-width:420px}.max-w-none{max-width:none}.flex-shrink{flex-shrink:1}.flex-shrink-0,.shrink-0{flex-shrink:0}.scale-90{--tw-scale-x:90%;--tw-scale-y:90%;--tw-scale-z:90%;scale:var(--tw-scale-x)var(--tw-scale-y)}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.resize{resize:both}.auto-rows-auto{grid-auto-rows:auto}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-cols-\[auto_auto_auto_auto_auto\]{grid-template-columns:auto auto auto auto auto}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-items-center{justify-items:center}.gap-\[0\.6rem\]{gap:.6rem}.self-stretch{align-self:stretch}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded-full{border-radius:3.40282e38px}.rounded-none{border-radius:0}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.bg-transparent{background-color:#0000}.text-center{text-align:center}.text-\[0\.6rem\]{font-size:.6rem}.text-\[1\.5rem\]{font-size:1.5rem}.text-\[5rem\]{font-size:5rem}.leading-none{--tw-leading:1;line-height:1}.tracking-\[0\.12em\]{--tw-tracking:.12em;letter-spacing:.12em}.text-\[\#0078d4\]{color:#0078d4}.uppercase{text-transform:uppercase}.underline{text-decoration-line:underline}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.ring{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.contrast-50{--tw-contrast:contrast(50%);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-500{--tw-duration:.5s;transition-duration:.5s}.duration-700{--tw-duration:.7s;transition-duration:.7s}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.group-data-\[selected\=true\]\:text-\[\#06b6d4\]:is(:where(.group)[data-selected=true] *){color:#06b6d4}.\[\&_\.figma-ring-knob__label\]\:hidden .figma-ring-knob label,.\[\&_\.figma-ring-knob__value\]\:hidden .figma-ring-knob value{display:none}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.material-symbols-outlined{text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;font-family:Material Symbols Outlined;font-size:24px;font-style:normal;font-weight:400;line-height:1;display:inline-block}:root{--stroke-color:#e5e7eb;--background:#000;--lite:#0f0f13;--mid:#1a1a1f;--strong:#f3f4f6;--pop:#f3f4f6;--anti-bg-primary:#000;--anti-bg-disabled:#000;--anti-bg-footer:#000c;--anti-bg-button-inactive:#000}body{background-color:var(--background);color:var(--strong);width:100vw;height:100dvh;margin:0;padding:0;font-family:Inter,sans-serif;overflow:hidden}#root{width:100%;height:100%}.tabs-mobile-no-scroll ul,.tabs-mobile-no-scroll li{margin:0;padding:0;list-style:none}.tabs-item{list-style:none}.force-mobile-layout body{background-color:var(--background);flex-direction:column;align-items:center;margin:0;display:flex}.force-mobile-layout #app{width:min(100%,420px);margin:0 auto;max-width:420px!important}.force-mobile-layout #start-screen{width:100%}.force-mobile-layout #start-screen .text-center{max-width:22rem;margin:0 auto}.force-mobile-layout #patch-toolbar{width:min(100%,420px);left:50%;right:auto;transform:translate(-50%)}.force-mobile-layout #patch-toolbar .patch-toolbar__inner{width:100%;max-width:420px}.force-mobile-layout .md\:flex-row{flex-direction:column!important}.force-mobile-layout .md\:items-center{align-items:flex-start!important}.force-mobile-layout .md\:justify-between{justify-content:flex-start!important}.force-mobile-layout .md\:text-5xl{font-size:2.25rem!important;line-height:2.5rem!important}.force-mobile-layout .md\:text-xl{font-size:1.125rem!important;line-height:1.75rem!important}.force-mobile-layout .sm\:grid-cols-2,.force-mobile-layout .xl\:grid-cols-4,.force-mobile-layout .xl\:grid-cols-3,.force-mobile-layout .xl\:grid-cols-2,.force-mobile-layout .sm\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))!important}.module-container{border:1px solid var(--mid);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);--pop:var(--strong);background:#08080ad9;border-radius:.75rem;padding:2.5rem 1.5rem 1.5rem;position:relative}.module-container:before{content:"";opacity:.1;background-image:radial-gradient(var(--mid)1px,transparent 1px);pointer-events:none;background-size:.75rem .75rem;position:absolute;inset:.5rem}.module-title{color:var(--pop);text-transform:uppercase;letter-spacing:.08em;background-color:#000000e6;padding:0 .5rem;font-size:.75rem;font-weight:600;position:absolute;top:0;left:50%;transform:translate(-50%,-50%)}.bolt{border:1px solid var(--mid);border-radius:100%;width:.375rem;height:.375rem;position:absolute}.bolt:first-of-type{top:.5rem;left:.5rem}.bolt:nth-of-type(2){top:.5rem;right:.5rem}.bolt:nth-of-type(3){bottom:.5rem;left:.5rem}.bolt:nth-of-type(4){bottom:.5rem;right:.5rem}.btn-primary,.btn-secondary,.btn-ghost{border-radius:.6rem;justify-content:center;align-items:center;padding:.6rem 1rem;font-weight:600;transition:transform .15s,box-shadow .2s,background-color .2s;display:inline-flex}.btn-primary{color:var(--background);background:#7ee8b1;box-shadow:0 10px 30px -12px #7ee8b1e6}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 16px 35px -18px #7ee8b1e6}.btn-secondary{color:var(--strong);background:#94a3b826;border:1px solid #94a3b84d}.btn-secondary:hover{background:#94a3b840}.btn-ghost{color:var(--strong);background:0 0;border:1px dashed #94a3b84d}.btn-ghost:hover{background:#94a3b81a}.waveform-selector{position:relative}.waveform-selector-btn{color:#0a1929;-webkit-tap-highlight-color:transparent;background:#e2e8f0;border:1px solid #94a3b8;border-radius:.75rem;justify-content:center;align-items:center;width:4rem;height:4rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 20px -8px #22d3ee80,inset 0 0 12px -8px #22d3eeb3}.waveform-selector-btn svg{width:2rem;height:2rem;display:block}.waveform-selector-btn svg path{transition:stroke .2s;stroke:currentColor!important;fill:none!important}@supports (background:color-mix(in srgb,red,blue)){.waveform-selector-btn{background:var(--pop,#22d3ee)}@supports (color:color-mix(in lab,red,red)){.waveform-selector-btn{background:color-mix(in srgb,var(--pop,#22d3ee)85%,#0f172a26)}}.waveform-selector-btn{border:1px solid var(--pop,#22d3ee)}@supports (color:color-mix(in lab,red,red)){.waveform-selector-btn{border:1px solid color-mix(in srgb,var(--pop,#22d3ee)45%,#0f172a40)}}.waveform-selector-btn{box-shadow:0 4px 20px -8px var(--pop,#22d3ee),inset 0 0 12px -8px var(--pop,#22d3ee)}@supports (color:color-mix(in lab,red,red)){.waveform-selector-btn{box-shadow:0 4px 20px -8px color-mix(in srgb,var(--pop,#22d3ee)50%,transparent),inset 0 0 12px -8px color-mix(in srgb,var(--pop,#22d3ee)70%,transparent)}}}.waveform-selector-btn:hover,.waveform-selector-btn:active,.waveform-selector-btn:focus-visible,.waveform-selector-btn.is-touched{-webkit-tap-highlight-color:transparent;border-color:#22d3ee;transform:translateY(-1px);box-shadow:0 0 16px -4px #22d3ee80,inset 0 0 12px -4px #22d3ee66}@supports (background:color-mix(in srgb,red,blue)){.waveform-selector-btn:hover,.waveform-selector-btn:active,.waveform-selector-btn:focus-visible,.waveform-selector-btn.is-touched{border-color:var(--pop,#22d3ee)}@supports (color:color-mix(in lab,red,red)){.waveform-selector-btn:hover,.waveform-selector-btn:active,.waveform-selector-btn:focus-visible,.waveform-selector-btn.is-touched{border-color:color-mix(in srgb,var(--pop,#22d3ee)65%,transparent)}}.waveform-selector-btn:hover,.waveform-selector-btn:active,.waveform-selector-btn:focus-visible,.waveform-selector-btn.is-touched{box-shadow:0 0 16px -4px var(--pop,#22d3ee),inset 0 0 12px -4px var(--pop,#22d3ee)}@supports (color:color-mix(in lab,red,red)){.waveform-selector-btn:hover,.waveform-selector-btn:active,.waveform-selector-btn:focus-visible,.waveform-selector-btn.is-touched{box-shadow:0 0 16px -4px color-mix(in srgb,var(--pop,#22d3ee)50%,transparent),inset 0 0 12px -4px color-mix(in srgb,var(--pop,#22d3ee)40%,transparent)}}}.waveform-options{z-index:20;background-color:#050505;border:1px solid #1f1f23;border-radius:.75rem;grid-template-columns:repeat(2,minmax(0,1fr));gap:.25rem;width:9rem;padding:.5rem;display:none;position:absolute;top:calc(100% + .5rem);left:0;box-shadow:0 30px 60px -30px #0f172a99}#sub-module .waveform-options{top:auto;bottom:calc(100% + .5rem)}.waveform-selector.open .waveform-options{display:grid}.wave-option{aspect-ratio:1;color:#e2e8f0;background:#0f172ab3;border:1px solid #ffffff1a;border-radius:.6rem;justify-content:center;align-items:center;padding:.75rem;transition:background-color .2s,border-color .2s,color .2s,transform .2s;display:flex}.wave-option:hover{background:#0f172ae0;border-color:#22d3ee;transform:translateY(-1px)}@supports (background:color-mix(in srgb,red,blue)){.wave-option:hover{border-color:var(--pop,#22d3ee)}@supports (color:color-mix(in lab,red,red)){.wave-option:hover{border-color:color-mix(in srgb,var(--pop,#22d3ee)50%,#0f172a2e)}}}.wave-option.active{color:#0a1929;background:#22d3ee;border-color:#22d3ee}@supports (background:color-mix(in srgb,red,blue)){.wave-option.active{background:var(--pop,#22d3ee)}@supports (color:color-mix(in lab,red,red)){.wave-option.active{background:color-mix(in srgb,var(--pop,#22d3ee)45%,#0f172ad9)}}.wave-option.active{border-color:var(--pop,#22d3ee)}@supports (color:color-mix(in lab,red,red)){.wave-option.active{border-color:color-mix(in srgb,var(--pop,#22d3ee)70%,#ffffff1f)}}}.figma-ring-knob{flex-direction:column;justify-content:flex-start;align-items:center;gap:.15rem;width:100%;padding:.1rem 0 .4rem;display:flex;position:relative}.figma-ring-knob__label{text-transform:uppercase;letter-spacing:.18em;color:#e2e8f0c7;pointer-events:none;text-align:center;justify-content:center;align-items:center;width:100%;font-size:.6rem;display:inline-flex;position:relative;top:auto;left:auto;transform:none}.figma-ring-knob__dial{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:none;justify-content:center;align-items:center;width:4.6rem;height:4.6rem;display:flex;position:relative}.figma-ring-knob__svg{width:100%;height:100%;overflow:visible}.figma-ring-knob__arc{fill:none;stroke-linecap:round;stroke-width:6.5px}.figma-ring-knob__arc--bg{stroke:#94a3b833}.figma-ring-knob__arc--active{stroke:var(--pop,#7ee8b1);opacity:1;transition:filter .2s}.figma-ring-knob:hover .figma-ring-knob__arc--active,.figma-ring-knob:active .figma-ring-knob__arc--active,.figma-ring-knob:focus-within .figma-ring-knob__arc--active,.figma-ring-knob.is-interacting .figma-ring-knob__arc--active{filter:drop-shadow(0 0 8px #7ee8b1cc)drop-shadow(0 0 16px #7ee8b14d)}@supports (background:color-mix(in srgb,red,blue)){.figma-ring-knob:hover .figma-ring-knob__arc--active,.figma-ring-knob:active .figma-ring-knob__arc--active,.figma-ring-knob:focus-within .figma-ring-knob__arc--active,.figma-ring-knob.is-interacting .figma-ring-knob__arc--active{filter:drop-shadow(0 0 8px var(--pop))drop-shadow(0 0 16px var(--pop))}@supports (color:color-mix(in lab,red,red)){.figma-ring-knob:hover .figma-ring-knob__arc--active,.figma-ring-knob:active .figma-ring-knob__arc--active,.figma-ring-knob:focus-within .figma-ring-knob__arc--active,.figma-ring-knob.is-interacting .figma-ring-knob__arc--active{filter:drop-shadow(0 0 8px color-mix(in srgb,var(--pop)80%,transparent))drop-shadow(0 0 16px color-mix(in srgb,var(--pop)30%,transparent))}}}.figma-ring-knob{-webkit-tap-highlight-color:transparent}.figma-ring-knob__value{letter-spacing:.08em;color:#94a3b8bf;font-size:.6rem;position:absolute;bottom:-.3rem;left:50%;transform:translate(-50%)}.figma-ring-knob__tooltip{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;white-space:nowrap;pointer-events:none;opacity:0;z-index:1000;background:#000000f2;border-radius:.75rem;padding:.75rem 1.5rem;font-size:1.75rem;font-weight:700;transition:opacity .2s;position:absolute;bottom:calc(100% + 1rem);left:50%;transform:translate(-50%);box-shadow:0 4px 12px #0000004d}.figma-ring-knob__tooltip.visible{opacity:1}.wave-option.disabled{pointer-events:none;background:0 0}.wave-btn{background:#94a3b81f;border:1px solid #0000;border-radius:.75rem;justify-content:center;align-items:center;padding:.75rem 1rem;transition:all .2s;display:inline-flex}.wave-btn.active{background:var(--pop);color:var(--background)}.wave-btn:hover{border-color:#94a3b866}.knob{cursor:default;text-align:center;flex-direction:column;justify-content:flex-start;align-items:center;gap:.35rem;margin:0;display:flex;position:relative}.knob-container{cursor:n-resize;width:4rem;height:4rem;margin:0;position:relative}.knob-svg{position:absolute;inset:0}.knob-svg path{fill:none;stroke-linecap:round;stroke-width:4px;transition:all .3s cubic-bezier(0,0,.24,1)}.knob-bg-meter{stroke:#94a3b840}.knob-active-meter{stroke:var(--pop)}.knob-dial{border:1px solid #e2e8f099;border-radius:100%;width:2.5rem;height:2.5rem;transition:transform;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.knob-dial:after{content:"";background-color:#e2e8f0cc;width:2px;height:.6rem;position:absolute;top:.3rem;left:50%;transform:translate(-50%)}.knob-label{text-align:center;text-transform:uppercase;letter-spacing:.08em;color:#e2e8f0b3;justify-content:center;align-items:center;width:5rem;min-height:1.7rem;margin:0;font-size:.65rem;line-height:1.15;display:flex;position:relative}.knob-label .value-text{opacity:0;color:var(--pop);font-weight:600;position:absolute;inset:0}.knob:hover .label-text{opacity:0}.knob:hover .value-text{opacity:1}#title-indicator.playing{color:#7ee8b1}.module-container.compact{padding:1.5rem 1.25rem 1.25rem}.module-container.tight{padding:1.1rem 1rem 1rem}#onscreen-keyboard button{aspect-ratio:2/5;color:#e2e8f0b3;background:linear-gradient(#0f172acc,#1e293bcc);border:1px solid #94a3b833;border-radius:.4rem;flex:auto;min-width:32px;font-size:.75rem;transition:all .15s}#onscreen-keyboard button.black-key{z-index:10;background:linear-gradient(#020617,#0f172a);flex:.7 .7 auto;margin:0 -1.2rem}#onscreen-keyboard button:active,#onscreen-keyboard button.active{color:var(--pop);background:#7ee8b126;transform:translateY(2px)}#sequencer-steps button{text-transform:uppercase;letter-spacing:.05em;background:#94a3b814;border:1px solid #0000;border-radius:.6rem;padding:.8rem 0;font-size:.75rem;transition:all .15s}#sequencer-steps button.active{color:var(--pop);background:#7ee8b124;border-color:#7ee8b180}canvas{display:block}.module-block{flex-direction:column;gap:.25rem;display:flex}.module-heading{text-transform:uppercase;letter-spacing:.3em;color:var(--pop,var(--strong));font-size:.75rem;font-weight:600}.macro-grid{gap:0 .25rem;display:grid}.macro-item{justify-content:center;align-items:center;width:100%;display:flex}.macro-label{justify-content:center}.macro-item.knob-slot .macro-target{justify-content:center;align-items:center;display:flex}.macro-item.knob-slot .figma-ring-knob{max-width:6rem;margin:0 auto}.macro-item.macro-placeholder,.macro-item.macro-spacer{visibility:hidden;pointer-events:none}.macro-label .waveform-selector-btn{font-size:1.5rem;font-weight:700;line-height:1}.macro-label .waveform-selector-btn:not(.module-toggle){pointer-events:none}.macro-item.macro-hidden{display:none!important}.macro-target{width:100%}.module-toggle{pointer-events:auto;transition:background-color .25s,border-color .25s,color .25s,box-shadow .25s}.module-toggle[aria-pressed=false],.module-toggle.module-toggle--off{background:var(--anti-bg-disabled);color:#94a3b8a6;box-shadow:none;border-color:#94a3b859}.module-toggle[aria-pressed=true][data-control-status=green],.waveform-selector-btn:not(.module-toggle)[data-control-status=green]{color:#000!important;background:#4ade80e6!important;border-color:#4ade80!important;box-shadow:0 0 10px #4ade8066!important}.module-toggle[aria-pressed=true][data-control-status=yellow],.waveform-selector-btn:not(.module-toggle)[data-control-status=yellow]{color:#000!important;background:#facc15e6!important;border-color:#facc15!important;box-shadow:0 0 10px #facc1566!important}.module-toggle[aria-pressed=true][data-control-status=red],.waveform-selector-btn:not(.module-toggle)[data-control-status=red]{color:#000!important;background:#f87171e6!important;border-color:#f87171!important;box-shadow:0 0 10px #f8717166!important}.module-toggle[aria-pressed=true][data-control-status=violet],.waveform-selector-btn:not(.module-toggle)[data-control-status=violet]{color:#000!important;background:#a855f7e6!important;border-color:#a855f7!important;box-shadow:0 0 10px #a855f766!important}.module-toggle[aria-pressed=false][data-control-status=green],.waveform-selector-btn[aria-pressed=false][data-control-status=green]{background:var(--anti-bg-disabled)!important;color:#4ade80!important;border-color:#4ade80cc!important;box-shadow:inset 0 0 5px #4ade801a!important}.font-retro-mono{letter-spacing:-.05em;font-family:Fira Code,monospace!important}.waveform-selector-btn[aria-pressed=false][data-control-status=yellow]{background:var(--anti-bg-disabled)!important;color:#facc15!important;border-color:#facc15cc!important;box-shadow:inset 0 0 5px #facc151a!important}.module-toggle[aria-pressed=false][data-control-status=red],.waveform-selector-btn[aria-pressed=false][data-control-status=red]{background:var(--anti-bg-disabled)!important;color:#f87171!important;border-color:#f87171cc!important;box-shadow:inset 0 0 5px #f871711a!important}.module-toggle[aria-pressed=false][data-control-status=violet],.waveform-selector-btn[aria-pressed=false][data-control-status=violet]{background:var(--anti-bg-disabled)!important;color:#a855f7!important;border-color:#a855f7cc!important;box-shadow:inset 0 0 5px #a855f71a!important}.macro-item.macro-disabled{opacity:.3;pointer-events:none;filter:grayscale(.35)}.macro-item.macro-disabled .figma-ring-knob__dial,.macro-item.macro-disabled .knob-dial,.macro-item.macro-disabled .waveform-selector-btn{box-shadow:none;border-color:#94a3b833}.macro-item.macro-disabled .figma-ring-knob__value{color:#94a3b859}#sub-module .macro-grid{grid-template-columns:repeat(2,minmax(0,1fr));justify-items:start;padding-top:1rem}.module-disabled .macro-item:not(.macro-label){opacity:.25;pointer-events:none;transition:opacity .3s}.module-disabled .macro-label{opacity:1;pointer-events:auto}#patch-toolbar{box-sizing:border-box;background:var(--anti-bg-footer);border-top:1px solid var(--mid);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:40;--pop:#22d3ee;width:auto;padding-top:.25rem;position:absolute;bottom:0;left:0;right:0}.patch-toolbar__inner{box-sizing:border-box;flex-direction:column;gap:.25rem;width:100%;max-width:72rem;margin:0 auto;padding:.25rem .75rem .5rem;display:flex;position:relative}.patch-toolbar__header{flex-direction:column;gap:.25rem;display:flex}.staggered-toggle{color:#f8fafc;background:0 0;border:none;border-radius:.5rem;flex-direction:column;gap:0;padding:.2rem;transition:color .2s;display:inline-flex}.staggered-toggle:hover{color:#22d3ee;background:0 0}.menu-burger-icon{width:auto;height:auto;line-height:1;font-size:3rem!important}.staggered-menu{opacity:0;pointer-events:none;z-index:45;background:#08080ee6;border:1px solid #94a3b840;border-radius:.9rem;gap:.4rem;min-width:10rem;padding:.45rem;transition:opacity .2s,transform .2s;display:grid;position:absolute;top:120%;right:0;transform:translateY(-6px);box-shadow:0 14px 35px -24px #0f172ae6}.staggered-menu.open{opacity:1;pointer-events:auto;transform:translateY(0)}.staggered-item{color:#f8fafc;letter-spacing:.14em;text-transform:uppercase;opacity:0;background:#000000c7;border:1px solid #ffffff26;border-radius:.75rem;width:100%;padding:.55rem .75rem;font-size:.85rem;transition:transform .2s,border-color .2s,background-color .2s}.staggered-menu.open .staggered-item{animation:.25s forwards staggered-fade;animation-delay:calc(30ms*var(--stagger-index,0))}@keyframes staggered-fade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.staggered-item:hover{background:#0f172ad9;border-color:#ffffffa6;transform:translateY(-1px)}.instructions-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:60;background:#01040ab8;place-items:center;padding:1.5rem;display:grid;position:fixed;inset:0}.instructions-card{color:#f8fafc;background:#000000e0;border:1px solid #ffffff2e;border-radius:1rem;width:min(28rem,100%);padding:1.4rem;box-shadow:0 20px 50px -25px #0f172ae6}.instructions-header{justify-content:space-between;align-items:center;margin-bottom:.9rem;display:flex}.instructions-header h2{letter-spacing:.18em;text-transform:uppercase;font-size:1.1rem}.instructions-close{color:#f8fafc;cursor:pointer;background:0 0;border:none;font-size:1.5rem;line-height:1}.instructions-content p{letter-spacing:.05em;color:#e2e8f0e0;font-size:.9rem;line-height:1.5}.instructions-content p+p{margin-top:.6rem}@media (max-width:640px){.staggered-menu{right:0}}.toolbar-title{letter-spacing:.08em;text-transform:uppercase;color:var(--pop,var(--strong));margin:0;font-size:1rem;font-weight:600;line-height:1.2}.toolbar-grid{grid-template-columns:repeat(5,minmax(0,1fr));justify-items:center;gap:.6rem;width:100%;display:grid}.toolbar-grid--primary{margin-bottom:.3rem}.toolbar-grid--secondary{border-top:1px solid #94a3b82e;margin-top:.25rem;padding-top:.4rem}.toolbar-control{letter-spacing:.12em;text-transform:uppercase;color:#f8fafc;background:#000;border:1px solid #ffffffeb;justify-self:center;width:100%;min-height:3.5rem;font-size:.95rem;font-weight:600;transition:border-color .2s,box-shadow .2s,transform .2s;box-shadow:0 10px 24px -18px #000000a6}.toolbar-control span{justify-content:center;align-items:center;display:inline-flex}.toolbar-icon-img{-o-object-fit:contain;object-fit:contain;pointer-events:none;filter:brightness(0)invert();width:auto;height:auto;font-size:2.4rem;line-height:1}.toolbar-icon-figure{color:currentColor;pointer-events:none;width:1.25rem;height:1.25rem}.toolbar-control--active{color:#020617;background:#f8fafc;border-color:#fffffff2;box-shadow:0 16px 30px -18px #0f172a99}.toolbar-control--inverted{color:#020617;background:#f8fafc;border-color:#f8fafc;box-shadow:0 14px 32px -20px #0f172a8c}.toolbar-control--indicator{color:#f8fafce6;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:.2rem}.toolbar-control--indicator .toolbar-value{color:inherit}.toolbar-control--inverted .toolbar-icon-img,.toolbar-control--inverted .toolbar-text,.toolbar-control--active .toolbar-icon-img,.toolbar-control--active .toolbar-text{color:inherit;filter:invert(0)}.toolbar-control:not(.toolbar-control--active):not(.toolbar-control--inverted) .toolbar-icon-img{filter:none;color:#ffffffe6}.toolbar-control:not(.toolbar-control--active):not(.toolbar-control--inverted){background:var(--anti-bg-button-inactive)}.toolbar-control--active .toolbar-icon-img{filter:none;color:#020617}.toolbar-control--active{background:#f8fafc}.toolbar-control:hover{border-color:#fffffff2;transform:translateY(-.5px);box-shadow:0 14px 30px -20px #0f172aa6}.toolbar-control--disabled,.toolbar-control:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}[data-slot=tab]{color:#e2e8f0bf;background:#0f172a59;border:1px solid #94a3b859;border-radius:.75rem;transition:background-color .2s,border-color .2s,color .2s,box-shadow .2s}[data-slot=tab][data-selected=true]{color:#020617;background:#f8fafc;border-color:#ffffffe6;box-shadow:0 14px 28px -20px #0f172aa6}[data-slot=tab][data-tab-status]:not([data-selected=true]){border-color:var(--tab-status-color,#94a3b859);background:#000}@supports (color:color-mix(in lab,red,red)){[data-slot=tab][data-tab-status]:not([data-selected=true]){border-color:color-mix(in srgb,var(--tab-status-color,#94a3b859)65%,#94a3b84d)}}[data-slot=tab][data-tab-status]:not([data-selected=true]){color:var(--tab-status-color,#e2e8f0cc)}@supports (color:color-mix(in lab,red,red)){[data-slot=tab][data-tab-status]:not([data-selected=true]){color:color-mix(in srgb,var(--tab-status-color,#e2e8f0cc)70%,#e2e8f099)}}[data-slot=tab][data-tab-status]:not([data-selected=true]){box-shadow:0 10px 26px -20px var(--tab-status-color,#0f172a99)}@supports (color:color-mix(in lab,red,red)){[data-slot=tab][data-tab-status]:not([data-selected=true]){box-shadow:0 10px 26px -20px color-mix(in srgb,var(--tab-status-color,#0f172a99)55%,transparent)}}[data-slot=tab][data-tab-status][data-selected=true]{background:var(--tab-status-color,#f8fafc)}@supports (color:color-mix(in lab,red,red)){[data-slot=tab][data-tab-status][data-selected=true]{background:color-mix(in srgb,var(--tab-status-color,#f8fafc)45%,#fff 55%)}}[data-slot=tab][data-tab-status][data-selected=true]{border-color:var(--tab-status-color,#f8fafc)}@supports (color:color-mix(in lab,red,red)){[data-slot=tab][data-tab-status][data-selected=true]{border-color:color-mix(in srgb,var(--tab-status-color,#f8fafc)60%,#ffffffe6)}}[data-slot=tab][data-tab-status][data-selected=true]{color:#020617}[data-slot=tab][data-tab-status]:focus-visible{box-shadow:0 0 0 2px var(--tab-status-color,#38bdf8)}@supports (color:color-mix(in lab,red,red)){[data-slot=tab][data-tab-status]:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--tab-status-color,#38bdf8)60%,#94a3b859)}}.toolbar-legend{text-align:center;color:#e2e8f0a6;flex-direction:column;align-items:center;gap:.35rem;margin-top:.9rem;display:flex}.toolbar-legend__title{letter-spacing:.24em;text-transform:uppercase;font-size:.55rem}.toolbar-legend__gradient{background:linear-gradient(90deg,#22c55e,#a3e635,#facc15,#f97316,#ef4444);border-radius:999px;width:100%;max-width:12rem;height:.55rem;box-shadow:0 8px 16px -14px #0f172ae6}.toolbar-legend__labels{letter-spacing:.2em;text-transform:uppercase;color:#e2e8f073;justify-content:space-between;width:100%;max-width:12rem;font-size:.5rem;display:flex}.tab-title{text-transform:inherit;letter-spacing:inherit;justify-content:center;align-items:center;font-size:1.5rem;font-weight:700;display:inline-flex}.tab-title--green{color:#22c55e}.tab-title--yellow{color:#facc15}.tab-title--red{color:#ef4444}[role=tab]{background-color:#000;border:1px solid #0000;transition:all .2s}[role=tab]:has(.tab-title--neutral){border-color:#ffffffeb}[role=tab]:has(.tab-title--neutral) .tab-title--neutral{color:#e2e8f0d9}[role=tab][aria-selected=true]:has(.tab-title--neutral){background-color:#f8fafc;border-color:#f8fafc}[role=tab][aria-selected=true]:has(.tab-title--neutral) .tab-title--neutral{text-shadow:none;color:#000!important}[role=tab]:has(.tab-title--green){background-color:#000;border-color:#22c55e}[role=tab]:has(.tab-title--green) .tab-title--green{color:#22c55e}[role=tab][aria-selected=true]:has(.tab-title--green){background-color:#22c55e;border-color:#22c55e}[role=tab][aria-selected=true]:has(.tab-title--green) .tab-title--green{color:#000!important}[role=tab]:has(.tab-title--yellow){background-color:#000;border-color:#facc15}[role=tab]:has(.tab-title--yellow) .tab-title--yellow{color:#facc15}[role=tab][aria-selected=true]:has(.tab-title--yellow){background-color:#facc15;border-color:#facc15}[role=tab][aria-selected=true]:has(.tab-title--yellow) .tab-title--yellow{color:#000!important}[role=tab]:has(.tab-title--red){background-color:#000;border-color:#ef4444}[role=tab]:has(.tab-title--red) .tab-title--red{color:#ef4444}[role=tab][aria-selected=true]:has(.tab-title--red){background-color:#ef4444;border-color:#ef4444}[role=tab][aria-selected=true]:has(.tab-title--red) .tab-title--red{color:#000!important}.macro-item.macro-locked{pointer-events:none}.control-locked{pointer-events:none;cursor:default}.result-modal-backdrop{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:60;background:#000000bf;justify-content:center;align-items:center;padding:0;display:flex;position:fixed;inset:0}.result-modal{width:100%;height:100%;box-shadow:none;background:0 0;border:none;border-radius:0;justify-content:center;align-items:center;padding:1rem 1.5rem 2rem;display:flex;position:relative;overflow-y:auto}.result-modal__close{color:#e2e8f0e6;cursor:pointer;z-index:70;background:#000c;border:1px solid #94a3b84d;border-radius:.5rem;justify-content:center;align-items:center;width:3rem;height:3rem;font-size:2rem;line-height:1;transition:all .2s;display:flex;position:fixed;top:1rem;right:1rem}.result-modal__close:hover{color:#fff;background:#000000f2;border-color:#94a3b880}.result-modal__content{color:#f8fafc;flex-direction:column;gap:1rem;width:100%;max-width:26rem;padding:0 1rem;display:flex}.result-modal__message{text-align:center;letter-spacing:.04em;margin-bottom:.5rem;padding-top:1.25rem;font-size:1rem;font-weight:600}.result-modal__title{text-align:center;letter-spacing:.14em;text-transform:uppercase;color:#e2e8f0f2;font-size:1rem}.result-modal__grid{flex-direction:column;gap:.2rem;display:flex}.result-modal__grid-row{background:#1e293b8c;border-radius:.75rem;grid-template-columns:repeat(5,minmax(0,1fr));place-items:center;gap:.35rem;padding:.35rem .2rem;display:grid}.result-modal__grid-row--header{letter-spacing:.3em;text-transform:uppercase;color:#e2e8f099;background:0 0;padding:.25rem .3rem;font-size:.62rem;font-weight:600}.result-status-square{background-color:var(--anti-bg-disabled);border:1px solid #ffffff1a;border-radius:.25rem;width:1.25rem;height:1.25rem}.result-status-square--green{background-color:#22c55e;border-color:#22c55e;box-shadow:0 0 8px #22c55e66}.result-status-square--yellow{background-color:#facc15;border-color:#facc15;box-shadow:0 0 8px #facc1566}.result-status-square--red{background-color:#ef4444;border-color:#ef4444;box-shadow:0 0 8px #ef444466}.result-status-square--neutral{background-color:#0000;border-color:#ffffff26}.result-modal__section{text-align:center;flex-direction:column;align-items:center;gap:.35rem;display:flex}.result-modal__section h3{letter-spacing:.3em;text-transform:uppercase;color:#cbd5e1cc;font-size:.75rem}.result-modal__section--footer{text-align:left;border-top:1px solid #94a3b81a;flex-direction:row;justify-content:space-between;align-items:flex-end;width:100%;margin-top:1rem;padding-top:1rem}.result-modal__section--footer h3{margin-bottom:0;font-size:.65rem}.result-modal__countdown{letter-spacing:.08em;color:#7ee8b1;margin:0;font-size:1.65rem;font-weight:700;line-height:1}.result-modal__section--stats{align-items:stretch;gap:.6rem}.share-button{color:#020617;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;background-color:#22c55e;border:none;border-radius:9999px;align-items:center;gap:.6rem;margin-top:0;padding:.75rem 1.6rem;font-size:1rem;font-weight:700;transition:all .2s;display:inline-flex;position:relative;overflow:hidden}.share-button:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#fff6,#0000);width:50%;height:100%;animation:4s linear infinite sheen;position:absolute;top:0;left:-100%;transform:skew(-25deg)}@keyframes sheen{0%{left:-100%}10%,to{left:200%}}.share-button:hover{background-color:#4ade80;transform:translateY(-1px);box-shadow:0 4px 12px #22c55e66}.share-button:active{transform:translateY(0)}.share-button.copied{color:#22c55e;background-color:#020617;border:1px solid #22c55e}.mock-knob-container{flex-direction:column;align-items:center;gap:.5rem;display:flex}.mock-knob{background:#000;border:2px solid #334155;border-radius:50%;width:3.5rem;height:3.5rem;position:relative;box-shadow:0 4px 6px -1px #00000080}.mock-knob:after{content:"";transform-origin:bottom;width:2px;height:40%;transform:translate(-50%,-100%)rotate(var(--rotation,0deg));background:#f8fafc;border-radius:2px;position:absolute;top:50%;left:50%}.mock-knob-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:700}.mock-result-container{opacity:0;justify-content:center;gap:.5rem;padding-top:1rem;transition:all .5s;display:flex;transform:translateY(10px)}.mock-result-container.visible{opacity:1;transform:translateY(0)}.mock-result-square{border:1px solid #ffffff1a;border-radius:.25rem;width:2rem;height:2rem}.mock-result-square.green{background:#22c55e;box-shadow:0 0 10px #22c55e80}.mock-result-square.yellow{background:#facc15;box-shadow:0 0 10px #facc1580}.mock-result-square.red{background:#ef4444;box-shadow:0 0 10px #ef444480}.result-modal__stats-overview{text-align:center;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.result-modal__stats-overview span{letter-spacing:.12em;text-transform:uppercase;color:#e2e8f08c;margin-bottom:.25rem;font-size:.7rem;display:block}.result-modal__stats-overview strong{color:#f8fafc;font-size:1.25rem;font-weight:700}.result-modal__distribution{flex-direction:column;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.result-modal__distribution li{z-index:1;letter-spacing:.1em;text-transform:uppercase;color:#e2e8f0d9;background:#ffffff08;border-radius:.25rem;justify-content:space-between;align-items:center;padding:.5rem;font-size:.78rem;display:flex;position:relative;overflow:hidden}.stat-bar{z-index:-1;background:#22d3ee26;height:100%;transition:width .5s;position:absolute;top:0;left:0}.loss-stat .stat-bar{background:#f8717126}.result-modal__distribution li span:last-child{color:#f8fafc;font-weight:600}[data-control-status]{--status-color-fg:var(--status-color,var(--pop,var(--strong)))}.macro-item[data-control-status]{position:relative}.macro-item[data-control-status] .figma-ring-knob__dial,.macro-item[data-control-status] .knob-dial{box-shadow:none!important}.macro-target[data-control-status] .figma-ring-knob__value,.macro-target[data-control-status] .figma-ring-knob__label,.macro-target[data-control-status] .label-text{font-weight:700;color:var(--status-color-fg)!important}.macro-target[data-control-status] .figma-ring-knob__label,.macro-target[data-control-status] .knob-label{text-shadow:0 0 10px var(--status-color-fg);color:var(--status-color-fg)!important}@supports (color:color-mix(in lab,red,red)){.macro-target[data-control-status] .figma-ring-knob__label,.macro-target[data-control-status] .knob-label{text-shadow:0 0 10px color-mix(in srgb,var(--status-color-fg)20%,transparent)}}.waveform-selector[data-control-status] .waveform-selector-btn,.waveform-selector-btn[data-control-status],.module-toggle[data-control-status]{border-color:var(--status-color-fg);box-shadow:none;color:var(--status-color-fg);background:#0f172a4d;border-width:2px}.waveform-selector[data-control-status] .waveform-selector-btn:hover,.waveform-selector[data-control-status] .waveform-selector-btn:active,.waveform-selector[data-control-status] .waveform-selector-btn:focus-visible,.waveform-selector-btn[data-control-status]:hover,.waveform-selector-btn[data-control-status]:active,.waveform-selector-btn[data-control-status]:focus-visible,.module-toggle[data-control-status]:hover,.module-toggle[data-control-status]:active,.module-toggle[data-control-status]:focus-visible{box-shadow:0 0 16px -4px var(--pop,#22d3ee),inset 0 0 12px -4px var(--pop,#22d3ee)!important}@supports (color:color-mix(in lab,red,red)){.waveform-selector[data-control-status] .waveform-selector-btn:hover,.waveform-selector[data-control-status] .waveform-selector-btn:active,.waveform-selector[data-control-status] .waveform-selector-btn:focus-visible,.waveform-selector-btn[data-control-status]:hover,.waveform-selector-btn[data-control-status]:active,.waveform-selector-btn[data-control-status]:focus-visible,.module-toggle[data-control-status]:hover,.module-toggle[data-control-status]:active,.module-toggle[data-control-status]:focus-visible{box-shadow:0 0 16px -4px color-mix(in srgb,var(--pop,#22d3ee)50%,transparent),inset 0 0 12px -4px color-mix(in srgb,var(--pop,#22d3ee)40%,transparent)!important}}.waveform-selector[data-control-status] .waveform-selector-btn:hover,.waveform-selector[data-control-status] .waveform-selector-btn:active,.waveform-selector[data-control-status] .waveform-selector-btn:focus-visible,.waveform-selector-btn[data-control-status]:hover,.waveform-selector-btn[data-control-status]:active,.waveform-selector-btn[data-control-status]:focus-visible,.module-toggle[data-control-status]:hover,.module-toggle[data-control-status]:active,.module-toggle[data-control-status]:focus-visible{transform:translateY(-1px)}.knob-ghost-indicator,.figma-ring-knob__ghost{pointer-events:none;z-index:3;opacity:0;background:#f8fafcf2;border-radius:999px;width:.45rem;height:.45rem;transition:opacity .2s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 10px #f8fafca6}.knob-ghost-indicator.visible,.figma-ring-knob__ghost.visible{opacity:1}.figma-ring-knob__hint{pointer-events:none;z-index:20;opacity:0;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;transition:opacity .2s,transform .2s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.figma-ring-knob__hint.hint-up,.figma-ring-knob__hint.hint-down{opacity:1;color:var(--status-color-fg)}.hint-icon{filter:drop-shadow(0 0 4px #00000080);width:100%;height:100%}.figma-ring-knob__hint.hint-up{animation:1s infinite bounce-up}.figma-ring-knob__hint.hint-down{animation:1s infinite bounce-down}@keyframes bounce-up{0%,to{transform:translate(-50%,-50%)}50%{transform:translate(-50%,-65%)}}@keyframes bounce-down{0%,to{transform:translate(-50%,-50%)}50%{transform:translate(-50%,-35%)}}.toolbar-label{letter-spacing:.26em;font-size:.55rem}.toolbar-value{font-size:1.05rem;font-weight:600}@media (max-width:640px){.toolbar-grid{gap:.45rem}.toolbar-control{min-height:3.1rem}}.toolbar-meta{letter-spacing:.16em;text-transform:uppercase;color:#e2e8f0a6;margin:0;font-size:.72rem}.patch-toolbar__controls{flex-direction:column;gap:.6rem;display:flex}.toolbar-toggle{z-index:41;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:inline-flex;position:absolute;top:-1.1rem;left:50%;transform:translate(-50%)}.toolbar-toggle[aria-expanded=true]{transform:translate(-50%)}.toolbar-secondary{width:100%;transition:max-height .25s,opacity .2s}.toolbar-secondary.hidden{opacity:0;max-height:0;overflow:hidden}.toolbar-secondary__content{border-top:1px solid #94a3b82e;align-items:center;gap:.5rem;margin-top:.4rem;padding-top:.5rem;display:flex}.toolbar-secondary.open{opacity:1;max-height:200px}main#app{padding-bottom:9rem}@media (max-width:640px){.patch-toolbar__inner{gap:.25rem;padding:.25rem .75rem .5rem}.patch-toolbar__controls{flex-direction:column;align-items:stretch;gap:.6rem}.toolbar-group{justify-content:space-between;gap:.4rem}}.toolbar-toggle__icon{pointer-events:none;width:1.65rem;height:1.65rem}.toolbar-text{color:inherit}.sub-macro-grid{justify-items:start}.sub-macro-grid .macro-placeholder{visibility:hidden;pointer-events:none}@media (max-width:640px){.macro-grid{gap:.5rem}.macro-item.macro-spacer,.sub-macro-grid .macro-placeholder{display:none!important}#sub-module .macro-grid{justify-items:start;grid-template-columns:repeat(2,minmax(0,1fr))!important}}.mask-icon{background-color:#0a1929;width:2rem;height:2rem;display:inline-block;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.wave-option .mask-icon{background-color:#e2e8f0}.toolbar-control--active{color:#020617!important;background-color:#f8fafc!important;border-color:#f8fafc!important}.toolbar-control--active .toolbar-icon-img,.toolbar-control--active .toolbar-text,.toolbar-control--active .material-symbols-outlined{color:#020617!important;font-weight:700!important}.toolbar-control--active .toolbar-icon-img{filter:brightness(0)}.intro-visual-container{perspective:1000px;justify-content:center;align-items:center;gap:3rem;margin-bottom:3rem;padding:2.5rem 0;display:flex;position:relative}.intro-visual-container:before{content:"";pointer-events:none;z-index:-1;background:radial-gradient(circle,#7ee8b114,#0000 70%);width:140%;height:140%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.intro-visual-item{transform-style:preserve-3d;transition:transform .4s cubic-bezier(.34,1.56,.64,1)}.intro-visual-item:hover{transform:translateZ(20px)rotateX(10deg)scale(1.05)}.intro-btn-play{color:#020617;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;background:#22c55e;border:none;border-radius:9999px;width:100%;padding:1rem 2rem;font-size:1.125rem;font-weight:800;transition:all .2s;position:relative;overflow:hidden;box-shadow:0 10px 15px -3px #22c55e66,0 4px 6px -2px #22c55e33}.intro-btn-play:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#fff6,#0000);width:50%;height:100%;position:absolute;top:0;left:-100%;transform:skew(-25deg)}.intro-btn-play.shining:after{animation:4s linear infinite sheen}.intro-btn-play:hover{background:#4ade80;transform:translateY(-2px);box-shadow:0 20px 25px -5px #22c55e80,0 10px 10px -5px #22c55e33}.intro-btn-play:active{transform:translateY(0);box-shadow:0 4px 6px -1px #22c55e66}.intro-btn-outline{color:#94a3b8;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;background:0 0;border:1px solid #94a3b84d;border-radius:9999px;width:100%;padding:.875rem 2rem;font-size:.875rem;font-weight:700;transition:all .2s}.intro-btn-outline:hover{color:#f8fafc;background:#94a3b81a;border-color:#cbd5e1;box-shadow:0 0 15px #94a3b826}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}