.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:var(--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:var(--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__grid .preset-panel-module__Y_zo6W__factoryCard{background:linear-gradient(145deg, color-mix(in srgb, var(--preset-color) 12%, transparent), color-mix(in srgb, var(--preset-color) 3%, transparent))}.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:grid}.preset-panel-module__Y_zo6W__saved .preset-panel-module__Y_zo6W__savedApply{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 .preset-panel-module__Y_zo6W__savedApply{align-items:center;gap:14px;display:flex}.preset-panel-module__Y_zo6W__saved .preset-panel-module__Y_zo6W__savedApply svg{flex-shrink:0;width:58px;height:58px;margin:0}.preset-panel-module__Y_zo6W__savedActions{justify-content:flex-end;gap:6px;display:flex}.preset-panel-module__Y_zo6W__savedActions button{place-items:center;padding:9px;display:grid}.preset-panel-module__Y_zo6W__savedActions button[aria-pressed=true]{color:var(--accent);border-color:var(--accent);box-shadow:0 0 12px #b49aff25}.preset-panel-module__Y_zo6W__rename{flex-wrap:wrap;gap:6px;display:flex}.preset-panel-module__Y_zo6W__rename input{flex-basis:100%}.preset-panel-module__Y_zo6W__shared{z-index:90;box-sizing:border-box;background:var(--surface-base);border:1px solid var(--accent);border-radius:16px;width:calc(100% - 32px);max-width:360px;max-height:calc(100% - 100px);position:absolute;inset:82px 16px auto auto;box-shadow:0 12px 70px #000a}.preset-panel-module__Y_zo6W__shared>svg{max-height:120px}.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)}.preset-panel-module__Y_zo6W__imageExport{border:1px solid var(--border-strong);border-radius:12px;gap:12px;margin-bottom:20px;padding:12px;display:grid}.preset-panel-module__Y_zo6W__imageExport h3{margin:0}.preset-panel-module__Y_zo6W__imageExport label{flex-wrap:wrap;align-items:center;gap:8px;font-size:12px;display:flex}.preset-panel-module__Y_zo6W__imageExport input[type=checkbox]{width:auto}.preset-panel-module__Y_zo6W__imageExport select{border:1px solid var(--border-strong);color:var(--text-main);background:var(--surface-base);border-radius:8px;max-width:100%;padding:8px}.preset-panel-module__Y_zo6W__section{border-bottom:1px solid var(--border-strong);margin-bottom:14px;padding-bottom:14px}.preset-panel-module__Y_zo6W__section>h2{margin:0}.preset-panel-module__Y_zo6W__section>h2>button{text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:12px 8px;font-size:17px;font-weight:650;display:flex}.preset-panel-module__Y_zo6W__section>h2>button svg{transition:transform .18s}.preset-panel-module__Y_zo6W__section>h2>button[aria-expanded=false] svg{transform:rotate(-90deg)}.preset-panel-module__Y_zo6W__section>div:not([hidden]){padding-top:14px}.preset-panel-module__Y_zo6W__section .preset-panel-module__Y_zo6W__save{flex-wrap:nowrap;margin:0 0 18px}.preset-panel-module__Y_zo6W__section .preset-panel-module__Y_zo6W__save label{min-width:0}.preset-panel-module__Y_zo6W__section .preset-panel-module__Y_zo6W__save button{flex-shrink:0}.preset-panel-module__Y_zo6W__grid{grid-template-columns:repeat(auto-fill,minmax(min(140px,100%),1fr));align-items:start}.preset-panel-module__Y_zo6W__saved{--preset-color:var(--accent);min-width:0;margin:0}.preset-panel-module__Y_zo6W__saved .preset-panel-module__Y_zo6W__savedApply{align-items:start;gap:6px;width:100%;display:grid}.preset-panel-module__Y_zo6W__saved .preset-panel-module__Y_zo6W__savedApply svg{width:100%;height:auto;margin:0}.preset-panel-module__Y_zo6W__savedActions{justify-content:space-between;gap:3px}.preset-panel-module__Y_zo6W__savedActions button{padding:6px}.preset-panel-module__Y_zo6W__section .preset-panel-module__Y_zo6W__field+.preset-panel-module__Y_zo6W__field{margin-top:16px}@media (prefers-reduced-motion:reduce){.preset-panel-module__Y_zo6W__section>h2>button svg{transition:none}}.preset-panel-module__Y_zo6W__grid .preset-panel-module__Y_zo6W__card{box-sizing:border-box;border-style:solid;border-width:1px;border-radius:10px;grid-template-rows:120px 36px 54px;gap:0;min-width:0;height:236px;padding:12px}.preset-panel-module__Y_zo6W__card>svg,.preset-panel-module__Y_zo6W__saved .preset-panel-module__Y_zo6W__savedApply>svg{width:100%;height:120px;max-height:120px;margin:0}.preset-panel-module__Y_zo6W__card>strong,.preset-panel-module__Y_zo6W__savedApply>strong{-webkit-line-clamp:1;overflow-wrap:anywhere;-webkit-box-orient:vertical;align-self:end;margin:14px 0 2px;font-size:14px;line-height:20px;display:-webkit-box;overflow:hidden}.preset-panel-module__Y_zo6W__card .preset-panel-module__Y_zo6W__description{-webkit-line-clamp:3;overflow-wrap:anywhere;color:var(--text-muted);-webkit-box-orient:vertical;height:54px;font-size:12px;line-height:18px;display:-webkit-box;overflow:hidden}.preset-panel-module__Y_zo6W__grid .preset-panel-module__Y_zo6W__card.preset-panel-module__Y_zo6W__saved{grid-template-rows:1fr}.preset-panel-module__Y_zo6W__saved .preset-panel-module__Y_zo6W__savedApply{background:0 0;border:0;border-radius:0;grid-template-rows:120px 36px 54px;gap:0;padding:0}.preset-panel-module__Y_zo6W__saved .preset-panel-module__Y_zo6W__savedApply:hover{background:0 0}.preset-panel-module__Y_zo6W__savedActions{height:30px;position:absolute;top:12px;left:12px;right:12px}.preset-panel-module__Y_zo6W__section .preset-panel-module__Y_zo6W__save{grid-template-columns:minmax(0,1fr) auto;align-items:end;display:grid}.preset-panel-module__Y_zo6W__section .preset-panel-module__Y_zo6W__save input,.preset-panel-module__Y_zo6W__section .preset-panel-module__Y_zo6W__save>button{box-sizing:border-box;height:44px;min-height:44px;padding-block:0}.preset-panel-module__Y_zo6W__saveDescription{grid-column:1/-1}.preset-panel-module__Y_zo6W__saveDescription textarea{resize:vertical;min-height:70px}.preset-panel-module__Y_zo6W__editor{box-sizing:border-box;border:1px solid var(--accent);background:var(--surface-panel);width:min(400px,100vw - 32px);max-height:calc(100dvh - 32px);color:var(--text-main);border-radius:14px;margin:auto;padding:20px;overflow:auto}.preset-panel-module__Y_zo6W__editor::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009}.preset-panel-module__Y_zo6W__editor h2{margin-bottom:16px;font-size:18px}.preset-panel-module__Y_zo6W__editor label{flex-basis:100%;gap:6px;font-size:13px;display:grid}.preset-panel-module__Y_zo6W__editor textarea{resize:vertical;min-height:96px}
.helix-touch-studio{border:1px solid var(--border-strong);background:var(--surface-base);border-radius:16px;margin:20px 0;padding:16px}.helix-touch-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.helix-touch-heading h3{align-items:center;gap:8px;margin:0;display:flex}.helix-touch-studio button,.helix-touch-studio select{border:1px solid var(--border-strong);min-height:40px;color:var(--text-main);background:var(--surface-panel);font:inherit;border-radius:10px;padding:8px 10px}.helix-touch-studio button[aria-pressed=true]{color:var(--accent);border-color:var(--accent);box-shadow:0 0 16px #b49aff22}.helix-touch-studio :is(button,select,input,summary):focus-visible{outline:2px solid var(--accent);outline-offset:3px}.helix-gesture-guide{grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr));gap:10px;display:grid}.helix-gesture-guide>div{border:1px solid var(--border-subtle);border-radius:12px;align-items:center;gap:10px;padding:12px;display:flex}.helix-gesture-guide svg{color:var(--accent);flex-shrink:0}.helix-gesture-guide span{color:var(--text-muted);font-size:12px}.helix-gesture-guide strong{color:var(--text-main);margin-top:4px;font-size:14px;display:block}.helix-touch-studio .helix-touch-note,.helix-touch-studio small{color:var(--text-muted);font-size:12px;line-height:1.6}.helix-touch-studio summary{cursor:var(--cursor-pointer);background:var(--surface-panel);color:var(--accent);border-radius:10px;align-items:center;gap:8px;padding:10px;list-style:none;display:flex}.helix-touch-studio summary::-webkit-details-marker{display:none}.helix-touch-studio summary:after{content:"";border-bottom:1.5px solid;border-right:1.5px solid;width:7px;height:7px;margin-left:auto;transform:rotate(45deg)}.helix-touch-studio details[open]>summary:after{transform:rotate(225deg)}.helix-touch-studio summary svg{vertical-align:middle}.helix-touch-studio label{gap:6px;margin-block:14px;font-size:14px;display:grid}.helix-touch-studio select{width:100%;min-width:0}.helix-touch-studio input{width:100%;accent-color:var(--accent)}.helix-touch-feedback{z-index:3;pointer-events:none;text-align:center;color:var(--accent);font-size:13px;position:absolute;top:12px;left:12px;right:12px}.helix-touch-feedback span{background:#161616ed;border:1px solid #b49aff60;border-radius:12px;padding:8px 12px;display:inline-block;box-shadow:0 0 20px #b49aff20}
.svg-column{position:relative}.helix-view-tools{border:1px solid var(--border-strong);z-index:3;background:#19191de8;border-radius:12px;flex-wrap:wrap;align-items:center;gap:2px;max-width:calc(100% - 24px);padding:3px;display:flex;position:absolute;bottom:12px;left:12px;box-shadow:0 4px 16px #0003}.helix-view-tools button{width:34px;height:34px;color:var(--text-muted);cursor:var(--cursor-pointer);background:0 0;border:0;border-radius:8px;place-items:center;display:grid}.helix-view-tools button:hover,.helix-view-tools button[aria-pressed=true]{color:var(--accent);background:#b49aff18;box-shadow:0 0 14px #b49aff18}.helix-view-tools button:disabled{opacity:.3;cursor:var(--cursor-default)}.helix-view-tools output{font-variant-numeric:tabular-nums;text-align:center;min-width:38px;color:var(--text-muted);font-size:11px}.svg-frame:focus-visible{outline:1px solid var(--accent);outline-offset:-2px}@media (pointer:coarse){.helix-view-tools button{width:40px;height:40px}}
.helix-challenge-invite{width:100%;color:var(--accent);text-align:left;cursor:var(--cursor-pointer);background:#b49aff09;border:1px solid #b49aff60;border-radius:12px;align-items:center;gap:12px;margin-bottom:18px;padding:14px;display:flex}.helix-challenge-invite span{gap:5px;display:grid}.helix-challenge-invite small{color:var(--text-muted);font-size:12px}.helix-challenge-invite:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.helix-challenge-arena{background:var(--surface-base);grid-template-columns:repeat(2,minmax(0,1fr));min-width:0;min-height:0;display:grid;overflow:hidden}.helix-challenge-arena figure{flex-direction:column;min-width:0;min-height:0;margin:0;display:flex}.helix-challenge-arena figure+figure{border-left:1px solid var(--border-subtle);background:#b49aff03}.helix-challenge-arena figcaption{color:var(--text-main);justify-content:center;align-items:center;gap:7px;padding:14px 5px;font-size:13px;display:flex}.helix-challenge-arena figcaption span{background:var(--accent);border-radius:50%;width:6px;height:6px;box-shadow:0 0 9px #b49aff90}.helix-challenge-arena .player-dot{box-shadow:none;background:#ededed}.helix-challenge-arena svg{flex:1;width:100%;height:100%;min-height:0}.helix-challenge-panel{border-left:1px solid var(--border-strong);background:var(--surface-panel);flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}.helix-challenge-scroll{scrollbar-width:thin;flex:1;min-height:0;padding:20px;overflow:auto}.helix-challenge-intro{justify-content:space-between;align-items:center;gap:8px;display:flex}.helix-challenge-stars{color:var(--accent);align-items:center;gap:6px;font-size:12px;display:flex}.helix-challenge-panel h2{color:#e4d5ff;letter-spacing:-.035em;margin:18px 0 8px;font-size:clamp(20px,2vw,27px)}.helix-challenge-panel p{color:var(--text-muted);font-size:13px;line-height:1.6}.helix-challenge-panel button{border:1px solid var(--border-strong);background:var(--surface-base);color:var(--text-main);cursor:var(--cursor-pointer);border-radius:10px;justify-content:center;align-items:center;gap:7px;padding:9px 12px;font-size:13px;display:inline-flex}.helix-challenge-panel button:hover{color:var(--accent);border-color:#b49aff80;box-shadow:0 0 16px #b49aff20}.helix-challenge-panel :is(button,input):focus-visible{outline:2px solid var(--accent);outline-offset:3px}.helix-challenge-panel .helix-help-icon{background:0 0;border:0;padding:0}.helix-challenge-panel .helix-number-stepper button{background:0 0;border:0;border-radius:0;gap:0;padding:0}.helix-challenge-rounds{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;margin-top:16px;display:grid}.helix-challenge-rounds button{flex:1;gap:4px;min-width:0;padding:8px 2px;font-size:11px;display:grid}.helix-challenge-rounds button>span{height:18px;color:var(--accent);place-items:center;display:grid}.helix-challenge-rounds [aria-pressed=true]{border-color:var(--accent);background:#b49aff12}.helix-challenge-motion,.helix-challenge-secondary{flex-wrap:wrap;align-items:center;gap:8px;margin:16px 0;display:flex}.helix-challenge-secondary>span{color:var(--text-muted);margin-left:auto;font-size:11px}.helix-challenge-dials{grid-template-columns:repeat(auto-fit,minmax(min(230px,100%),1fr));gap:6px 18px;display:grid}.helix-challenge-dial-value{justify-content:flex-end;margin-top:8px;display:flex}.helix-challenge-dials input[type=range]{width:100%;height:24px;accent-color:var(--accent);cursor:var(--cursor-pointer);margin:0;display:block}.helix-challenge-dials .helix-slider{border-bottom:1px solid var(--border-subtle);padding-bottom:14px}.helix-challenge-feedback{background:#b49aff05;border:1px solid #b49aff40;border-radius:12px;margin-top:16px;padding:16px}.helix-challenge-feedback>strong{color:#dfcdff;align-items:center;gap:8px;font-size:19px;display:flex}.helix-challenge-feedback .is-solved{color:#e3ccff;text-shadow:0 0 16px #b49aff60}.helix-challenge-feedback meter{width:100%;height:12px;accent-color:var(--accent);margin-top:12px}.helix-challenge-feedback meter::-webkit-meter-optimum-value{background:var(--accent)}.helix-challenge-feedback ul{gap:6px;margin:12px 0 0;padding:0;list-style:none;display:grid}.helix-challenge-feedback li{color:var(--text-muted);justify-content:space-between;gap:8px;font-size:12px;display:flex}.helix-challenge-feedback .helix-challenge-hint{color:#ded2f6;gap:8px;display:flex}.helix-challenge-hint svg{flex-shrink:0;margin-top:3px}.helix-challenge-panel .helix-challenge-caption{font-size:11px}.helix-challenge-footer{border-top:1px solid var(--border-strong);flex-shrink:0;justify-content:space-between;gap:8px;padding:12px;display:flex}.helix-challenge-footer .is-primary{color:var(--accent);background:#b49aff16;border-color:#b49aff70}@media (orientation:portrait){.helix-challenge-panel{border-left:0;border-top:1px solid var(--border-strong)}}@media (max-width:600px){.helix-challenge-scroll{padding:14px}.helix-challenge-arena figcaption{padding:8px 4px;font-size:11px}}
.outer-main-wrapper:has(.playground-panes){grid-template-rows:auto minmax(0,1fr)}.playground-panes{grid-column:1/-1;min-width:0;min-height:0;display:grid;overflow:hidden}.playground-panes.is-side-by-side{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr) 14px minmax(0,1fr)}.playground-panes.is-stacked{grid-template-rows:minmax(120px,1fr) 14px minmax(0,1fr);grid-template-columns:minmax(0,1fr)}.playground-panes>.ui-panel{border:none}.playground-panes>.svg-column{min-width:0;min-height:0}.playground-divider{z-index:5;touch-action:none;cursor:var(--cursor-col-resize);background:color-mix(in srgb, var(--accent) 8%, var(--surface-base));border-inline:1px solid var(--border-strong);outline-offset:-2px;place-items:center;display:grid;position:relative}.playground-divider span{background:color-mix(in srgb, var(--accent) 30%, var(--text-muted));opacity:.8;pointer-events:none;border-radius:4px;width:6px;height:64px;transition:background .16s,opacity .16s}.is-stacked>.playground-divider{cursor:var(--cursor-row-resize);border-inline:0;border-block:1px solid var(--border-strong)}.is-stacked>.playground-divider span{width:64px;height:6px}.playground-divider:is(:hover,:focus-visible),.is-resizing>.playground-divider{outline:1px solid var(--accent);background:#b49aff25;box-shadow:0 0 16px #b49aff35}.playground-divider:is(:hover,:focus-visible) span,.is-resizing>.playground-divider span{background:var(--accent);opacity:1}.playground-divider:before{content:"";position:absolute;inset:0 -6px}.is-stacked>.playground-divider:before{inset:-6px 0}
.helix-control-search{gap:10px;min-width:0;display:grid}.helix-control-search__field{border:1px solid var(--border-strong);background:var(--surface-base);border-radius:12px;align-items:center;gap:8px;padding:4px 12px;display:flex}.helix-control-search__field:focus-within{border-color:var(--accent);box-shadow:0 0 15px #b49aff25}.helix-control-search__field svg{color:var(--accent);flex-shrink:0}.helix-control-search__field input{min-width:0;color:var(--text-main);background:0 0;border:0;outline:none;flex:1;padding:8px 0;font-size:14px}.helix-control-search__field input::-webkit-search-cancel-button{display:none}.helix-control-search button{cursor:var(--cursor-pointer);color:var(--text-main);background:0 0;border:1px solid #0000;border-radius:8px;min-height:32px;padding:6px 10px}.helix-control-search button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.helix-control-search__filters{flex-wrap:wrap;align-items:center;gap:4px;font-size:12px;display:flex}.helix-control-search__filters [aria-pressed=true]{color:var(--accent);background:#b49aff14;border-color:#b49aff50}.helix-control-search__filters>span{color:var(--text-muted);margin-left:auto}.helix-control-search p{color:var(--text-muted);font-size:13px}.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{width:100%;min-height:26px;cursor:var(--cursor-ew-resize);accent-color:#ababab}.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;width:32px;height:34px;cursor:var(--cursor-pointer);background:0 0;border:1px solid #0000;border-radius:7px;flex-shrink:0;place-items:center;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:var(--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:var(--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}@container (max-width:380px){.ui-panel .helix-panel-tabs{gap:2px;padding-inline:6px}.ui-panel .helix-panel-tabs button{flex-shrink:0;padding-inline:6px;font-size:12px}}.helix-panel-tabs button{color:var(--text-muted);min-height:40px;cursor:var(--cursor-pointer);background:0 0;border:1px solid #0000;border-radius:8px;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-preset-preview{width:100%;height:110px;margin:0 auto 5px;display:block}.ui-panel-buttons .helix-panel-button{border:1px solid var(--border-strong);width:100%;max-width:100%;cursor:var(--cursor-pointer);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:var(--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:var(--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:var(--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:var(--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:var(--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:var(--cursor-pointer);background:0 0;border:0;padding:6px 0;font-size:12px}.helix-text-button:disabled{opacity:.35;cursor:var(--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:var(--cursor-pointer);border-radius:9px;padding:10px 12px}.helix-save-track button:disabled,.helix-saved-track button:disabled{opacity:.4;cursor:var(--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;width:22px;height:26px;cursor:var(--cursor-help);background:0 0;border:0;border-radius:6px;flex-shrink:0;place-items:center;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}@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-random-lock{color:#f4f4f4;width:28px;height:32px;cursor:var(--cursor-pointer);background:0 0;border:1px solid #0000;border-radius:8px;flex:0 0 28px;place-items:center;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:var(--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:var(--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;width:30px;height:32px;cursor:var(--cursor-pointer);background:0 0;border:1px solid #0000;border-radius:7px;flex:0 0 30px;place-items:center;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:var(--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:var(--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:var(--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:var(--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}}.helix-lfo-tools{grid-column:1/-1;gap:10px;display:grid}.helix-lfo-tools>div,.helix-lfo-audition{flex-wrap:wrap;gap:6px;display:flex}.helix-lfo-tools label{align-items:center;gap:8px;font-size:12px;display:flex}.helix-lfo-tools select,.helix-lfo-tools button{background:var(--surface-raised);color:var(--text-main);border:1px solid var(--border-strong);border-radius:8px;padding:8px;font-size:12px}.helix-lfo-tools button:hover{color:var(--accent);border-color:var(--accent)}.helix-lfo-tools button:disabled{opacity:.4}.helix-lfo-graph{color:var(--accent);background:var(--surface-base);border:1px solid var(--border-strong);border-radius:10px;grid-column:1/-1;margin:0;padding:8px 12px}.helix-lfo-graph svg{width:100%;height:56px;display:block}.helix-lfo-graph figcaption{color:var(--text-muted);text-align:right;font-size:11px}@media (pointer:coarse),(max-width:600px){.helix-control-group__drag-handle{flex-basis:40px;width:40px;height:44px}.helix-slider__controls>button,.helix-motion-actions>button{min-width:40px;min-height:40px}.helix-slider input[type=range],.helix-lfo-slider input[type=range]{min-height:32px}.helix-help-icon{min-width:28px;min-height:28px}}
.lfo-showcase{background:#191919;border:1px solid #b49aff55;border-radius:18px;margin-block:24px;padding:clamp(14px,3vw,24px);box-shadow:0 0 28px #a46fff10}.helix-help-panel .lfo-showcase h3{color:#eee2ff;margin:6px 0;font-size:23px}.lfo-showcase h4{color:#f0ebf7;margin:20px 0 8px;font-size:18px}.lfo-showcase button,.lfo-showcase select{color:#e9e6ee;font:inherit;background:#292929;border:1px solid #ffffff24;border-radius:9px;min-height:38px;padding:8px 11px;font-size:12px}.lfo-showcase button{cursor:var(--cursor-pointer);justify-content:center;align-items:center;gap:7px;transition:border-color .2s,box-shadow .2s;display:inline-flex}.lfo-showcase button:not(:disabled):hover{border-color:#b49aff;box-shadow:0 0 14px #a46fff35}.lfo-showcase button:focus-visible,.lfo-showcase select:focus-visible,.lfo-showcase input:focus-visible{outline-offset:3px;outline:2px solid #cfb5ff}.lfo-showcase button:disabled,.lfo-showcase select:disabled{opacity:.4;cursor:var(--cursor-default)}.lfo-showcase button[aria-pressed=true],.lfo-showcase .lfo-showcase__primary{color:#e4d5ff;background:#b49aff20;border-color:#b49aff90}.lfo-showcase__steps,.lfo-showcase__actions{flex-wrap:wrap;gap:7px;display:flex}.lfo-showcase__steps button{flex:65px}.lfo-showcase__lesson{min-height:130px}.lfo-showcase__comparison{grid-template-columns:1fr 1fr;gap:10px;display:grid}.lfo-showcase__comparison figure{background:#111;border:1px solid #ffffff17;border-radius:12px;min-width:0;margin:0;overflow:hidden}.lfo-showcase__comparison figure:last-child{background:radial-gradient(#b49aff09,#0000 70%),#111;border-color:#b49aff55}.lfo-showcase__comparison figcaption{color:#f1edf7;flex-wrap:wrap;gap:3px 10px;padding:10px 12px 0;font-size:12px;display:flex}.lfo-showcase__comparison figcaption span{color:#bba9d6;font-size:11px}.lfo-showcase__comparison svg{width:100%;height:clamp(165px,19vw,230px);display:block}.lfo-showcase__signal{color:#c8b8e2;padding:12px 0 0;font-size:12px}.lfo-showcase__signal svg{width:100%;height:62px;display:block}.lfo-showcase__readouts{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.lfo-showcase__readouts label>span{color:#e6e0ed;flex-wrap:wrap;justify-content:space-between;gap:4px;font-size:12px;display:flex}.lfo-showcase__readouts output{color:#d3b7ff;font-variant-numeric:tabular-nums}.lfo-showcase__readouts meter{background:#38323f;border:0;border-radius:5px;width:100%;height:9px;margin-block:7px;display:block}.lfo-showcase__readouts meter::-webkit-meter-bar{background:#38323f;border:0}.lfo-showcase__readouts meter::-webkit-meter-optimum-value{background:#b49aff}.lfo-showcase__readouts meter::-moz-meter-bar{background:#b49aff}.lfo-showcase small{color:#b4aebc;font-size:11px;line-height:1.6;display:block}.lfo-showcase__options{flex-wrap:wrap;align-items:end;gap:12px;margin-top:20px;display:flex}.lfo-showcase__options label{flex:150px;gap:5px;font-size:12px;display:grid}.lfo-showcase__options select{width:100%}.lfo-showcase__offset{align-items:center;gap:9px;margin-top:15px;font-size:13px;display:flex}.lfo-showcase__offset input{accent-color:#b49aff}.helix-help-panel .lfo-showcase__hint{color:#d0c3e0;border-left:2px solid #b49aff88;margin-block:20px;padding-left:12px;font-size:13px}.lfo-showcase__actions{border-top:1px solid #ffffff18;margin-bottom:12px;padding-top:16px}@media (prefers-reduced-motion:reduce){.lfo-showcase button{transition:none}}.helix-performance-preferences{border:1px solid var(--border-strong);border-radius:12px;margin:16px 0;padding:14px}.helix-performance-preferences label{cursor:var(--cursor-pointer);align-items:flex-start;gap:12px;display:flex}.helix-performance-preferences input{width:18px;height:18px;accent-color:var(--accent);flex-shrink:0}.helix-performance-preferences span{color:var(--text-main);font-size:13px;line-height:1.5}.helix-performance-preferences svg{vertical-align:middle;color:var(--accent)}
#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}.outer-main-wrapper{aspect-ratio:auto;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);width:min(100%,1700px);min-width:0;height:100%;min-height:0;margin: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{padding:var(--app-padding);place-items:center;display:grid;position:absolute;inset:0}.svg-overflow-panel{width:100%;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:100%;margin:0}.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:var(--app-padding)}.outer-main-wrapper{border-radius:15px;grid-template-rows:auto minmax(100px,30%) minmax(0,1fr);grid-template-columns:1fr;width:100%;height:100%}.svg-overflow-panel{justify-self:center;width:100%}.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:var(--app-padding)}.outer-main-wrapper{aspect-ratio:auto;border-radius:15px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);width:100%;height:100%;margin:0}.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}}#screen-center.is-expanded #responsive-scale{padding:0}#screen-center.is-expanded .outer-main-wrapper{border-radius:0;width:100%;max-width:none}#screen-center:fullscreen{background:var(--surface-base)}.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(--text-main);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 .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 .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}.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);grid-column:1/-1;grid-template-columns:minmax(0,1fr) auto;justify-content:space-between;align-items:center;gap:12px 24px;min-width:0;padding:12px 18px;display:grid}.playground-workspace-actions{align-items:center;gap:4px;margin-left:auto;display:flex}.playground-workspace-actions a,.playground-workspace-actions button{border:1px solid var(--border-subtle);width:34px;height:34px;color:var(--text-muted);cursor:var(--cursor-pointer);background:0 0;border-radius:9px;place-items:center;display:grid}.playground-workspace-actions :is(a,button):is(:hover,:focus-visible){color:var(--accent);border-color:var(--accent);box-shadow:0 0 14px #b49aff35}.playground-workspace-actions [aria-pressed=true]{color:var(--accent)}.playground-workspace-actions :focus-visible{outline:2px solid var(--accent);outline-offset:2px}.playground-workspace-message{width:100%;color:var(--text-muted);margin:0;font-size:12px}.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(105deg,#d7bfff 0%,#b49aff 38%,#e9dcff 46%,#fff 50%,#e9dcff 54%,#b49aff 62%,#d7bfff 100%) 100%/200% 100%;-webkit-background-clip:text;background-clip:text;margin:0;transition:text-shadow .25s;animation:14s linear infinite alternate playground-title-glide}@keyframes playground-title-glide{0%{background-position:100%}to{background-position:0%}}@media (hover:hover) and (pointer:fine){.playground-brand h1:hover{text-shadow:0 0 16px #b49aff30}}@media (prefers-reduced-motion:reduce){.playground-brand h1,.playground-brand h1:hover{background-position:100%;animation:none}}@media (max-width:600px){.playground-header{grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:10px 12px;display:grid}.playground-brand h1{font-size:clamp(13px,3.4vw,19px)}.playground-brand{grid-template-columns:24px minmax(0,1fr);gap:0 8px;display:grid}.playground-brand img{grid-row:1/3;width:28px;height:28px}.playground-workspace-actions{grid-area:1/2;margin-left:auto}.playground-workspace-actions a,.playground-workspace-actions button{width:28px;height:30px}.playground-workspace-actions{gap:2px}.playground-workspace-message{grid-column:1/-1}}.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}.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;-webkit-text-stroke:clamp(.6px, .035em, 1px) #09060d;paint-order:stroke fill;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:24px;height:30px}}@media (prefers-reduced-motion:reduce){.playground-flame-tongue{animation:none}}.playground-logo{cursor:var(--cursor-pointer);background:0 0;border:0;border-radius:8px;place-items:center;padding:0;display:grid}.playground-logo:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.playground-logo .helix-mark{transition:filter .2s}.playground-logo[data-boosting=true] .helix-mark{filter:drop-shadow(0 0 10px #be8aff)}@media (prefers-reduced-motion:reduce){.playground-logo .helix-mark{transition:none}}.playground-fps{display:inline-block}.playground-fps.is-launching{animation:.16s linear infinite fps-launch}@keyframes fps-launch{0%,to{transform:translate(0)}20%{transform:translate(calc(var(--thrust) * -1.6px), calc(var(--thrust) * 1px)) rotate(calc(var(--thrust) * -1deg))}45%{transform:translate(calc(var(--thrust) * 1.8px), calc(var(--thrust) * -1.5px))}70%{transform:translate(calc(var(--thrust) * -.8px), calc(var(--thrust) * -.5px)) rotate(calc(var(--thrust) * 1deg))}}.playground-fps-ice{pointer-events:none;opacity:0;z-index:0;clip-path:polygon(0 0,100% 0,100% 75%,91% 72%,87% 100%,82% 74%,70% 79%,64% 96%,59% 74%,38% 78%,32% 100%,26% 75%,12% 83%,7% 72%,0 76%);background:linear-gradient(135deg,#0000 39%,#58c6ffe0 40%,#0000 42%),linear-gradient(35deg,#0000 52%,#279fffe0 53%,#0000 55%),linear-gradient(#148dff66,#0000 45%,#3ea9ffcc);transition:opacity 1s;position:absolute;inset:.7em -.04em -.45em}.is-frozen .playground-fps-ice{opacity:var(--frost)}.is-frozen .playground-fps-value{color:color-mix(in srgb, #f4fbff calc(var(--frost) * 100%), #e6e6e6);text-shadow:0 0 calc(var(--frost) * 8px) #369fff, 0 2px calc(var(--frost) * 2px) #639bc7}@media (prefers-reduced-motion:reduce){.playground-fps.is-launching{animation:none}.playground-fps-ice{transition:none}}[data-android-app] .playground-brand{flex-wrap:nowrap;align-items:center;gap:8px;display:flex}[data-android-app] .playground-brand h1{font-size:clamp(17px,4.5vw,23px);line-height:1.2}
.helix-canvas-fps,.helix-canvas-statistics{z-index:3;pointer-events:none;font-variant-numeric:tabular-nums;position:absolute}.helix-canvas-fps{font-size:clamp(14px,1.6vw,23px);line-height:1.2;top:clamp(16px,2vw,25px);right:clamp(12px,2vw,20px)}.helix-canvas-statistics{max-width:calc(100% - 110px);color:var(--text-muted);margin:0;font-size:clamp(9px,.85vw,12px);line-height:1.7;top:14px;left:14px}.helix-canvas-statistics div{flex-wrap:wrap;column-gap:5px;display:flex}.helix-canvas-statistics dd{color:var(--accent);margin:0;font-weight:600}.helix-performance-panel{min-height:0;color:var(--text-main);padding:clamp(14px,2vw,26px);overflow-y:auto}.helix-performance-intro{align-items:flex-start;gap:12px;margin-bottom:24px;display:flex}.helix-performance-intro>svg{color:var(--accent);flex-shrink:0;margin-top:4px}.helix-performance-intro h2{margin:0 0 7px;font-size:21px}.helix-performance-intro p,.helix-performance-note{color:var(--text-muted);margin:0;font-size:13px;line-height:1.65}.helix-performance-panel fieldset{border:0;border-top:1px solid var(--border-strong);min-width:0;margin:0;padding:20px 0 24px}.helix-performance-panel legend{padding-right:12px;font-size:15px;font-weight:600}.helix-performance-panel legend svg{vertical-align:middle;color:var(--accent);margin-right:5px}.helix-performance-modes{grid-template-columns:repeat(auto-fit,minmax(min(145px,100%),1fr));gap:9px;margin-bottom:14px;display:grid}.helix-performance-modes button{text-align:left;border:1px solid var(--border-strong);background:var(--surface-base);color:var(--text-main);cursor:var(--cursor-pointer);border-radius:14px;grid-template-columns:22px 1fr;gap:8px;padding:14px;transition:border-color .2s,box-shadow .2s,transform .2s;display:grid}.helix-performance-modes button svg{color:var(--accent)}.helix-performance-modes button strong{font-size:14px}.helix-performance-modes button small{color:var(--text-muted);grid-column:1/-1;font-size:12px;line-height:1.55}.helix-performance-modes button:hover{border-color:var(--accent);transform:translateY(-2px)}.helix-performance-modes button[aria-pressed=true]{border-color:var(--accent);box-shadow:inset 0 0 20px #b49aff0b,0 0 16px #b49aff20}.helix-performance-panel :focus-visible{outline:2px solid var(--accent);outline-offset:3px}.helix-performance-note strong{color:var(--accent)}.helix-performance-limit{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;font-size:14px;display:flex}.helix-performance-limit select{border:1px solid var(--border-strong);background:var(--surface-base);max-width:100%;color:var(--text-main);font:inherit;border-radius:10px;padding:10px 12px}.helix-overlay-options{gap:8px;display:grid}.helix-overlay-options label{min-height:42px;cursor:var(--cursor-pointer);align-items:center;gap:10px;font-size:14px;display:flex}.helix-overlay-options input{accent-color:var(--accent);width:16px;height:16px}.helix-statistics-actions{gap:8px;margin-bottom:16px;display:flex}.helix-statistics-actions button{border:1px solid var(--border-strong);background:var(--surface-raised,#292929);color:var(--text-main);font:inherit;border-radius:10px;padding:9px 14px;font-size:13px}.helix-statistics-actions button:disabled{opacity:.4}.helix-statistics-actions button:not(:disabled):hover{border-color:var(--accent)}.helix-statistics-panel .helix-performance-note{margin-top:16px}.ui-panel .helix-panel-tabs{flex-wrap:nowrap;flex-shrink:0;overflow-x:auto}.ui-panel .helix-panel-tabs button{white-space:nowrap;flex-shrink:0;justify-content:center;align-items:center;gap:7px;display:inline-flex}.helix-panel-tabs button svg{color:var(--accent);flex-shrink:0}@media (max-width:600px){.helix-canvas-statistics{top:12px;left:10px}.helix-performance-intro h2{font-size:18px}.ui-panel .helix-panel-tabs button{padding:9px 10px;font-size:12px}.helix-panel-tabs button svg{width:14px;height:14px}}@media (prefers-reduced-motion:reduce){.helix-performance-modes button{transition:none}.helix-performance-modes button:hover{transform:none}}@container (max-width:600px){.ui-panel .helix-panel-tabs{gap:2px;padding-inline:6px}.ui-panel .helix-panel-tabs button{gap:5px;padding-inline:8px;font-size:12px}}@container (max-width:440px){.ui-panel .helix-panel-tabs{grid-template-columns:repeat(3,minmax(0,1fr));display:grid;overflow:visible}.ui-panel .helix-panel-tabs button{min-height:34px;padding:6px 3px}}#screen-center button>svg,#screen-center a>svg,.helix-master-volume>svg{color:var(--accent)}#screen-center .ui-panel-buttons .helix-panel-button{color:var(--text-main)}#screen-center .ui-panel-buttons .helix-panel-button>svg{flex-shrink:0;width:17px;height:17px;display:block}.helix-gpu-hint{color:var(--accent);opacity:.6;cursor:var(--cursor-help);background:0 0;border:0;border-radius:5px;padding:3px;display:inline-flex}.helix-gpu-hint.is-hot{opacity:1;animation:2.6s ease-in-out infinite gpu-caution}@keyframes gpu-caution{0%,to{filter:drop-shadow(0 0 2px #b49aff50)}50%{filter:drop-shadow(0 0 7px #bd8aff);background:#b49aff20}}.helix-performance-recovery>div{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:24px;display:grid}.helix-performance-recovery>div button{text-transform:none;min-width:0;padding:10px 8px;font-size:clamp(9px,1vw,12px);line-height:1.4}@container (max-width:400px){.ui-panel-buttons{grid-template-columns:32px 32px minmax(0,1fr) minmax(0,1fr) 32px 32px}.ui-panel-buttons [data-tone=transport]{grid-area:1/1/auto/4}.ui-panel-buttons [data-tone=primary]{grid-area:1/4/auto/7}.ui-panel-buttons [data-action=undo]{grid-area:2/1}.ui-panel-buttons [data-action=redo]{grid-area:2/2}.ui-panel-buttons [data-action=reset]{grid-area:2/6}.ui-panel-buttons .helix-master-volume{grid-area:2/3/auto/6;padding-inline:2px}}@media (prefers-reduced-motion:reduce){.helix-gpu-hint.is-hot{filter:drop-shadow(0 0 5px #bd8aff);animation:none}}.helix-performance-recovery>div{grid-template-columns:repeat(2,minmax(0,1fr))}@media (max-width:600px){.helix-performance-recovery>div{grid-template-columns:repeat(2,minmax(0,1fr))}}#screen-center :is(.playground-workspace-actions a,.playground-workspace-actions button,.helix-view-tools button,.is-compact,.helix-help-icon,.helix-icon-button,.helix-motion-button,.helix-random-lock,.helix-reset-button,.helix-number-stepper button,.helix-control-group__drag-handle,.helix-control-search__field button)>svg{color:var(--text-main);filter:none}#screen-center :is(.playground-workspace-actions button,.helix-view-tools button,.helix-icon-button,.helix-motion-button,.helix-random-lock):is([aria-pressed=true],.is-active,.is-locked)>svg{color:var(--accent);filter:drop-shadow(0 0 5px #b49aff90)}#screen-center .helix-control-group__chevron{color:var(--text-main)}#screen-center .helix-control-group__title svg{color:var(--accent)}#screen-center .helix-gpu-hint>svg,#screen-center .helix-gpu-hint.is-hot>svg{color:var(--gpu-warning-color,var(--accent))}.helix-gpu-hint{color:var(--gpu-warning-color,var(--accent));filter:drop-shadow(0 0 var(--gpu-warning-glow,0px) var(--gpu-warning-color,var(--accent)));transition:color .2s,filter .2s}.helix-gpu-hint.is-hot{animation:2s ease-in-out infinite gpu-rose-caution}@keyframes gpu-rose-caution{0%,to{transform:scale(1)}50%{transform:scale(var(--gpu-warning-scale,1.15))}}.helix-lfo-explanation{color:var(--text-muted);margin:8px 0 12px;font-size:13px;line-height:1.5}.helix-lfo-audition button[aria-pressed=true]{color:var(--accent);border-color:var(--accent);background:#b49aff18;box-shadow:0 0 14px #b49aff30}.helix-control-group:has(.helix-control-group__toggle[aria-expanded=false]){padding-block:3px}.helix-control-group:has(.helix-control-group__toggle[aria-expanded=false]) .helix-control-group__heading{margin:0;padding-block:3px}.ui-panel-sliders{row-gap:12px}@media (prefers-reduced-motion:reduce){.helix-gpu-hint.is-hot{animation:none;transform:none}}#screen-center button.helix-help-icon>svg{color:var(--accent)}.helix-slider__header{align-items:flex-start;gap:8px}.helix-slider__header>.helix-parameter-label{flex:1;min-width:0}.helix-slider__header>.helix-gpu-hint{flex-shrink:0;margin-left:auto}.helix-gpu-hint:not(.is-hot){opacity:1;animation:none}.helix-sync-confirm{background:#ee79b508;border:1px solid #ee79b570;border-radius:10px;margin:10px 0;padding:12px}.helix-sync-confirm p{color:var(--text-main);margin:0 0 10px;font-size:13px;line-height:1.6}.helix-sync-confirm>div{flex-wrap:wrap;gap:8px;display:flex}.helix-sync-confirm button{border:1px solid var(--border-strong);background:var(--surface-raised);color:var(--text-main);cursor:var(--cursor-pointer);border-radius:9px;padding:8px 12px}.helix-performance-preferences{border:1px solid var(--border-strong);border-radius:14px;padding:16px}.helix-performance-preferences>label{align-items:flex-start;gap:10px;display:flex}.helix-performance-preferences>label>input{width:17px;height:17px;accent-color:var(--accent);flex-shrink:0;margin:2px 0 0}.helix-performance-preferences>label>span{align-items:flex-start;gap:8px;font-size:14px;line-height:1.5;display:flex}.helix-performance-preferences>label svg{color:var(--accent);flex-shrink:0;margin-top:2px}.helix-performance-preferences>p{color:var(--text-muted);margin:10px 0 0;font-size:12px;line-height:1.65}.helix-overlay-options{border:1px solid var(--border-strong);border-radius:12px;gap:0;overflow:hidden}.helix-overlay-options label{min-height:44px;padding:10px 12px}.helix-overlay-options label+label{border-top:1px solid var(--border-subtle,#ffffff12)}.helix-performance-recovery{width:min(510px,100% - 24px)}.helix-performance-recovery button{text-transform:none;font-size:12px}.helix-safety-optout{color:var(--text-muted);cursor:var(--cursor-pointer);align-items:flex-start;gap:8px;margin-top:16px;font-size:12px;line-height:1.5;display:flex}.helix-safety-optout input{accent-color:var(--accent);flex-shrink:0;margin-top:3px}#screen-center .playground-logo,#screen-center .playground-logo:hover,#screen-center .playground-logo:focus{background:var(--surface-base,#171717);box-shadow:none}.helix-canvas-statistics{text-align:right;max-width:calc(100% - 24px);top:clamp(16px,2vw,25px);left:auto;right:clamp(12px,2vw,20px)}.helix-canvas-statistics.has-fps{top:calc(clamp(16px,2vw,25px) + 1.2*clamp(14px,1.6vw,23px) + 8px)}.helix-canvas-statistics div{justify-content:flex-end}.helix-master-volume>button{color:var(--accent);cursor:var(--cursor-pointer);background:0 0;border:0;border-radius:8px;place-items:center;padding:6px;display:grid}#screen-center .helix-master-volume>button>svg{color:var(--accent)}#screen-center .helix-master-volume.is-muted>button>svg{color:var(--text-main);filter:none}.helix-master-volume.is-muted input{accent-color:#ececec}.helix-random-split{align-self:stretch;min-width:0;display:flex}.ui-panel-buttons .helix-random-split{box-shadow:none;background:0 0;border:0;border-radius:12px;align-items:stretch}.ui-panel-buttons .helix-random-split .helix-panel-button{border-radius:12px 0 0 12px;flex:1;min-width:0}.ui-panel-buttons .helix-random-options-toggle{background:var(--surface-raised);min-width:32px;height:auto;max-height:none;cursor:var(--cursor-pointer);border:1px solid #b49aff55;border-left:0;border-radius:0 12px 12px 0;align-self:stretch;place-items:center;padding:0 8px;display:grid}#screen-center .helix-random-options-toggle>svg{color:var(--text-main);filter:none}#screen-center .helix-random-options-toggle[data-filtered=true]>svg{color:var(--accent);filter:drop-shadow(0 0 5px #b49aff90)}.helix-random-popover{background:var(--surface-panel,#212121);width:min(360px,100vw - 32px);max-height:min(65dvh,480px);color:var(--text-main);box-sizing:border-box;border:1px solid #b49aff70;border-radius:16px;margin:0;padding:14px;inset:auto 24px 92px auto;overflow-y:auto;box-shadow:0 12px 40px #0009,0 0 24px #b49aff20}.helix-random-popover>header{justify-content:space-between;align-items:center;margin-bottom:14px;font-size:14px;display:flex}.helix-random-popover>header button{background:var(--surface-raised);color:var(--text-main);cursor:var(--cursor-pointer);border:0;border-radius:6px;place-items:center;padding:5px;display:grid}#screen-center .helix-random-popover>header button svg{color:var(--text-main)}.helix-random-filters{border:0;gap:4px;margin:0;padding:0;display:grid}.helix-random-filters label{border-radius:8px;align-items:center;gap:10px;padding:8px;font-size:14px;display:flex}.helix-random-filters label:not(.is-disabled):hover{background:var(--surface-raised)}.helix-random-filters .is-disabled{opacity:.4}.helix-random-filters input{accent-color:var(--accent);width:16px;height:16px}.playground-fps>.playground-fps-value{align-items:center;gap:.25em;display:inline-flex}.playground-fps-status{font-variant-emoji:text;font-family:Segoe UI Symbol,"Noto Sans Symbols 2",sans-serif;font-size:1em;line-height:inherit;color:inherit;text-shadow:inherit;transform:translateY(-.06em)}#screen-center button.playground-logo:not(:disabled):is(:hover,:focus-visible){background:var(--surface-base,#171717);box-shadow:none;filter:none}#screen-center .playground-logo:is(:hover,:focus-visible):before,#screen-center .playground-logo:is(:hover,:focus-visible):after{box-shadow:none;filter:none}.helix-tutorial-welcome{color:#ececec;background:#212121;border:1px solid #b49aff70;border-radius:18px;width:min(440px,100vw - 32px);max-height:calc(100dvh - 32px);margin:auto;padding:24px;overflow:auto;box-shadow:0 12px 60px #000a}.helix-tutorial-welcome::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0009}.helix-tutorial-welcome h2{color:#cdbaff;margin:0 0 12px;font-size:22px}.helix-tutorial-welcome p{margin:0 0 20px;font-size:14px;line-height:1.65}.helix-tutorial-welcome>div{flex-wrap:wrap;gap:10px;display:flex}.helix-tutorial-welcome button{color:#ececec;cursor:var(--cursor-pointer);font:inherit;background:#303030;border:1px solid #b49aff70;border-radius:10px;padding:10px 13px;font-size:13px}.helix-tutorial-welcome button:first-child{background:#b49aff20}.helix-tutorial-welcome small{color:#b9b9b9;margin-top:16px;font-size:12px;display:block}.helix-basics{border-bottom:1px solid var(--border-strong);margin-bottom:18px;padding-bottom:14px}@media (max-width:600px){.helix-random-popover{bottom:136px;right:16px}}#screen-center .playground-logo .helix-mark{filter:none}.helix-slider>.helix-slider__header{display:flex}.helix-slider__controls>.helix-help-icon{flex-shrink:0;margin-right:auto}.helix-control-group__drag-handle{-webkit-user-select:none;user-select:none;-webkit-user-drag:none}#ui-panel-buttons{grid-template-columns:28px 28px 28px minmax(90px,min(200px,22%)) minmax(116px,min(240px,26%)) minmax(90px,1fr);align-items:center;gap:4px;padding:10px}#ui-panel-buttons .helix-panel-button{gap:5px;height:38px;min-height:38px;padding-inline:7px;font-size:12px}#ui-panel-buttons .is-compact{width:28px;min-width:28px;padding-inline:3px}#ui-panel-buttons>[data-action=undo]{grid-area:1/1}#ui-panel-buttons>[data-action=redo]{grid-area:1/2}#ui-panel-buttons>[data-action=reset]{grid-area:1/3}#ui-panel-buttons>[data-tone=transport]{grid-area:1/4}#ui-panel-buttons .helix-random-split{grid-area:1/5}#ui-panel-buttons .helix-random-options-toggle{min-width:28px;padding-inline:5px}#ui-panel-buttons .helix-master-volume{grid-area:1/6;gap:4px;width:100%;min-width:0;padding:0}#ui-panel-buttons .helix-master-volume input{flex:1;width:0;min-width:0}@container (max-width:440px){#ui-panel-buttons{grid-template-columns:28px 28px 28px repeat(3,minmax(0,1fr));row-gap:6px}#ui-panel-buttons>[data-tone=transport]{grid-area:1/1/auto/5}#ui-panel-buttons .helix-random-split{grid-area:1/5/auto/7}#ui-panel-buttons>[data-action=undo]{grid-area:2/1}#ui-panel-buttons>[data-action=redo]{grid-area:2/2}#ui-panel-buttons>[data-action=reset]{grid-area:2/3}#ui-panel-buttons .helix-master-volume{grid-area:2/4/auto/7}}@media (pointer:coarse){#ui-panel-buttons .helix-panel-button{height:44px;min-height:44px}}#ui-panel-buttons .helix-panel-button.is-compact>svg{width:16px;height:16px}