:root{--gen-bg: #f6f5f2;--gen-surface: #ffffff;--gen-text: #1f2328;--gen-muted: #656d76;--gen-border: #d8dee4;--gen-accent: #3b6ea8;--gen-accent-text: #ffffff;--gen-role-pad: #7b61c4;--gen-role-bass: #c7772b;--gen-role-lead: #2f9a6a;--gen-role-counter: #2a86b5;color-scheme:light}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--gen-bg: #15171a;--gen-surface: #1e2125;--gen-text: #e6e8eb;--gen-muted: #9aa3ad;--gen-border: #343a41;--gen-accent: #6fa3dc;--gen-accent-text: #0d1117;--gen-role-pad: #a993ea;--gen-role-bass: #e9a25d;--gen-role-lead: #5cc896;--gen-role-counter: #62bde6;color-scheme:dark}}:root[data-theme=dark]{--gen-bg: #15171a;--gen-surface: #1e2125;--gen-text: #e6e8eb;--gen-muted: #9aa3ad;--gen-border: #343a41;--gen-accent: #6fa3dc;--gen-accent-text: #0d1117;--gen-role-pad: #a993ea;--gen-role-bass: #e9a25d;--gen-role-lead: #5cc896;--gen-role-counter: #62bde6;color-scheme:dark}*,*:before,*:after{box-sizing:border-box}body{margin:0;background:var(--gen-bg);color:var(--gen-text);font:15px/1.4 system-ui,-apple-system,Segoe UI,sans-serif}.gen{max-width:1120px;margin:0 auto;padding:24px 16px 48px;display:grid;gap:16px}.gen-header{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.gen-header h1{margin:0;font-size:22px;font-weight:600}.gen-play{padding:8px 20px;border:0;border-radius:6px;background:var(--gen-accent);color:var(--gen-accent-text);font:inherit;font-weight:600;cursor:pointer}.gen-timeline{background:var(--gen-surface);border:1px solid var(--gen-border);border-radius:8px;padding:12px 16px;display:grid;gap:10px}.gen-timeline-readout{display:flex;align-items:baseline;gap:16px;flex-wrap:wrap;min-height:28px}.gen-now{font-size:22px}.gen-now span,.gen-key,.gen-next{color:var(--gen-muted);font-size:14px}.gen-timeline-canvas{display:block;width:100%}.gen-swatch{display:inline-block;width:10px;height:10px;border-radius:2px;margin-right:6px;vertical-align:-1px}.gen-swatch-pad{background:var(--gen-role-pad)}.gen-swatch-bass{background:var(--gen-role-bass)}.gen-swatch-lead{background:var(--gen-role-lead)}.gen-swatch-counter{background:var(--gen-role-counter)}.gen-panel{background:var(--gen-surface);border:1px solid var(--gen-border);border-radius:8px;padding:12px 16px 16px;display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px 16px}.gen-panel h2{grid-column:1 / -1;margin:0;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--gen-muted)}.gen-field{display:grid;gap:4px;font-size:13px;color:var(--gen-muted)}.gen-field select,.gen-field input[type=range]{font:inherit;color:var(--gen-text);width:100%}.gen-field select{padding:6px 8px;border:1px solid var(--gen-border);border-radius:6px;background:var(--gen-bg)}.gen button:not(.gen-play){padding:6px 12px;border:1px solid var(--gen-border);border-radius:6px;background:var(--gen-bg);color:var(--gen-text);font:inherit;font-size:13px;cursor:pointer}.gen button:not(.gen-play):hover:not(:disabled){border-color:var(--gen-accent)}.gen button:disabled{color:var(--gen-muted);cursor:default}.gen-editor{background:var(--gen-surface);border:1px solid var(--gen-border);border-radius:8px;padding:12px 16px 16px;display:grid;gap:12px}.gen-editor-head{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.gen-editor-head h2{margin:0;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--gen-muted)}.gen-tabs{display:flex;gap:4px}.gen .gen-tabs button.is-active{background:var(--gen-accent);border-color:var(--gen-accent);color:var(--gen-accent-text)}.gen-editor-presets{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.gen-editor-presets select{padding:6px 8px;border:1px solid var(--gen-border);border-radius:6px;background:var(--gen-bg);color:var(--gen-text);font:inherit;font-size:13px;min-width:180px}.gen-editor-message{font-size:13px;color:var(--gen-muted)}.gen-modules{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));grid-auto-flow:row dense;gap:28px 16px;padding-top:12px}.gen-module-wide{grid-column:span 2}.gen-module-full{grid-column:1 / -1}.gen-toggle{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:12px;color:var(--gen-muted)}.gen .gen-toggle button.is-on{background:var(--gen-accent);border-color:var(--gen-accent);color:var(--gen-accent-text)}.gen>*{min-width:0}@media (max-width: 640px){.gen-modules{grid-template-columns:minmax(0,1fr)}.gen-module-wide,.gen-module-full{grid-column:auto}.gen-modules .KnobGrid{grid-template-columns:repeat(auto-fill,minmax(76px,1fr));grid-template-rows:none}.gen-modules .Select__Dropdown{top:calc(100% + 4px);left:50%;transform:translate(-50%)!important;z-index:10}}.gen-editor-body{display:grid;gap:12px}.gen-weights{grid-column:1 / -1;display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px 16px;margin:0;padding:8px 0 0;border:0;border-top:1px solid var(--gen-border)}.gen-weights legend{padding:0 0 4px;font-size:13px;font-weight:600;color:var(--gen-text)}.gen-check{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--gen-text)}.gen-key{font-variant-numeric:tabular-nums}.gen-panel fieldset:disabled{opacity:.5}.gen-chips{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;border:0}.gen-chips legend{width:100%;padding:0 0 4px;font-size:13px;color:var(--gen-muted)}.gen .gen-chips button{padding:4px 10px;border-radius:999px;color:var(--gen-muted);text-decoration:line-through}.gen .gen-chips button.is-on{border-color:var(--gen-accent);color:var(--gen-text);text-decoration:none}.gen .gen-chips button:disabled{background:var(--gen-accent);border-color:var(--gen-accent);color:var(--gen-accent-text);cursor:default}.gen-nowplaying{grid-column:1 / -1;order:99;display:flex;align-items:center;flex-wrap:wrap;gap:6px 12px;padding:8px 10px;border-radius:6px;background:var(--gen-bg);font-size:13px;color:var(--gen-muted)}.gen-nowplaying .gen-differs{color:var(--gen-accent);font-weight:600}.gen-share{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.gen-timeline-body{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:start}.gen-tracks{display:grid;gap:8px;align-content:start;min-width:150px;max-width:180px}.gen-track{display:grid;grid-template-columns:minmax(0,1fr);justify-items:start;gap:3px;font-size:13px}.gen-track-name{display:flex;align-items:center;max-width:100%;min-width:0;white-space:nowrap}.gen-track-preset{min-width:0;margin-left:6px;overflow:hidden;text-overflow:ellipsis;font-size:12px;color:var(--gen-muted)}.gen-track-preset:before{content:"· "}.gen-rolebuttons{display:inline-flex;gap:3px}.gen .gen-rolebuttons button{width:26px;height:24px;padding:0;font-size:12px;font-weight:600;line-height:1}.gen .gen-rolebuttons button.is-mute{background:var(--gen-muted);border-color:var(--gen-muted);color:var(--gen-surface)}.gen .gen-rolebuttons button.is-solo{background:var(--gen-role-bass);border-color:var(--gen-role-bass);color:var(--gen-surface)}.gen .gen-rolebuttons button.is-arm{background:var(--gen-accent);border-color:var(--gen-accent);color:var(--gen-accent-text)}.gen-keys-hint{display:grid;gap:4px;justify-items:start;font-size:12px;color:var(--gen-muted)}.gen .gen-linkbutton{padding:0;border:0;background:none;color:var(--gen-accent);font-size:12px;text-decoration:underline}.gen-panel h2.gen-panel-title{display:flex;align-items:center;gap:12px}@media (max-width: 640px){.gen-timeline-body{grid-template-columns:minmax(0,1fr)}.gen-tracks{max-width:none;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.gen-keys-hint{grid-column:1 / -1}}.gen input[type=range],.gen input[type=checkbox]{accent-color:var(--gen-accent)}.gen input[type=range]{cursor:pointer}.gen-field select:focus-visible,.gen button:focus-visible,.gen input:focus-visible{outline:2px solid var(--gen-accent);outline-offset:1px}.gen-header{position:sticky;top:0;z-index:20;margin:-24px -16px 0;padding:16px;background:var(--gen-bg);border-bottom:1px solid transparent;box-shadow:0 1px 0 var(--gen-border)}.gen-header h1 span{margin-left:6px;font-size:13px;font-weight:400;color:var(--gen-muted)}.gen-play{min-width:84px;box-shadow:0 1px 2px #00000026}.gen-share{margin-left:auto}.gen-header-tools{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.gen-audio{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--gen-muted)}.gen-audio-label{font-weight:600;text-transform:uppercase;letter-spacing:.06em}.gen-meter{position:relative;width:48px;height:6px;border-radius:3px;background:var(--gen-border);overflow:hidden}.gen-meter i{position:absolute;inset:0 auto 0 0;background:var(--gen-accent);transition:width .3s}.gen-meter.is-high i{background:var(--gen-role-bass)}.gen-audio-value{min-width:3.5em;font-variant-numeric:tabular-nums}.gen-audio-buffer select{padding:3px 6px;border:1px solid var(--gen-border);border-radius:6px;background:var(--gen-bg);color:var(--gen-text);font:inherit;font-size:12px}.gen .gen-theme{padding:4px 10px;font-size:12px;background:transparent}.gen-visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.gen-field-row{display:flex;gap:4px;min-width:0}.gen-field-row>:first-child{flex:1;min-width:0}.gen-field-row input[type=range]{align-self:center}.gen .gen-dice{display:inline-grid;place-items:center;flex:none;width:32px;padding:0;color:var(--gen-muted);background:transparent}.gen .gen-dice:hover{color:var(--gen-accent)}.gen .gen-rolebuttons button svg{vertical-align:-2px}.gen .gen-share button,.gen .gen-editor-presets button{background:transparent}.gen .gen-share button:hover,.gen .gen-editor-presets button:hover:not(:disabled){background:var(--gen-surface)}.gen button.gen-linkbutton{padding:0;border:0;background:none;color:var(--gen-accent);font-size:12px;text-decoration:underline}.gen-panel-role{border-left-width:4px}.gen-role-pad{border-left-color:var(--gen-role-pad)}.gen-role-bass{border-left-color:var(--gen-role-bass)}.gen-role-lead{border-left-color:var(--gen-role-lead)}.gen-role-counter{border-left-color:var(--gen-role-counter)}.gen-panel-title .gen-swatch{margin-right:0}.gen-panel h2,.gen-editor-head h2{letter-spacing:.06em}.gen-timeline{box-shadow:0 1px 3px #0000000f}@media (max-width: 640px){.gen-header{gap:10px}.gen-header h1 span{display:none}.gen-share{margin-left:0;width:100%}}.gen-randomize{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.gen-randomize-title{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--gen-muted)}.gen-segmented{display:inline-flex;margin-right:8px}.gen .gen-segmented button{border-radius:0}.gen .gen-segmented button:first-child{border-radius:6px 0 0 6px}.gen .gen-segmented button:last-child{border-radius:0 6px 6px 0;margin-left:-1px}.gen .gen-segmented button.is-on{background:var(--gen-accent);border-color:var(--gen-accent);color:var(--gen-accent-text)}@media (min-width: 641px){.gen-field-wide{grid-column:span 2}}.gen-row{grid-column:1 / -1;display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px 16px}.gen .gen-panel-dice{height:26px;width:28px}.gen .gen-legend-dice{height:22px;width:26px;margin-left:8px;vertical-align:middle}.gen button.gen-more{grid-column:1 / -1;justify-self:start;padding:2px 0;border:0;background:none;color:var(--gen-accent);font-size:13px}.gen button.gen-more:hover:not(:disabled){text-decoration:underline}.gen-volume{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--gen-muted)}.gen-volume input{width:90px}.gen-settings{position:relative}.gen-settings summary{list-style:none;padding:3px 9px;border:1px solid var(--gen-border);border-radius:6px;font-size:15px;line-height:1.3;color:var(--gen-text);cursor:pointer}.gen-settings summary::-webkit-details-marker{display:none}.gen-settings[open] summary{border-color:var(--gen-accent)}.gen-settings-menu{position:absolute;right:0;top:calc(100% + 6px);z-index:30;display:grid;gap:12px;width:260px;padding:12px;border:1px solid var(--gen-border);border-radius:8px;background:var(--gen-surface);box-shadow:0 6px 20px #0000002e}.gen-settings-menu small{color:var(--gen-muted);font-size:11px}.gen-sleep{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--gen-muted)}.gen-sleep select{font:inherit;font-size:13px;padding:3px 6px;border:1px solid var(--gen-border);border-radius:6px;background:var(--gen-bg);color:var(--gen-text)}.gen-sleep-left{font-variant-numeric:tabular-nums;color:var(--gen-text)}.gen-record summary{font-size:13px;font-variant-numeric:tabular-nums}.gen-record-progress{display:flex;align-items:center;gap:8px;font-size:12px}.gen-record-progress progress{flex:1;min-width:0}.gen-ambience{grid-column:1 / -1;display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px 16px}.gen-parts{display:inline-flex;gap:4px}.gen button.gen-part{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;font-size:13px}.gen button.gen-part:before{content:"";width:7px;height:7px;border-radius:50%;border:1px solid var(--gen-muted)}.gen button.gen-part.is-on{border-color:var(--gen-accent)}.gen button.gen-part.is-on:before{background:var(--gen-accent);border-color:var(--gen-accent)}.gen-panel-title .gen-part{text-transform:none;letter-spacing:normal;font-weight:500}.gen-footer{margin-top:48px;padding:20px 0 32px;border-top:1px solid var(--gen-border);font-size:12px;line-height:1.5;color:var(--gen-muted)}.gen-footer p{margin:0 0 8px;max-width:70ch}.gen-footer a{color:var(--gen-accent)}