.preset-panel-module__Y_zo6W__panel{color:#eee;flex:1;min-height:0;padding:16px;overflow:auto}.preset-panel-module__Y_zo6W__panel h2{letter-spacing:-.03em;margin:0;font-size:22px}.preset-panel-module__Y_zo6W__panel h3{margin:24px 0 12px;font-size:16px}.preset-panel-module__Y_zo6W__panel p{color:var(--text-muted);margin:6px 0 16px;font-size:13px}.preset-panel-module__Y_zo6W__panel small{color:var(--text-muted);margin-left:8px;font-size:12px}.preset-panel-module__Y_zo6W__panel button{border:1px solid var(--border-strong);background:var(--surface-raised);color:#eee;cursor:pointer;border-radius:10px;padding:10px 12px}.preset-panel-module__Y_zo6W__panel button:hover{background:var(--surface-raised);border-color:#b6a0ec}.preset-panel-module__Y_zo6W__panel button:focus-visible,.preset-panel-module__Y_zo6W__panel input:focus-visible,.preset-panel-module__Y_zo6W__panel textarea:focus-visible{outline-offset:3px;outline:2px solid #8fdaff}.preset-panel-module__Y_zo6W__panel button:disabled{opacity:.5;cursor:not-allowed}.preset-panel-module__Y_zo6W__tabs{flex-wrap:wrap;gap:8px;margin:16px 0;display:flex}.preset-panel-module__Y_zo6W__tabs button{font-size:12px}.preset-panel-module__Y_zo6W__grid{grid-template-columns:repeat(auto-fit,minmax(min(140px,100%),1fr));gap:10px;display:grid}.preset-panel-module__Y_zo6W__grid .preset-panel-module__Y_zo6W__card{text-align:left;background:linear-gradient(145deg, color-mix(in srgb, var(--preset-color) 12%, var(--surface-panel)), var(--surface-panel));border-color:color-mix(in srgb, var(--preset-color) 30%, #333);gap:6px;padding:12px;transition:transform .18s,box-shadow .18s;display:grid;position:relative}.preset-panel-module__Y_zo6W__card:hover{box-shadow:0 8px 24px #0005, 0 0 20px color-mix(in srgb, var(--preset-color) 12%, transparent);transform:translateY(-2px)}.preset-panel-module__Y_zo6W__card>span:last-child{color:var(--text-muted);font-size:12px;line-height:1.5}.preset-panel-module__Y_zo6W__intro{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.preset-panel-module__Y_zo6W__save{flex-wrap:wrap;align-items:end;gap:10px;margin-top:24px;display:flex}.preset-panel-module__Y_zo6W__save label{flex:1;gap:8px;min-width:120px;font-size:13px;display:grid}.preset-panel-module__Y_zo6W__panel input,.preset-panel-module__Y_zo6W__panel textarea{background:var(--surface-base);border:1px solid var(--border-strong);color:#eee;box-sizing:border-box;border-radius:8px;width:100%;min-width:0;padding:10px}.preset-panel-module__Y_zo6W__saved{gap:8px;margin:8px 0;display:flex}.preset-panel-module__Y_zo6W__saved button:first-child{text-align:left;overflow-wrap:anywhere;flex:1}.preset-panel-module__Y_zo6W__field{gap:10px;font-size:13px;display:grid}.preset-panel-module__Y_zo6W__field textarea{resize:vertical;min-height:220px;font:12px/1.5 monospace}.preset-panel-module__Y_zo6W__panel .preset-panel-module__Y_zo6W__status{color:#a7d9ff;min-height:1.5em}@media (prefers-reduced-motion:reduce){.preset-panel-module__Y_zo6W__grid .preset-panel-module__Y_zo6W__card{transition:none;transform:none}}.preset-panel-module__Y_zo6W__grid .preset-panel-module__Y_zo6W__card[aria-pressed=true]{border-color:var(--accent);box-shadow:inset 0 0 0 1px #b49aff55}.preset-panel-module__Y_zo6W__tabs button[aria-pressed=true]{color:#e9ddff;background:#b49aff18;border-color:#b49aff70}.preset-panel-module__Y_zo6W__saved button:first-child{align-items:center;gap:14px;display:flex}.preset-panel-module__Y_zo6W__saved button:first-child svg{flex-shrink:0;width:58px;height:58px;margin:0}.preset-panel-module__Y_zo6W__panel button:focus-visible,.preset-panel-module__Y_zo6W__panel input:focus-visible,.preset-panel-module__Y_zo6W__panel textarea:focus-visible{outline-color:var(--accent)}
.helix-control-group{border-bottom:1px solid var(--border-subtle);min-width:0;padding-block:6px 18px}.helix-control-group:last-child{border-bottom:0}.helix-control-group__heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 12px;padding:8px 4px 14px;display:flex}.helix-control-group__heading h2{align-items:center;gap:8px;margin:0;font-size:14px;font-weight:600;display:flex}.helix-control-group__heading h2 svg{color:var(--accent);opacity:.8}.helix-control-group__heading h2 span{color:#0000;background:linear-gradient(110deg,#ededed,#c7b5ee);-webkit-background-clip:text;background-clip:text}.helix-control-grid{grid-template-columns:repeat(auto-fit,minmax(min(230px,100%),1fr));align-items:start;gap:2px 20px;display:grid}.helix-slider{border-radius:10px;min-width:0;padding:8px 4px}.helix-slider__header,.helix-slider__controls{align-items:center;display:flex}.helix-slider__header{justify-content:space-between;gap:8px;margin-bottom:4px;font-size:12px}.helix-slider__controls{flex-shrink:0;gap:4px}.helix-number-input{background:var(--surface-raised);width:50px;min-width:0;min-height:34px;color:var(--text-main);text-align:right;font-variant-numeric:tabular-nums;border:1px solid #0000;border-radius:7px;padding:6px;font-size:12px}.helix-number-input:hover{border-color:var(--border-strong)}.helix-number-input:focus-visible{background:var(--surface-base)}.helix-slider__range,.helix-lfo-slider>input{cursor:ew-resize;accent-color:#ababab;width:100%;min-height:26px}.helix-slider:focus-within>.helix-slider__range,.helix-slider:hover>.helix-slider__range,.helix-lfo-slider:focus-within>input{accent-color:var(--accent)}.helix-motion-button{color:#969696;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:7px;flex-shrink:0;place-items:center;width:32px;height:34px;padding:0;display:grid}.helix-motion-button.is-active{color:var(--accent);background:#b49aff0c}.helix-motion-button[aria-expanded=true]{color:var(--accent);border-color:#b49aff55}.helix-motion-details{border:1px solid var(--border-subtle);background:var(--surface-base);border-radius:10px;margin-top:8px;padding:12px;font-size:12px}.helix-motion-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.helix-motion-actions label{flex:1;align-items:center;gap:8px;min-width:120px;min-height:36px;display:flex}.helix-motion-actions input{accent-color:var(--accent)}.helix-icon-button{border:1px solid var(--border-subtle);background:var(--surface-raised);width:32px;height:32px;color:var(--text-muted);cursor:pointer;border-radius:7px;place-items:center;padding:4px;display:grid}.helix-icon-button svg{width:16px;height:16px}.helix-icon-button:disabled{cursor:default;opacity:.4}.helix-lfo-settings{gap:8px;margin-top:12px;display:grid}.helix-lfo-slider{padding-block:4px}.helix-panel-tabs{border-bottom:1px solid var(--border-subtle);flex-shrink:0;gap:6px;padding:8px 14px;display:flex}.helix-panel-tabs button{color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;min-height:40px;padding:8px 12px;font-size:13px}.helix-panel-tabs button[aria-pressed=true]{background:var(--surface-raised);color:var(--text-main);border-color:var(--border-subtle);box-shadow:0 2px 10px #0002}.helix-panel-eco-toggle{border:1px solid var(--border-subtle);min-height:40px;color:var(--text-muted);cursor:pointer;border-radius:9px;align-items:center;gap:6px;margin-left:auto;padding:0 10px;font-size:12px;transition:color .18s,border-color .18s,box-shadow .18s;display:inline-flex}.helix-panel-eco-toggle:hover,.helix-panel-eco-toggle:focus-within{color:var(--accent);border-color:#b49aff66;box-shadow:0 0 12px #b49aff28}.helix-panel-eco-toggle svg{color:var(--accent);filter:drop-shadow(0 0 4px #b49aff55);flex-shrink:0;transition:filter .18s,transform .18s}.helix-panel-eco-toggle:hover svg,.helix-panel-eco-toggle:focus-within svg{filter:drop-shadow(0 0 7px #b49affaa);transform:rotate(-8deg)scale(1.08)}.helix-panel-eco-toggle input{width:14px;height:14px;accent-color:var(--accent);margin:0}.helix-preset-preview{width:100%;height:110px;margin:0 auto 5px;display:block}.ui-panel-buttons .helix-panel-button{border:1px solid var(--border-strong);cursor:pointer;width:100%;max-width:100%;color:var(--text-main);background:var(--surface-raised);white-space:nowrap;border-radius:10px;justify-content:center;align-items:center;gap:.5rem;font-weight:600;display:inline-flex;position:relative}.ui-panel-buttons .helix-panel-button svg{flex:none;width:1.15em;height:1.15em}.ui-panel-buttons .helix-panel-button:disabled{cursor:not-allowed;opacity:.35}.helix-audio-panel{flex:1;min-height:0;padding:24px;overflow:auto}.helix-eyebrow{color:var(--accent);letter-spacing:.16em;font-size:10px}.helix-audio-panel h2{letter-spacing:-.035em;margin:10px 0;font-size:24px}.helix-audio-panel p{color:var(--text-muted);font-size:13px;line-height:1.7}.helix-equalizer{border:1px solid var(--border-subtle);background:var(--surface-base);border-radius:16px;justify-content:center;align-items:center;gap:9px;height:110px;margin:22px 0;display:flex}.helix-equalizer i{opacity:.45;background:linear-gradient(#dfd7ef,#a486e0);border-radius:9px;width:7px;height:12px;display:block}.helix-equalizer.is-playing i{opacity:1;transform-origin:50%;height:58px;animation:1.5s ease-in-out infinite alternate helix-bars}@keyframes helix-bars{0%{transform:scaleY(.15)}to{transform:scaleY(1)}}.helix-audio-actions{flex-wrap:wrap;gap:10px;display:flex}.helix-audio-actions button{border:1px solid var(--border-strong);background:var(--surface-raised);color:var(--text-main);cursor:pointer;border-radius:10px;padding:11px 16px}.helix-audio-actions button[aria-pressed=true]{color:var(--accent);border-color:#b49aff70}.helix-audio-actions button:disabled{opacity:.4;cursor:not-allowed}.helix-audio-volume{grid-template-columns:1fr auto;gap:14px;margin:25px 0;font-size:14px;display:grid}.helix-audio-volume input{width:100%;accent-color:var(--accent);grid-column:1/-1}.helix-audio-toggle{align-items:center;gap:10px;min-height:36px;margin:16px 0;font-size:14px;display:flex}.helix-audio-toggle input{accent-color:var(--accent);width:17px;height:17px}.helix-audio-panel .helix-audio-note{font-size:12px}.helix-tooltip{z-index:10000;box-sizing:border-box;border:1px solid var(--border-strong);width:max-content;max-width:min(280px,100vw - 24px);color:var(--text-main);font:13px/1.6 var(--font-inter), sans-serif;pointer-events:none;background:#292929f5;border-radius:12px;padding:10px 13px;position:fixed;box-shadow:0 8px 32px #0008}.helix-parameter-help{cursor:help;border-radius:4px;min-width:0;line-height:1.5}.helix-parameter-help>span{color:var(--text-muted);font-size:10px;font-weight:400}#screen-center button{transition:background .18s,border-color .18s,box-shadow .18s,transform .18s;position:relative;overflow:hidden}#screen-center button:not(:disabled):active{transform:scale(.97)}.helix-ripple{pointer-events:none;z-index:1;background:radial-gradient(circle,#d9c5ff88,#0000 70%);border-radius:50%;position:absolute}@media (max-width:600px){.helix-control-grid{gap:0}.helix-slider__header{font-size:13px}.helix-motion-button{width:36px;height:36px}.helix-number-input{min-height:36px}.helix-audio-panel{padding:16px}.helix-equalizer{height:64px;margin:16px 0}.helix-equalizer.is-playing i{height:42px}}@media (prefers-reduced-motion:reduce){.helix-equalizer.is-playing i{animation:none;transform:scaleY(.5)}#screen-center button{transition:none}#screen-center button:not(:disabled):active{transform:none}}.helix-master-volume{min-width:0;color:var(--accent);justify-content:center;align-items:center;gap:6px;padding-inline:4px;display:flex}.helix-master-volume svg{flex-shrink:0}.helix-master-volume input{width:76px;min-width:0;height:32px;accent-color:var(--accent);cursor:ew-resize}.helix-audio-panel select,.helix-save-track input{color:var(--text-main);background:var(--surface-raised);border:1px solid var(--border-strong);font:inherit;border-radius:8px;min-width:0;padding:10px}.helix-music-generator{border:0;border-bottom:1px solid var(--border-subtle);min-width:0;margin:0;padding:12px 0 20px}.helix-music-generator legend{color:var(--accent);font-size:14px;font-weight:500}.helix-music-mood{grid-template-columns:1fr 1fr;align-items:center;gap:12px;font-size:13px;display:grid}.helix-music-generator .helix-audio-volume{margin:16px 0 4px}.helix-audio-actions button,.helix-save-track button,.helix-saved-track button{justify-content:center;align-items:center;gap:8px;display:flex}.helix-text-button{color:var(--accent);cursor:pointer;background:0 0;border:0;padding:6px 0;font-size:12px}.helix-text-button:disabled{opacity:.35;cursor:default}.helix-save-track{flex-wrap:wrap;align-items:end;gap:10px;margin:24px 0;display:flex}.helix-save-track label{flex:1;gap:8px;min-width:120px;font-size:13px;display:grid}.helix-save-track button,.helix-saved-track button{border:1px solid var(--border-strong);background:var(--surface-raised);color:var(--text-main);cursor:pointer;border-radius:9px;padding:10px 12px}.helix-save-track button:disabled,.helix-saved-track button:disabled{opacity:.4;cursor:default}.helix-music-library{border-top:1px solid var(--border-subtle);padding-top:12px}.helix-music-library h3{font-size:15px;font-weight:500}.helix-music-library h3 small{color:var(--text-muted);margin-left:8px;font-size:11px}.helix-saved-track{gap:8px;margin-block:8px;display:flex}.helix-saved-track button:first-child{text-align:left;flex:1;justify-content:start;min-width:0}.helix-saved-track span{overflow-wrap:anywhere}.helix-saved-track svg,.helix-audio-toggle>svg{color:var(--accent);flex-shrink:0}.helix-audio-toggle>svg{opacity:.35}.helix-audio-toggle>.is-bass-active{opacity:1;filter:drop-shadow(0 0 5px #b8f)}.helix-panel-button svg,.helix-audio-actions svg,.helix-control-group__heading svg{transition:color .18s,filter .18s,transform .18s}.helix-panel-button:not(:disabled):is(:hover,:focus-visible) svg,.helix-audio-actions button:is(:hover,:focus-visible) svg{color:var(--accent);filter:drop-shadow(0 0 5px #b49aff80);transform:translateY(-1px)}.helix-panel-button[data-action=random]:is(:hover,:focus-visible) svg{animation:.5s both icon-roll}.helix-panel-button[data-action=reset]:is(:hover,:focus-visible) svg{transform:rotate(-65deg)}.helix-panel-button[data-action=undo]:is(:hover,:focus-visible) svg{transform:translate(-3px)}.helix-panel-button[data-action=redo]:is(:hover,:focus-visible) svg{transform:translate(3px)}.helix-control-group:is(:hover,:focus-within) .helix-control-group__heading svg{filter:drop-shadow(0 0 5px #b49aff70);transform:scale(1.12)}.helix-motion-button.is-active svg{stroke-dasharray:5 2;animation:2s linear infinite icon-wave}@keyframes icon-roll{0%{transform:rotate(0)}40%{transform:rotate(-18deg)scale(1.15)}to{transform:rotate(12deg)}}@keyframes icon-wave{to{stroke-dashoffset:-14px}}@media (prefers-reduced-motion:reduce){.helix-motion-button.is-active svg,.helix-panel-button[data-action=random]:is(:hover,:focus-visible) svg{animation:none}.helix-panel-button svg,.helix-audio-actions svg,.helix-control-group__heading svg{transition:none;transform:none!important}}.helix-control-group__heading>span{color:#c6c6c6;font-size:13px}.helix-control-group__heading h2{font-size:15px}.helix-control-grid{grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr))}.helix-slider__header{font-size:14px}.helix-number-input{font-size:13px}.helix-parameter-label{align-items:center;gap:4px;min-width:0;line-height:1.4;display:inline-flex}.helix-help-icon{color:#c5b0eb;cursor:help;background:0 0;border:0;border-radius:6px;flex-shrink:0;place-items:center;width:22px;height:26px;padding:0;display:inline-grid}.helix-help-icon:hover,.helix-help-icon:focus-visible{color:#f5e8ff;filter:drop-shadow(0 0 5px #b771ff)}#screen-center button:not(:disabled):hover{box-shadow:0 0 10px #aa84ee38,0 0 28px #a267ee38}.helix-motion-button.is-active{background:#b49aff16;box-shadow:0 0 12px #a969ff36}.helix-slider:focus-within{box-shadow:0 0 22px #a86aff1c}.helix-help-panel{color:#c5c5c5;flex:1;min-height:0;padding:24px;font-size:14px;line-height:1.7;overflow:auto}.helix-help-panel h2{color:#eee5fc;letter-spacing:-.03em;margin:8px 0 16px;font-size:23px}.helix-help-panel h3{color:var(--accent);margin:24px 0 8px;font-size:15px}.helix-help-panel p{margin:8px 0 16px}.helix-help-panel ol{padding-left:20px}.helix-help-panel li{padding:7px 0 7px 4px}.helix-help-panel strong{color:#ededed}.helix-help-panel p svg,.helix-help-panel li svg{vertical-align:middle;color:var(--accent);display:inline}.helix-help-example{background:var(--surface-base);border:1px solid #a970ff55;border-radius:12px;padding:16px;box-shadow:0 0 24px #a267ee16}.helix-help-example h3{margin:0 0 8px}.helix-help-example button{background:var(--surface-raised);color:var(--accent);cursor:pointer;border:1px solid #b49aff70;border-radius:8px;align-items:center;gap:8px;padding:10px 14px;display:flex}.helix-help-wave{color:var(--accent);flex-wrap:wrap;justify-content:space-between;padding:8px;font-size:11px;display:flex}.helix-help-wave svg{filter:drop-shadow(0 0 6px #a770ff70);width:100%;height:88px}.helix-help-wave__labels{color:#d8c8f7;letter-spacing:.02em;justify-content:space-between;width:100%;margin-top:2px;font-size:11px;font-weight:600;display:flex}.helix-help-wave p{width:100%;color:var(--text-muted);margin:8px 0 0;font-size:12px}@media (max-width:600px){.helix-help-panel{padding:16px}.helix-panel-tabs{gap:2px;padding-inline:8px}.helix-panel-tabs button{padding-inline:10px;font-size:12px}.helix-panel-eco-toggle{padding-inline:7px;font-size:11px}}.helix-random-lock{color:#f4f4f4;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;flex:0 0 28px;place-items:center;width:28px;height:32px;padding:0;transition:color .18s,background .18s,box-shadow .18s;display:grid}.helix-random-lock:hover{background:#ffffff0a}.helix-random-lock.is-locked{color:var(--accent);background:#b49aff0c;box-shadow:0 0 10px #b49aff26}.helix-random-lock.is-locked svg{filter:drop-shadow(0 0 4px #b49aff60)}.helix-random-lock:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.helix-parameter-label{min-width:0}@media (max-width:600px){.helix-random-lock{height:36px}}@media (prefers-reduced-motion:reduce){.helix-random-lock{transition:none}}.svg-column{position:relative}.helix-load-warning{color:#e6c88e;margin:6px 0 0;font-size:11px;line-height:1.5}.helix-performance-recovery{z-index:5;box-sizing:border-box;background:#212121f5;border:1px solid #b49aff70;border-radius:14px;width:min(420px,100% - 24px);height:max-content;max-height:calc(100% - 24px);margin:auto;padding:18px;position:absolute;inset:12px;overflow-y:auto;box-shadow:0 12px 40px #0008,0 0 25px #b49aff18}.helix-performance-recovery h2{color:#dacaff;margin:0 0 8px;font-size:18px}.helix-performance-recovery p{color:#dedede;font-size:13px;line-height:1.5}.helix-performance-recovery>div{flex-wrap:wrap;gap:8px;display:flex}.helix-performance-recovery button{color:#f3f3f3;cursor:pointer;background:#303030;border:1px solid #b49aff65;border-radius:8px;padding:9px 12px;font-size:12px}.helix-performance-recovery button:disabled{opacity:.4;cursor:default}.helix-performance-recovery button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.helix-motion-button,.helix-random-lock,.helix-reset-button{color:#f4f4f4;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:7px;flex:0 0 30px;place-items:center;width:30px;height:32px;padding:0;transition:color .18s,background .18s,border-color .18s,box-shadow .18s,transform .18s;display:grid}.helix-motion-button:hover,.helix-motion-button:focus-visible,.helix-random-lock:hover,.helix-random-lock:focus-visible,.helix-reset-button:hover,.helix-reset-button:focus-visible{color:var(--accent);background:#b49aff12;border-color:#b49aff42;box-shadow:0 0 10px #b49aff2c}.helix-motion-button.is-active,.helix-random-lock.is-locked{color:var(--accent);background:#b49aff16;box-shadow:0 0 12px #a969ff36}.helix-reset-button:active,.helix-motion-button:active,.helix-random-lock:active{transform:scale(.92)}.helix-motion-button svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;width:19px;height:15px}.helix-control-group{border-bottom-color:var(--border-strong);padding-block:10px 22px;box-shadow:0 1px #ffffff04}.helix-control-group__heading{align-items:center;gap:8px;padding:10px 4px 15px;display:flex}.helix-control-group__toggle{box-sizing:border-box;width:auto;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:12px;flex:auto;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 12px;padding:8px 10px;transition:background .18s,box-shadow .18s;display:grid}.helix-control-group__toggle:hover{background:#b49aff0b;box-shadow:0 0 22px #a86aff1c}.helix-control-group__title{letter-spacing:-.01em;align-items:center;gap:9px;min-width:0;font-size:17px;font-weight:650;display:inline-flex}.helix-control-group__title svg{width:20px;height:20px;color:var(--accent)}.helix-control-group__description{color:#c6c6c6;grid-column:1;font-size:13px}.helix-control-group__chevron{color:var(--text-muted);grid-area:1/2/span 2;transition:transform .18s,color .18s}.helix-control-group__toggle:hover .helix-control-group__chevron,.helix-control-group__toggle:focus-visible .helix-control-group__chevron{color:var(--accent)}.helix-control-group__toggle[aria-expanded=false] .helix-control-group__chevron{transform:rotate(-90deg)}.helix-control-group__toggle:focus-visible{outline:2px solid var(--accent);outline-offset:5px;border-radius:5px}.helix-control-group__drag-handle{width:28px;height:34px;color:var(--text-muted);cursor:grab;touch-action:none;border-radius:8px;flex:0 0 28px;place-items:center;margin-right:2px;transition:color .18s,background .18s,box-shadow .18s;display:grid}.helix-control-group__drag-handle:hover,.helix-control-group__drag-handle:focus-visible{color:var(--accent);background:#b49aff12;box-shadow:0 0 10px #b49aff2c}.helix-control-group__drag-handle:active{cursor:grabbing}.helix-control-group.is-dragging{opacity:.55;border-color:var(--accent)}.helix-control-group.is-drop-target{border-color:#b49affcc;box-shadow:0 0 0 1px #b49aff66,0 0 22px #a86aff30}.helix-slider>.helix-slider__header{display:block}.helix-parameter-label{align-items:center;gap:5px;width:100%;min-height:26px;display:flex}.helix-parameter-label>span{overflow-wrap:anywhere;min-width:0}.helix-slider__controls{justify-content:flex-end;gap:4px;margin-top:4px}@media (prefers-reduced-motion:reduce){.helix-control-group__drag-handle,.helix-slider__controls{transition:none}}@media (max-width:600px){.helix-number-input{width:50px}.helix-control-group__title{font-size:16px}.helix-control-group__description{font-size:12px}}@media (prefers-reduced-motion:reduce){.helix-motion-button,.helix-random-lock,.helix-reset-button,.helix-control-group__chevron,.helix-control-group__toggle{transition:none}}.helix-slider>.helix-slider__header{margin-bottom:2px;display:block}.helix-slider>.helix-slider__header .helix-parameter-label{justify-content:flex-start}.helix-slider__range{margin:2px 0 4px;display:block}.helix-slider__controls{justify-content:flex-end;align-items:center;gap:4px;min-height:34px;margin-top:2px;display:flex}.helix-number-field{flex:none;width:58px;height:34px;display:inline-flex;position:relative}.helix-number-input{box-sizing:border-box;width:100%;height:100%;padding-right:22px}.helix-number-stepper{border-radius:5px;grid-template-rows:1fr 1fr;width:18px;display:grid;position:absolute;inset:2px 2px 2px auto;overflow:hidden}.helix-number-stepper button{width:18px;min-height:0;color:var(--text-muted);cursor:pointer;background:#ffffff0a;border:0;border-radius:0;place-items:center;padding:0;line-height:1;display:grid}.helix-number-stepper button:hover,.helix-number-stepper button:focus-visible{color:var(--accent);background:#b49aff22}.helix-number-stepper button:active{background:#b49aff38}@media (max-width:600px){.helix-number-field{width:58px;height:36px}}
#screen-center{--app-padding:16px;--panel-padding:20px;--panel-gap:16px;--button-gap:10px;--button-height:40px;width:100vw;height:100dvh;position:fixed;inset:0;overflow:hidden}.helix-custom-cursor{z-index:100;pointer-events:none;will-change:transform;width:1px;height:1px;position:fixed;top:0;left:0;transform:translate(-100px,-100px)}.helix-custom-cursor__ring{opacity:.24;background:#a46dff05;border:1px solid #c8a7ff45;border-radius:999px;width:18px;height:18px;transition:width .18s,height .18s,opacity .18s,background .18s,box-shadow .18s;display:block;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 5px #a46dff35,inset 0 0 4px #a46dff10}.helix-custom-cursor__pointer{filter:drop-shadow(0 1px 1px #000c)drop-shadow(0 0 4px #a46dffb8);transform-origin:3.5px 2.4px;width:24px;height:28px;transition:filter .18s,transform .18s;position:absolute;top:-2px;left:-3px;overflow:visible}.helix-custom-cursor__pointer path{fill:#fbf8ff;stroke:#8a57d4;stroke-width:1.15px;stroke-linejoin:round}.helix-custom-cursor.is-interactive .helix-custom-cursor__ring{opacity:.5;background:#a46dff0c;border-color:#e1cfff75;width:22px;height:22px;box-shadow:0 0 9px #a46dff65,0 0 18px #a46dff20,inset 0 0 6px #d1b1ff20}.helix-custom-cursor.is-interactive .helix-custom-cursor__pointer{filter:drop-shadow(0 1px 1px #000d)drop-shadow(0 0 6px #bb8aff)drop-shadow(0 0 12px #a46dff70);transform:scale(1.08)}.helix-custom-cursor.is-pressed .helix-custom-cursor__ring{background:#d6baff1c}.helix-custom-cursor.is-rippling .helix-custom-cursor__ring{animation:.52s ease-out both cursor-ripple}@keyframes cursor-ripple{0%{opacity:.72;border-color:#e3d1ff;transform:translate(-50%,-50%)scale(.35);box-shadow:0 0 10px #b879ffb0}to{opacity:0;border-color:#a46dff20;transform:translate(-50%,-50%)scale(2.2);box-shadow:0 0 24px #a46dff00}}.helix-custom-cursor.is-pressed .helix-custom-cursor__pointer{transform:scale(.9)}@media (hover:hover) and (pointer:fine){html.helix-custom-cursor-enabled #screen-center,html.helix-custom-cursor-enabled #screen-center *{cursor:none!important}}@media (prefers-reduced-motion:reduce){.helix-custom-cursor__ring,.helix-custom-cursor__pointer{transition:none}.helix-custom-cursor.is-rippling .helix-custom-cursor__ring{animation:none}}.outer-main-wrapper{width:min(calc(100vw - (2 * var(--app-padding))), clamp(720px, min(92vw, 160dvh), 1700px));margin:var(--app-padding);aspect-ratio:2;border:1px solid var(--border-strong);border-radius:15px;grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-width:0;min-height:0;display:grid;overflow:hidden}.svg-overflow-panel,.svg-frame{width:100%;min-width:0;height:100%;min-height:0}.ui-panel{background:var(--surface-panel);scroll-behavior:smooth;border-left:1px solid var(--border-strong);flex-direction:column;width:100%;min-width:0;height:100%;min-height:0;display:flex;overflow:hidden;container-type:inline-size}.ui-panel-sliders{gap:var(--panel-gap);scrollbar-width:thin;min-width:0;min-height:0;padding:var(--panel-padding);flex:1 1 0;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));display:grid;overflow:hidden auto}.ui-panel-sliders>*,.ui-panel-sliders details{width:100%;min-width:0;max-width:100%}.ui-panel-buttons{gap:var(--button-gap);padding:var(--button-gap);max-height:calc((40px * 2) + var(--button-gap) + (2 * var(--button-gap)));border-top:1px solid var(--border-strong);scrollbar-width:thin;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));place-content:start center;align-items:center;display:grid;overflow:hidden auto}#responsive-scale{place-items:center;display:grid;position:absolute;inset:0}.svg-overflow-panel{aspect-ratio:1;width:auto;max-width:100%;height:100%}.svg-column{justify-content:center;align-items:center;display:flex;overflow:hidden}.svg-frame{width:100%;height:100%;display:block}@media (max-width:1100px){#screen-center{--panel-gap:14px;--app-padding:12px}.outer-main-wrapper{width:calc(100vw - 24px);margin:12px}.ui-panel-sliders{scrollbar-width:thin;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.ui-panel-buttons{scrollbar-width:thin;grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.ui-panel-buttons button{height:36px;font-size:13px}}@media (orientation:portrait){#screen-center{--panel-padding:14px;--panel-gap:12px;--app-padding:14px}#responsive-scale{padding:12px!important}.outer-main-wrapper{border-radius:15px;aspect-ratio:auto!important;grid-template-rows:auto auto minmax(0,1fr)!important;grid-template-columns:1fr!important;width:100%!important;height:100%!important}.svg-overflow-panel{aspect-ratio:1;justify-self:center;width:100%;max-width:720px}.ui-panel{border-top:1px solid var(--border-strong);border-left:none!important}.ui-panel-sliders{scrollbar-width:thin;grid-template-columns:1fr}.ui-panel-buttons{gap:var(--button-gap);padding:var(--button-gap);scrollbar-width:thin;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));display:grid}.ui-panel-buttons button{height:36px;font-size:13px}}@media (orientation:landscape) and (max-height:560px){#screen-center{--panel-padding:10px;--panel-gap:10px;--app-padding:10px;--button-gap:10px}#responsive-scale{padding:0!important}.outer-main-wrapper{margin:var(--app-padding);border-radius:15px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);width:calc(100vw - (2 * var(--app-padding)))!important;height:calc(100dvh - (2 * var(--app-padding)))!important;aspect-ratio:auto!important}.svg-overflow-panel{aspect-ratio:auto;width:100%;height:100%}.ui-panel{border-left:1px solid var(--border-strong);border-top:none}.ui-panel-sliders{scrollbar-width:thin;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr))}.ui-panel-sliders summary{padding:6px 10px;font-size:15px}.ui-panel-buttons{gap:var(--button-gap);padding:var(--button-gap);scrollbar-width:thin;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));display:grid}.ui-panel-buttons button{max-height:36px;font-size:13px}}@media (orientation:portrait){.outer-main-wrapper .svg-column{height:min(30dvh,360px)}}.ui-panel-buttons{border-top:1px solid var(--border-subtle);background:var(--surface-panel);flex-shrink:0;grid-template-columns:auto auto minmax(80px,1fr) minmax(80px,1fr) auto auto;gap:6px;max-height:none;padding:12px;display:grid;overflow:visible}.ui-panel-buttons .helix-panel-button{min-width:44px;height:44px;min-height:44px;font-size:13px}.ui-panel-buttons .is-compact{background:0 0;border-color:#0000;width:44px}.ui-panel-buttons .is-compact span{display:none}.ui-panel-buttons [data-tone=primary]{background:var(--surface-raised);color:var(--accent);border-color:#b49aff55;box-shadow:0 0 16px #b49aff0c}.ui-panel-buttons [data-tone=transport]{background:var(--surface-raised);border-color:var(--border-strong)}.ui-panel-buttons [aria-pressed=true]{color:var(--text-main);border-color:#b49aff55}.ui-panel-sliders{grid-template-columns:1fr;align-content:start}@media (max-width:600px){.ui-panel-buttons{grid-template-columns:44px 44px minmax(0,1fr) minmax(0,1fr) 36px 36px;gap:4px;padding:8px}.ui-panel-buttons .is-compact{width:100%;min-width:36px}.ui-panel-buttons [data-tone=transport] svg,.ui-panel-buttons [data-tone=primary] svg{display:none}.ui-panel-buttons .helix-panel-button{font-size:12px}}@container (max-width:430px){.ui-panel-buttons{grid-template-columns:36px 36px minmax(0,1fr) minmax(0,1fr) 36px 36px;gap:4px;padding:8px}.ui-panel-buttons .is-compact{width:100%;min-width:36px}.ui-panel-buttons [data-tone=transport] svg,.ui-panel-buttons [data-tone=primary] svg{display:none}.ui-panel-buttons .helix-panel-button{font-size:12px}}.ui-panel-buttons{grid-template-columns:auto auto minmax(70px,1fr) minmax(70px,1fr) auto auto}@container (max-width:520px){.ui-panel-buttons{grid-template-columns:32px 32px minmax(0,1fr) minmax(0,1fr) 32px;gap:4px;padding:8px}.ui-panel-buttons .is-compact{width:100%;min-width:32px}.ui-panel-buttons .helix-panel-button{font-size:12px}.ui-panel-buttons [data-tone=transport] svg,.ui-panel-buttons [data-tone=primary] svg{display:none}.helix-master-volume{order:1;grid-column:1/-1;padding:0 6px}.helix-master-volume input{flex:1;width:100%;height:26px}}
.playground-header{background:var(--surface-base);border-bottom:1px solid var(--border-strong);flex-wrap:wrap;grid-column:1/-1;justify-content:space-between;align-items:center;gap:12px 24px;min-width:0;padding:12px 18px;display:flex}.playground-brand{flex-wrap:wrap;align-items:center;gap:4px 10px;min-width:0;display:flex}.playground-brand img{flex:0 0 36px}.playground-brand h1{font:700 clamp(18px, 2vw, 26px) / 1.15 var(--font-space-grotesk), sans-serif;letter-spacing:-.03em;color:#0000;background:linear-gradient(90deg,#e4d5ff,#b49aff 65%,#fff1fa);-webkit-background-clip:text;background-clip:text;margin:0}.playground-version{color:#aaa5bb;white-space:nowrap;font:11px/1.4 ui-monospace,monospace}.playground-stats{text-align:right;font-variant-numeric:tabular-nums}.playground-status{justify-content:flex-end;align-items:center;gap:14px;margin-left:auto;display:flex}.playground-stats strong{font-size:20px;line-height:1.2;display:block}.playground-stats-detail{color:#bfbfbf;flex-wrap:wrap;justify-content:flex-end;gap:2px 10px;font-size:12px;display:flex}.playground-stats-detail span{white-space:nowrap}@media (max-width:600px){.playground-header{grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:10px 12px;display:grid}.playground-brand{grid-template-columns:28px 1fr;gap:0 8px;display:grid}.playground-brand img{grid-row:1/3;width:28px;height:28px}.playground-version{grid-column:2;font-size:10px}.playground-stats strong{font-size:16px}.playground-status{gap:7px}.playground-stats-detail{flex-direction:column;gap:0;font-size:10px}}.playground-brand a{border-radius:8px;grid-row:1/3;display:flex}.playground-brand a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.playground-info{width:26px;height:26px;color:var(--text-muted);cursor:help;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid}.playground-info:hover,.playground-info:focus-visible{color:var(--accent)}.playground-stats .playground-fps{justify-content:flex-end;align-items:center;gap:6px;display:flex}@media (max-width:600px){.playground-brand:has(.playground-info){grid-template-columns:28px minmax(0,1fr) 22px}.playground-brand:has(.playground-info) a{grid-row:auto}.playground-info{width:22px;height:26px}}.helix-mark{filter:drop-shadow(0 0 7px #ab75ff80);flex-shrink:0;width:32px;height:40px}.playground-fps{isolation:isolate;width:max-content;margin-left:auto;position:relative}.playground-fps>.playground-fps-value{z-index:1;transition:text-shadow .8s;position:relative}.playground-fps.is-burning>.playground-fps-value{color:#f8edff;text-shadow:0 0 calc(2px + var(--flame-heat) * 8px) #c07cff, 0 -3px calc(var(--flame-heat) * 12px) #993eff}.playground-fps-fire{width:100%;height:calc(.6em + var(--flame-heat) * 1.2em);opacity:0;z-index:0;pointer-events:none;filter:drop-shadow(0 -2px 3px #a33bff90);transition:height .8s,opacity .6s;position:absolute;bottom:.2em;right:0;overflow:visible}.playground-fps.is-burning .playground-fps-fire{opacity:var(--flame-heat)}.playground-flame-tongue{transform-origin:0 38px;transform:scaleY(var(--tongue-height));animation:fps-fire var(--flame-speed) ease-in-out infinite;animation-delay:var(--tongue-delay);animation-play-state:paused}.is-burning .playground-flame-tongue{animation-play-state:running}@keyframes fps-fire{0%,to{transform:scaleX(.85) scaleY(var(--tongue-height)) skewX(var(--tongue-lean))}32%{transform:scaleX(1.05) scaleY(calc(var(--tongue-height) * .76)) skewX(-5deg)}67%{transform:scaleX(.78) scaleY(calc(var(--tongue-height) * 1.12)) skewX(6deg)}}@media (max-width:600px){.helix-mark{width:28px;height:34px}}@media (prefers-reduced-motion:reduce){.playground-flame-tongue{animation:none}}