:root{--ui-border-width: 1px}body{margin:0;overflow:hidden}#canvas-container{width:100vw;height:100vh;display:block}#ui-container{position:absolute;z-index:10;width:320px;max-height:90vh;padding:0;padding-left:var(--ui-border-width, 1px);top:0;left:0;display:flex;flex-direction:column;overflow:hidden}#ui-scroll-area{flex:1;overflow-y:auto;scrollbar-gutter:stable}#sticky-top-area,#sticky-bottom-area{flex-shrink:0;overflow:hidden;scrollbar-gutter:stable}#sticky-top-area:not(:empty){border-bottom:1px solid var(--theme-border, #333)}#sticky-bottom-area:not(:empty){border-top:1px solid var(--theme-border, #333)}#btn-toggle-all-sections{background:transparent!important;border:none!important;color:inherit;cursor:pointer;padding:0;margin-left:auto;line-height:0;opacity:.6;transition:opacity .2s;flex-shrink:0;width:14px;height:14px}#btn-toggle-all-sections:hover{opacity:1}#btn-toggle-all-sections .chevrons-apart{display:block}#btn-toggle-all-sections .chevrons-together,#btn-toggle-all-sections.all-expanded .chevrons-apart{display:none}#btn-toggle-all-sections.all-expanded .chevrons-together{display:block}#diagnostics-container{font-size:11px;font-family:var(--theme-font-mono, "DM Mono", monospace);line-height:1.6}#diagnostics-container .diag-row{display:flex;align-items:center;padding:1px 0;gap:4px}#diagnostics-container .diag-key{opacity:.7;white-space:nowrap}#diagnostics-container .diag-label{display:flex;align-items:baseline;gap:8px;opacity:.4;font-size:10px;text-transform:uppercase;letter-spacing:.5px;margin-top:6px;margin-bottom:2px}#diagnostics-container .diag-fft-info{flex:1;text-align:right;font-size:10px;opacity:.8;text-transform:none;letter-spacing:0}#diagnostics-container .diag-val{flex:1;text-align:right;font-weight:500}#diagnostics-container .diag-val.positive{color:#4caf50}#diagnostics-container .diag-val.negative{color:#f44336}#diagnostics-container .diag-controls{display:flex;align-items:center;gap:8px;margin-bottom:6px}#diagnostics-container .diag-btn{background:var(--theme-surface-pump, #222);border:1px solid var(--theme-border-subtle, #444);color:inherit;padding:3px 10px;border-radius:3px;cursor:pointer;font-size:11px}#diagnostics-container .diag-btn.active{background:var(--theme-accent, #e6007e);color:#fff}#diagnostics-container .diag-input{flex:1;min-width:60px;background:var(--theme-surface-pump, #1a1a1a);border:1px solid var(--theme-border-subtle, #444);color:inherit;font-family:inherit;font-size:11px;padding:1px 4px;border-radius:2px;text-align:right}#diagnostics-container .diag-input.positive{color:#4caf50}#diagnostics-container .diag-input.negative{color:#f44336}#diagnostics-container .diag-freeze{background:var(--diag-freeze-bg, transparent);border:1px solid var(--diag-freeze-border, #555);color:var(--diag-freeze-color, #555);cursor:pointer;font-size:9px;font-weight:700;width:16px;height:16px;padding:0;border-radius:3px;margin-left:6px;flex-shrink:0;line-height:16px;text-align:center}#diagnostics-container .diag-freeze.active{background:var(--diag-freeze-active-bg, #e6007e);color:var(--diag-freeze-active-color, #fff);border-color:var(--diag-freeze-active-border, #e6007e)}#diagnostics-container .diag-section-header{display:flex;justify-content:space-between;align-items:center;opacity:.5;margin-top:6px;padding-top:4px;border-top:1px solid var(--theme-border-subtle, #333)}#diagnostics-container .diag-section-header:first-of-type{margin-top:0;border-top:none;padding-top:0}#diagnostics-container .diag-fft-canvas,#diagnostics-container .diag-hilbert-canvas{background:var(--diag-canvas-bg, var(--theme-surface, #111))}#diagnostics-container .diag-fft-canvas{width:100%;height:50px;margin:4px 0;border-radius:3px}#diagnostics-container .diag-fft-canvas.editable{cursor:crosshair}#diagnostics-container .diag-hilbert-canvas{margin:4px 0;border-radius:3px;aspect-ratio:1}#diagnostics-container .diag-hilbert-canvas.editable{cursor:crosshair}#diagnostics-container .diag-fft-presets{display:flex;gap:4px;margin-bottom:4px}#diagnostics-container .diag-fft-presets.disabled{opacity:.3;pointer-events:none}#diagnostics-container .diag-preset-btn{background:var(--theme-surface-pump, #222);border:1px solid var(--theme-border-subtle, #444);color:inherit;padding:2px 8px;border-radius:2px;cursor:pointer;font-size:10px;width:auto}#diagnostics-container .diag-split-btn{display:inline-flex;margin-left:auto;border-radius:3px;overflow:hidden}#diagnostics-container .diag-split-btn button{background:var(--theme-surface-pump, #222);border:1px solid var(--theme-border-subtle, #444);color:inherit;padding:2px 8px;cursor:pointer;font-size:10px;border-radius:0}#diagnostics-container .diag-split-btn button:first-child{border-right:none;border-radius:3px 0 0 3px}#diagnostics-container .diag-split-btn button:last-child{border-radius:0 3px 3px 0}#diagnostics-container .diag-split-btn button.active{background:var(--diag-freeze-active-bg, #e6007e);color:var(--diag-freeze-active-color, #fff);border-color:var(--diag-freeze-active-bg, #e6007e)}.section-btn{display:inline-flex;align-items:center;gap:4px;padding:2px 6px;font-size:var(--section-btn-font-size, 10px);font-weight:var(--section-btn-font-weight, 700);letter-spacing:.5px;white-space:nowrap;border:1px solid var(--section-btn-border, var(--theme-border-subtle, #555));border-radius:3px;background:var(--section-btn-bg, transparent);color:var(--section-btn-color, inherit);cursor:pointer;-webkit-user-select:none;user-select:none}.section-btn:hover{border-color:var(--theme-accent, #dd0000);color:var(--theme-accent, #dd0000)}.section-btn .section-btn-toggle{--mt-toggle-size: 10px}.section-btn.section-btn--dimmed{opacity:.5}.section-btn.section-btn--dimmed:hover{opacity:1}.section-mini-buttons{display:flex;flex-wrap:wrap;gap:var(--space-xs, 4px);padding:var(--space-xs, 4px) var(--space-md, 12px);margin:2px 0;justify-content:center}mt-section.cross-hover{box-shadow:inset 0 0 12px 2px var(--cross-hover-glow, var(--theme-accent, #dd0000));transition:box-shadow .15s ease}.section-btn.cross-hover{box-shadow:0 0 10px 3px var(--cross-hover-glow, var(--theme-accent, #dd0000))}.strip-vis-toggle{--mt-toggle-size: 10px;margin-bottom:2px;flex-shrink:0}#ui-container *{backface-visibility:hidden;-webkit-user-select:none;user-select:none;transform:translateZ(0)}#ui-container.auto-hidden{transform:translate(calc(-100% + var(--ui-border-width, 1px)))}#ui-container.panel-hidden{transform:translate(-100%);pointer-events:none;overflow:hidden}#ui-toggle-btn{position:absolute;top:0;left:0;z-index:25;width:30px;height:30px;padding:0;border:none;cursor:pointer;text-align:center}#ui-pin-btn{position:absolute;top:8px;right:8px;z-index:25;width:24px;height:24px;padding:4px;border:none;cursor:pointer}#ui-border-strip{position:absolute;top:0;left:0;width:var(--ui-border-width, 1px);z-index:11;transform-origin:top;pointer-events:none}#ui-border-strip.shrinking{transform:scaleY(0)}#ui-border-strip.hoverable{pointer-events:auto;width:24px}.strip-section{display:none}.strip-pin-toggle{opacity:1}.strip-toggles{display:flex;flex-direction:column;align-items:center;gap:2px;overflow-y:auto;overflow-x:hidden;max-height:100%;scrollbar-width:none}.strip-toggles::-webkit-scrollbar{display:none}.strip-toggle-btn{writing-mode:vertical-lr;text-orientation:mixed;flex-direction:row;width:18px;margin:0 auto;padding:4px 0;cursor:grab;line-height:normal;text-align:center;border:none;border-radius:0}.strip-toggle-btn.strip-collapsed{opacity:.5}.strip-toggle-btn.strip-dragging{cursor:grabbing}.strip-dragging>*{pointer-events:none}.strip-separator{width:18px;margin:1px auto;height:14px;display:flex;align-items:center;justify-content:center;font-size:14px;cursor:grab;-webkit-user-select:none;user-select:none;border-top:1px solid currentColor;border-bottom:1px solid currentColor;opacity:.5}.strip-preview{writing-mode:vertical-lr;text-orientation:mixed;width:18px;margin:0 auto;padding:3px 0;border:1px dashed currentColor;border-radius:2px;font-size:inherit;font-weight:600;letter-spacing:.5px;line-height:16px;white-space:nowrap;opacity:.5;pointer-events:none;box-sizing:border-box}.strip-preview-sep{width:18px;margin:1px auto;height:14px;display:flex;align-items:center;justify-content:center;font-size:8px;border:1px dashed currentColor;border-radius:2px;opacity:.5;pointer-events:none;box-sizing:border-box}.hidden{display:none!important}#ui-title{padding:15px 15px 4px;display:flex;align-items:center;gap:8px}.diag-bg-label{font-size:10px;opacity:.5;cursor:pointer}.footer{padding:12px 15px 15px}label{justify-content:space-between;align-items:center;margin-top:5px;margin-bottom:4px;display:flex}button,select,input[type=file]{cursor:pointer;box-sizing:border-box;outline:none;width:100%;padding:7px}select{margin-bottom:5px}.mt-10{margin-top:10px}.mt-5-mb-10{margin-top:5px;margin-bottom:10px}input[type=range]{width:100%;margin-top:3px}input[type=checkbox]{cursor:pointer;width:16px;height:16px}.color-picker-group{justify-content:space-between;gap:5px;margin-bottom:10px;display:flex}input[type=color]{cursor:pointer;width:100%;height:28px;padding:0}.file-upload-wrapper{margin-top:5px;margin-bottom:5px;display:block;position:relative;overflow:hidden}.file-upload-wrapper input[type=file]{opacity:0;cursor:pointer;z-index:0;width:1px;height:1px;padding:0;position:absolute;top:0;left:0}.tweak-snapshot-row{display:flex;align-items:center;gap:6px;margin-bottom:8px}.tweak-snapshot-row input[type=range]{flex:1;min-width:60px}.snapshot-counter{font-size:11px;font-family:var(--theme-font-mono, "DM Mono", monospace);white-space:nowrap;min-width:40px;text-align:right}.tweak-categories{display:grid;grid-template-columns:1fr 14px 1fr 14px 1fr 14px;gap:var(--space-xs, 4px) var(--space-sm, 8px);align-items:center;margin-bottom:8px;font-size:12px;-webkit-user-select:none;user-select:none}.tweak-categories label{display:block;cursor:pointer;text-align:right;white-space:nowrap;margin:0}.tweak-categories input[type=checkbox]{width:14px;height:14px;margin:0;cursor:pointer}.tweak-actions{display:flex;gap:8px;margin-top:8px}.preset-wrapper{gap:8px;margin-bottom:8px;display:flex}.preset-wrapper select{margin-bottom:0}.saveload-wrapper{gap:8px;display:flex}.preset-save-button{flex:1;padding:6px}.preset-load-wrapper{flex:1;margin:0;padding:0}.preset-load-button{width:100%;padding:6px}.checkbox-wrapper{cursor:pointer;justify-content:space-between;display:flex}.env-color-wrapper{gap:10px;margin-top:10px;display:flex}.env-color-wrapper .env-color-group{flex:1}mt-audio-player{display:block;width:100%;margin-bottom:10px}#fade-overlay{pointer-events:none;z-index:5;opacity:1;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}#ui-title{display:flex;justify-content:space-between;align-items:center}#theme-toggle{width:auto;flex-shrink:0}:root{--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 24px}[data-theme] body{color:var(--theme-fg);background-color:var(--theme-bg);font-family:var(--theme-font-body)}[data-theme] #ui-container{background:var(--theme-bg);font-family:var(--theme-font-body);font-size:13px}[data-theme] ::-webkit-scrollbar{width:var(--scrollbar-width, 6px)}[data-theme] ::-webkit-scrollbar-track{background:var(--scrollbar-track, transparent)}[data-theme] ::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb, var(--theme-accent));border-radius:var(--scrollbar-radius, 3px)}[data-theme] #ui-scroll-area{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb, var(--theme-accent)) var(--scrollbar-track, transparent)}[data-theme] #ui-border-strip{background:var(--theme-border)}[data-theme] h2{font-family:var(--theme-font-display);color:var(--theme-fg);border-bottom:var(--theme-border-heavy) solid var(--theme-accent);margin:0 0 15px}[data-theme] #ui-title{border-bottom:var(--theme-border-heavy) solid var(--theme-accent)}[data-theme] h3{font-family:var(--theme-font-display);color:var(--theme-accent)}[data-theme] label{font-family:var(--theme-font-body);color:var(--theme-text-muted)}[data-theme] label.label-heading{font-family:var(--theme-font-display);color:var(--theme-accent)}[data-theme] button,[data-theme] select,[data-theme] input[type=file]{font-family:var(--theme-font-body);border:1px solid var(--theme-border);background:var(--theme-surface);color:var(--theme-text-muted);border-radius:var(--theme-radius-sm);transition:all var(--theme-duration-normal) var(--theme-ease)}[data-theme] button:hover,[data-theme] select:hover{border-color:var(--theme-accent);color:var(--theme-fg);background:var(--theme-surface-hover)}[data-theme] input[type=range],[data-theme] mt-range{accent-color:var(--theme-accent)}[data-theme] input[type=checkbox]{accent-color:var(--theme-accent)}[data-theme] input[type=color]{background:var(--theme-surface);border:1px solid var(--theme-border);border-radius:var(--theme-radius-sm)}[data-theme] #render-progress-container{background:var(--theme-bg-overlay);border-radius:var(--theme-radius-sm);border:1px solid var(--theme-accent);flex-direction:column;gap:5px;margin-top:10px;padding:10px;display:flex}[data-theme] #render-progress-container label{color:var(--theme-accent);letter-spacing:1px;font-weight:700}[data-theme] #render-progress-container progress{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--theme-border);border:none;border-radius:var(--theme-radius-sm);width:100%;height:10px;overflow:hidden}[data-theme] #render-progress-container progress::-webkit-progress-bar{background-color:var(--theme-border);border-radius:var(--theme-radius-sm)}[data-theme] #render-progress-container progress::-webkit-progress-value{background-color:var(--theme-accent);border-radius:var(--theme-radius-sm);transition:width .1s}[data-theme] #render-progress-container progress::-moz-progress-bar{background-color:var(--theme-accent);border-radius:var(--theme-radius-sm);transition:width .1s}[data-theme] #render-progress-container span{color:var(--theme-fg);text-align:right;font-size:12px;font-weight:700}[data-theme] .footer{font-family:var(--theme-font-body);border-top:var(--theme-border-heavy) solid var(--theme-accent)}[data-theme] .footer span{color:var(--theme-text-dim)}[data-theme] .footer a{color:var(--theme-accent);font-weight:700;text-decoration:none}[data-theme] .footer a:hover{color:var(--theme-fg)}[data-theme] .color-label-small{font-family:var(--theme-font-body);color:var(--theme-text-dim)}[data-theme] #fade-overlay{background:var(--theme-bg);transition:opacity .2s ease-in-out}[data-theme] #fade-overlay img{width:300px;max-width:80%;height:auto}[data-theme] .btn-upload{background:var(--theme-accent);color:var(--theme-on-accent);font-weight:700}[data-theme] .btn-upload:hover{background:var(--theme-accent-light)}[data-theme] .button-record{background:var(--theme-accent);color:var(--theme-on-accent);font-weight:700}[data-theme] .button-record:hover{background:var(--theme-accent-light)}[data-theme] .button-reset-all{color:var(--theme-accent);background:transparent;border:1px solid var(--theme-accent);font-weight:700}[data-theme] .button-reset-all:hover{color:var(--theme-on-accent);background:var(--theme-accent)}[data-theme] .button-vary,[data-theme] .button-generate{color:var(--theme-on-accent);background:var(--theme-accent);font-weight:700}[data-theme] .button-vary:hover,[data-theme] .button-generate:hover{background:var(--theme-accent-light)}[data-theme] .button-snapshot{color:var(--theme-accent);background:transparent;border:1px solid var(--theme-accent);font-weight:700}[data-theme] .button-snapshot:hover{color:var(--theme-on-accent);background:var(--theme-accent)}[data-theme] .button-snapshot-nav{color:var(--theme-accent);background:transparent;border:1px solid var(--theme-accent);min-width:28px;padding:4px 6px;font-size:12px}[data-theme] .button-snapshot-nav:disabled{opacity:.3;cursor:default}[data-theme] #theme-toggle{font-family:var(--theme-font-body);transition:all var(--theme-duration-normal) var(--theme-ease)}[data-theme] .ios-download-button{text-align:center;color:var(--theme-on-accent);cursor:pointer;box-sizing:border-box;background-color:var(--theme-accent);border:none;border-radius:var(--theme-radius-sm);outline:none;width:100%;margin-top:5px;padding:7px;text-decoration:none;transition:all var(--theme-duration-normal) var(--theme-ease)}[data-theme] .ios-download-button:hover{background:var(--theme-accent-light)}#perf-bar{display:flex;align-items:center;gap:10px;padding:0 0 4px;font:11px var(--theme-font-mono, "DM Mono", monospace);color:var(--theme-fg, #fff);opacity:.5}#fps-counter{margin-left:auto;white-space:nowrap;letter-spacing:.02em;line-height:normal}#perf-bar mt-dropdown{flex-shrink:0;width:auto;min-width:80px}#render-every-select{margin-left:auto;font:inherit;line-height:normal;background:transparent;color:inherit;border:1px solid currentColor;border-radius:3px;padding:1px 4px;cursor:pointer;opacity:.8}@media(max-width:768px){mt-dropdown select{display:block!important;position:static!important;opacity:1!important;width:100%!important;height:auto!important;pointer-events:auto!important;color:var(--theme-fg);background:var(--theme-surface);border:1px solid var(--theme-border);border-radius:var(--theme-radius-sm);padding:4px}}@font-face{font-family:Tannenberg Bold;src:url(/fonts/tannenberg.bold.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}:root[data-theme=redblack]{--rb-red: #dd0000;--rb-black: #000000;--rb-white: #ffffff;--rb-grey-90: #0a0a0a;--rb-grey-60: #cccccc;--rb-grey-40: #666666;--rb-grey-20: #333333;--rb-red-light: #ff4444;--rb-red-dark: #1a0000;--theme-accent: var(--rb-red);--theme-accent-light: var(--rb-red-light);--theme-accent-trans: color-mix(in srgb, var(--rb-red) 13%, transparent);--theme-bg: var(--rb-black);--theme-bg-overlay: color-mix(in srgb, var(--rb-black) 93%, transparent);--theme-fg: var(--rb-white);--theme-on-accent: var(--rb-black);--theme-surface: var(--rb-grey-90);--theme-surface-hover: var(--rb-red-dark);--theme-text-muted: var(--rb-grey-60);--theme-text-dim: var(--rb-grey-40);--theme-border: var(--rb-grey-20);--theme-border-subtle: var(--rb-red-dark);--theme-surface-pump: #2f1c09;--theme-surface-lfo: #1a2f1c;--theme-font-display: "Tannenberg Bold", serif;--theme-font-body: "DM Mono", monospace;--theme-ease: cubic-bezier(.7, 0, .3, 1);--theme-duration-fast: .2s;--theme-duration-normal: .4s;--theme-duration-slow: .6s;--theme-radius-sm: 0px;--theme-radius-md: 0px;--theme-border-heavy: 4px;--mt-player-bg: var(--theme-surface);--mt-player-border: var(--theme-border);--mt-player-accent: var(--theme-accent);--mt-player-accent-light: var(--theme-accent-light);--mt-player-fg: var(--theme-fg);--mt-player-dim: var(--theme-border);--mt-player-text: var(--theme-accent);--mt-player-playhead: var(--theme-fg);--mt-player-loop-tint: var(--theme-accent-trans);--mt-player-marker: var(--theme-accent);--mt-player-radius: 0px;--mt-player-font-display: var(--theme-font-display);--mt-player-font-body: var(--theme-font-body);--mt-dropdown-font: var(--theme-font-body);--mt-dropdown-bg: var(--theme-surface);--mt-dropdown-fg: var(--theme-fg);--mt-dropdown-border: var(--theme-border);--mt-dropdown-accent: var(--theme-accent);--mt-dropdown-text: var(--theme-accent);--mt-dropdown-radius: 0px;--scrollbar-width: 4px;--scrollbar-track: transparent;--scrollbar-thumb: var(--rb-red);--scrollbar-radius: 0;--mt-section-header-font-size: 18px;--mt-section-header-font-weight: 400;--mt-section-header-letter-spacing: 1px;--mt-section-anim-duration: .35s;--mt-section-anim-ease: cubic-bezier(.7, 0, .3, 1.3);--mt-section-icon-pivot: bottom right;--mt-section-icon-offset: 4px;--mt-section-bracket-width: 4px;--ui-border-width: 24px}[data-theme=redblack] h2{font-size:22px;font-weight:400;letter-spacing:1px;text-transform:none;padding-bottom:12px}[data-theme=redblack] #ui-title{margin-bottom:16px;padding-bottom:12px;position:relative}[data-theme=redblack] h3{font-size:15px;font-weight:400;letter-spacing:1px;border-left:3px solid var(--theme-accent);padding-left:8px;margin-top:18px}[data-theme=redblack] label{font-size:11px;font-weight:400;letter-spacing:0}[data-theme=redblack] label span{font-family:var(--theme-font-body);font-size:11px;font-weight:400;letter-spacing:0}[data-theme=redblack] label.label-heading{font-size:15px;font-weight:400;letter-spacing:1px;border-left:3px solid var(--theme-accent);padding-left:8px}[data-theme=redblack] .color-label-small{font-size:8px}[data-theme=redblack] .footer{font-size:10px;font-weight:400;letter-spacing:1px;padding-top:14px}[data-theme=redblack] .custom-dropdown-display{font-size:11px}[data-theme=redblack] .custom-dropdown-search{font-size:12px}[data-theme=redblack] .custom-dropdown-group-heading{font-size:15px;font-weight:400;letter-spacing:1px}[data-theme=redblack] .custom-dropdown-option{font-size:12px}[data-theme=redblack] #btn-toggle-all-sections{font-size:9px;font-weight:500;letter-spacing:1px}[data-theme=redblack] #render-progress-container{border:none;border-left:3px solid var(--theme-accent)}[data-theme=redblack] #render-progress-container label{font-size:9px;font-weight:500}[data-theme=redblack] button,[data-theme=redblack] select,[data-theme=redblack] input[type=file]{font-size:11px;font-weight:500;letter-spacing:1px}[data-theme=redblack] #ui-container{border:none;box-shadow:none;font-weight:400;letter-spacing:.3px;transition:transform .5s var(--theme-ease);max-height:100vh;height:100vh}[data-theme=redblack] #theme-toggle{font-size:9px;font-weight:500;letter-spacing:1px;border:none;color:var(--theme-on-accent);background:var(--theme-accent);padding:4px 8px}[data-theme=redblack] #theme-toggle:hover{background:var(--theme-fg);color:var(--theme-on-accent)}[data-theme=redblack] .btn-upload{border:none}[data-theme=redblack] .btn-upload:hover{background:var(--theme-fg);color:var(--theme-on-accent)}[data-theme=redblack] .button-record{border:none;color:var(--theme-on-accent);font-weight:500}[data-theme=redblack] .button-record:hover{background:var(--theme-fg);color:var(--theme-on-accent)}[data-theme=redblack] .button-reset-all{color:var(--theme-fg);background:transparent;border:1px solid var(--theme-fg);font-weight:500}[data-theme=redblack] .button-reset-all:hover{background:var(--theme-accent);color:var(--theme-on-accent);border-color:var(--theme-accent)}[data-theme=redblack] .button-vary,[data-theme=redblack] .button-generate{background:var(--theme-fg);border:none;font-weight:500}[data-theme=redblack] .button-vary:hover,[data-theme=redblack] .button-generate:hover{background:var(--theme-accent);color:var(--theme-on-accent)}[data-theme=redblack] .button-snapshot{color:var(--theme-fg);background:transparent;border:1px solid var(--theme-fg);font-weight:500}[data-theme=redblack] .button-snapshot:hover{background:var(--theme-accent);color:var(--theme-on-accent);border-color:var(--theme-accent)}[data-theme=redblack] .button-snapshot-nav{color:var(--theme-fg);background:transparent;border:1px solid var(--theme-border-subtle, var(--theme-fg));font-weight:500}[data-theme=redblack] .button-snapshot-nav:hover:not(:disabled){background:var(--theme-accent);color:var(--theme-on-accent);border-color:var(--theme-accent)}[data-theme=redblack] .button-snapshot-nav:disabled{opacity:.3}[data-theme=redblack]{--diag-freeze-color: var(--theme-text-dim, #888);--diag-freeze-active-bg: var(--theme-accent);--diag-freeze-active-color: var(--theme-on-accent);--diag-freeze-active-border: var(--theme-accent)}[data-theme=redblack] mt-pump-row{--mt-row-bg: var(--theme-surface-pump);--mt-row-border: var(--theme-border-subtle);--mt-row-remove-color: var(--theme-text-dim, #888);--mt-row-remove-border: var(--theme-border-subtle, #555);--mt-row-remove-bg: transparent;--mt-row-remove-hover-bg: var(--theme-accent);--mt-row-remove-hover-color: var(--theme-on-accent);--mt-row-remove-hover-border: var(--theme-accent);--mt-row-remove-radius: 0;--mt-row-toggle-border: var(--theme-border-subtle, #555);--mt-row-toggle-color: var(--theme-text-dim, #888)}[data-theme=redblack] mt-lfo-row{--mt-row-bg: var(--theme-surface-lfo);--mt-row-border: var(--theme-border-subtle);--mt-row-remove-color: var(--theme-text-dim, #888);--mt-row-remove-border: var(--theme-border-subtle, #555);--mt-row-remove-bg: transparent;--mt-row-remove-hover-bg: var(--theme-accent);--mt-row-remove-hover-color: var(--theme-on-accent);--mt-row-remove-hover-border: var(--theme-accent);--mt-row-remove-radius: 0;--mt-row-toggle-border: var(--theme-border-subtle, #555);--mt-row-toggle-color: var(--theme-text-dim, #888)}[data-theme=redblack] .ios-download-button:hover{background:var(--theme-fg);color:var(--theme-on-accent)}[data-theme=redblack] .custom-dropdown-menu{border:none;border-left:4px solid var(--theme-accent);box-shadow:none}[data-theme=redblack] .custom-dropdown-option.selected{background:var(--theme-surface-hover)}[data-theme=redblack] #fade-overlay{background:var(--theme-accent)}[data-theme=redblack] #fade-overlay img{filter:none}[data-theme=redblack] #ui-border-strip{background:var(--theme-accent);height:100vh!important;transition:transform .5s var(--theme-ease);display:flex;flex-direction:column;pointer-events:auto}[data-theme=redblack] .strip-section{display:flex;flex-direction:column;align-items:center;width:24px}[data-theme=redblack] .strip-top{align-items:center;justify-content:flex-start}[data-theme=redblack] .strip-mid{flex:1;justify-content:center}[data-theme=redblack] .strip-bottom{justify-content:flex-end}[data-theme=redblack] .strip-btn{width:24px;height:24px;padding:0;border:none;background:transparent;color:var(--theme-text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color .4s var(--theme-ease),background .4s var(--theme-ease)}[data-theme=redblack] .strip-btn:hover{color:var(--theme-fg);background:var(--theme-bg)}[data-theme=redblack] .strip-pin-toggle{display:flex;align-items:center;justify-content:center;width:24px;height:24px;cursor:pointer;margin:0;color:var(--theme-on-accent);transition:color .4s var(--theme-ease)}[data-theme=redblack] .strip-pin-toggle:hover{color:var(--theme-fg)}[data-theme=redblack] .strip-pin-icon .pin-dot{transition:opacity .4s var(--theme-ease)}[data-theme=redblack] #ui-border-strip.strip-rolled{transform:translateY(calc(-100vh + 24px))}[data-theme=redblack] #ui-border-strip.strip-rolled .strip-top,[data-theme=redblack] #ui-border-strip.strip-rolled .strip-mid{opacity:0;transition:opacity .2s var(--theme-ease)}[data-theme=redblack] .strip-expand{opacity:0;pointer-events:none;transition:opacity .3s var(--theme-ease)}[data-theme=redblack] #ui-border-strip.strip-rolled .strip-expand{opacity:1;pointer-events:auto}[data-theme=redblack] .section-btn{color:var(--theme-fg);background:transparent;border-color:var(--theme-border-subtle, #333);font-family:var(--theme-font-display);font-weight:400;letter-spacing:1px;transition:color .4s var(--theme-ease),background .4s var(--theme-ease)}[data-theme=redblack] .section-btn:hover{color:var(--theme-fg);background:var(--theme-bg)}[data-theme=redblack] .section-btn.toggle-off{color:color-mix(in srgb,var(--theme-fg) 30%,transparent)}[data-theme=redblack] .section-btn.toggle-off:hover{color:var(--theme-fg);background:var(--theme-bg)}[data-theme=redblack] .strip-toggle-btn{border:none;font-size:16px;color:var(--theme-on-accent)}[data-theme=redblack] .strip-toggle-btn.toggle-off{color:color-mix(in srgb,var(--theme-on-accent) 30%,transparent)}[data-theme=redblack] .strip-separator{color:var(--theme-on-accent)}@keyframes rb-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes rb-wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-8deg)}75%{transform:rotate(8deg)}}@keyframes rb-spin-to-x{0%{transform:rotate(-45deg)}to{transform:rotate(315deg)}}@keyframes rb-spin-to-plus{0%{transform:rotate(0)}to{transform:rotate(-405deg)}}[data-theme=redblack] #ui-toggle-btn,[data-theme=redblack] #ui-pin-btn{display:none}[data-theme=redblack] #ui-toggle-btn{font-family:var(--theme-font-body);font-weight:300;font-size:22px;width:24px;height:24px;line-height:24px;border-radius:0;transition:background-color .4s var(--theme-ease);color:transparent;background:transparent;position:relative}[data-theme=redblack] #ui-toggle-btn:before{content:"✕";position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:var(--theme-on-accent);transition:color .4s var(--theme-ease)}[data-theme=redblack] #ui-toggle-btn.is-closed{background:transparent}[data-theme=redblack] #ui-toggle-btn.is-closed:before{color:var(--theme-accent);transform:rotate(-45deg)}[data-theme=redblack] #ui-toggle-btn.is-closed:hover{background:var(--theme-accent);animation:rb-bounce .5s var(--theme-ease) infinite}[data-theme=redblack] #ui-toggle-btn.is-closed:hover:before{color:var(--theme-on-accent)}[data-theme=redblack] #ui-toggle-btn:not(.is-closed):not(.spin-to-x):not(.spin-to-plus):hover:before{animation:rb-wiggle .6s var(--theme-ease) infinite}[data-theme=redblack] #ui-toggle-btn.spin-to-x:before{animation:rb-spin-to-x .6s var(--theme-ease) forwards}[data-theme=redblack] #ui-toggle-btn.spin-to-plus:before{animation:rb-spin-to-plus .6s var(--theme-ease) forwards}[data-theme=redblack] #ui-pin-btn{position:absolute;top:28px;left:0;right:auto;width:24px;height:24px;padding:4px;color:var(--theme-on-accent);transition:all .4s var(--theme-ease)}[data-theme=redblack] #ui-pin-btn:hover,[data-theme=redblack] #ui-pin-btn.pinned{color:var(--theme-on-accent)}[data-theme=redblack] #ui-title,[data-theme=redblack] .control-group,[data-theme=redblack] .footer{padding-left:32px}[data-theme=redblack] #ui-title:before{content:"";display:block;width:12px;height:12px;background:var(--theme-accent);margin-bottom:8px}[data-theme=redblack] .control-group,[data-theme=redblack] .control-group label,[data-theme=redblack] .control-group label span{color:var(--theme-on-accent)}:root[data-theme=greyyellow]{--gy-amber: #d4a017;--gy-amber-light: #e8be3f;--gy-charcoal: #1e1e1e;--gy-cream: #e8e4de;--gy-dark-amber: #1a1400;--gy-grey-surface: #2a2a2a;--gy-grey-hover: #353535;--gy-grey-text: #b0aca4;--gy-grey-dim: #6e6b65;--gy-grey-border: #3a3a3a;--gy-grey-subtle: #2f2f2f;--gy-record-red: #e60000;--gy-record-red-dark: #c03030;--gy-record-red-light: #ff4444;--gy-record-red-hover: #ff8080;--theme-accent: var(--gy-amber);--theme-accent-light: var(--gy-amber-light);--theme-accent-trans: color-mix(in srgb, var(--gy-amber) 12%, transparent);--theme-bg: var(--gy-charcoal);--theme-bg-overlay: color-mix(in srgb, var(--gy-charcoal) 93%, transparent);--theme-fg: var(--gy-cream);--theme-on-accent: var(--gy-dark-amber);--theme-surface: var(--gy-grey-surface);--theme-surface-hover: var(--gy-grey-hover);--theme-text-muted: var(--gy-grey-text);--theme-text-dim: var(--gy-grey-dim);--theme-border: var(--gy-grey-border);--theme-border-subtle: var(--gy-grey-subtle);--theme-surface-pump: #2a2210;--theme-surface-lfo: #1a2a22;--theme-font-display: "Chakra Petch", sans-serif;--theme-font-body: "Chakra Petch", sans-serif;--theme-ease: ease;--theme-duration-fast: .1s;--theme-duration-normal: .2s;--theme-duration-slow: .3s;--theme-radius-sm: 4px;--theme-radius-md: 6px;--theme-border-heavy: 1px;--mt-player-bg: var(--theme-surface);--mt-player-border: var(--theme-border);--mt-player-accent: var(--theme-accent);--mt-player-accent-light: var(--theme-accent-light);--mt-player-fg: var(--theme-fg);--mt-player-dim: var(--theme-border);--mt-player-text: var(--theme-accent);--mt-player-playhead: var(--theme-fg);--mt-player-loop-tint: var(--theme-accent-trans);--mt-player-marker: var(--theme-accent);--mt-player-radius: 6px;--mt-player-font-display: var(--theme-font-body);--mt-player-font-body: var(--theme-font-body);--mt-dropdown-font: var(--theme-font-body);--mt-dropdown-bg: var(--theme-surface);--mt-dropdown-fg: var(--theme-fg);--mt-dropdown-border: var(--theme-border);--mt-dropdown-accent: var(--theme-accent);--mt-dropdown-text: var(--theme-accent);--mt-dropdown-radius: 6px;--scrollbar-width: 6px;--scrollbar-track: transparent;--scrollbar-thumb: var(--gy-amber);--scrollbar-radius: 3px;--ui-border-width: 24px;--mt-section-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");--mt-section-icon-size: 14px;--mt-section-icon-border: none;--mt-section-icon-bg: var(--theme-accent);--mt-section-icon-expanded: rotate(0deg);--mt-section-icon-collapsed: rotate(-90deg);--mt-section-icon-offset: -12px;--mt-section-pad-v: 8px;--mt-section-pad-h: 16px;--mt-section-gap: 2px;--mt-section-header-font-size: 13px;--mt-section-header-font-weight: 600;--mt-section-header-letter-spacing: 1px;--mt-section-header-text-transform: uppercase;--mt-section-bracket-width: 4px}[data-theme=greyyellow] #ui-container{border:none;border-right:1px solid var(--theme-border);border-radius:0;box-shadow:0 4px 24px #00000040;max-height:100vh;height:100vh;transition:transform .3s ease}[data-theme=greyyellow] #ui-border-strip{transition:transform .3s ease}[data-theme=greyyellow] #ui-toggle-btn{background:transparent;color:var(--theme-accent);font-size:20px;line-height:30px;transition:transform .3s ease,color .2s,background-color .2s}[data-theme=greyyellow] #ui-toggle-btn.is-closed{transform:rotate(-45deg)}[data-theme=greyyellow] #ui-toggle-btn:hover{color:var(--theme-accent-light)}[data-theme=greyyellow] #ui-pin-btn{background:transparent;color:var(--theme-text-dim);transition:color .2s,transform .2s}[data-theme=greyyellow] #ui-pin-btn:hover{color:var(--theme-accent)}[data-theme=greyyellow] #ui-pin-btn.pinned{color:var(--theme-accent);transform:rotate(45deg)}[data-theme=greyyellow] h1{color:var(--theme-fg)}[data-theme=greyyellow] h2{font-size:16px;font-weight:600;letter-spacing:2px;text-transform:uppercase;padding-bottom:10px}[data-theme=greyyellow] #ui-title{margin-bottom:14px;padding-bottom:10px}[data-theme=greyyellow] h3{font-size:13px;font-weight:400;margin-top:15px;margin-bottom:5px}[data-theme=greyyellow] label{font-size:12px}[data-theme=greyyellow] label.label-heading{text-transform:uppercase;margin-top:15px;font-weight:700}[data-theme=greyyellow] button,[data-theme=greyyellow] select,[data-theme=greyyellow] input[type=file]{color:var(--theme-fg);border:1px solid var(--theme-text-dim)}[data-theme=greyyellow] #btn-toggle-all-sections{font-size:11px}[data-theme=greyyellow] #theme-toggle{padding:2px 7px;font-size:10px;letter-spacing:1px;text-transform:uppercase;font-weight:700;border:1px solid var(--theme-accent);color:var(--theme-accent);background:transparent;border-radius:4px}[data-theme=greyyellow] #theme-toggle:hover{background:var(--theme-accent);color:var(--theme-on-accent)}[data-theme=greyyellow] .button-record{background:var(--gy-record-red-dark);border-color:var(--gy-record-red-light);color:var(--theme-fg);margin-top:5px}[data-theme=greyyellow] .button-record:hover{background:var(--gy-record-red-light);border-color:var(--gy-record-red-hover)}[data-theme=greyyellow] .button-reset-all{color:var(--theme-accent-light);background:transparent;border:1px solid var(--theme-accent-light);flex:1;padding:0 8px;font-size:12px;font-weight:600}[data-theme=greyyellow] .button-reset-all:hover{background:var(--theme-accent-light);color:var(--theme-bg)}[data-theme=greyyellow] .button-vary,[data-theme=greyyellow] .button-generate{border-color:var(--theme-accent-light);flex:1;padding:0 8px;font-size:12px;font-weight:600}[data-theme=greyyellow] .button-vary:hover,[data-theme=greyyellow] .button-generate:hover{background:var(--theme-accent-light)}[data-theme=greyyellow] .button-snapshot{color:var(--theme-accent-light);background:transparent;border:1px solid var(--theme-accent-light);font-size:12px;font-weight:600}[data-theme=greyyellow] .button-snapshot:hover{background:var(--theme-accent-light);color:var(--theme-bg)}[data-theme=greyyellow] .button-snapshot-nav{color:var(--theme-accent-light);background:transparent;border:1px solid var(--theme-border-subtle, var(--theme-accent-light));font-size:12px;font-weight:600}[data-theme=greyyellow] .button-snapshot-nav:hover:not(:disabled){background:var(--theme-accent-light);color:var(--theme-bg)}[data-theme=greyyellow] .button-snapshot-nav:disabled{opacity:.3}[data-theme=greyyellow]{--diag-freeze-color: var(--theme-text-dim, #999);--diag-freeze-active-bg: var(--theme-accent-light);--diag-freeze-active-color: var(--theme-bg);--diag-freeze-active-border: var(--theme-accent-light)}[data-theme=greyyellow] mt-pump-row{--mt-row-bg: var(--theme-surface-pump);--mt-row-border: var(--theme-border-subtle);--mt-row-remove-color: var(--theme-text-dim, #999);--mt-row-remove-border: var(--theme-border-subtle, #666);--mt-row-remove-bg: transparent;--mt-row-remove-hover-bg: var(--theme-accent);--mt-row-remove-hover-color: var(--theme-on-accent);--mt-row-remove-hover-border: var(--theme-accent);--mt-row-remove-radius: var(--theme-radius-sm, 4px);--mt-row-toggle-border: var(--theme-border-subtle, #666);--mt-row-toggle-color: var(--theme-text-dim, #999)}[data-theme=greyyellow] mt-lfo-row{--mt-row-bg: var(--theme-surface-lfo);--mt-row-border: var(--theme-border-subtle);--mt-row-remove-color: var(--theme-text-dim, #999);--mt-row-remove-border: var(--theme-border-subtle, #666);--mt-row-remove-bg: transparent;--mt-row-remove-hover-bg: var(--theme-accent);--mt-row-remove-hover-color: var(--theme-on-accent);--mt-row-remove-hover-border: var(--theme-accent);--mt-row-remove-radius: var(--theme-radius-sm, 4px);--mt-row-toggle-border: var(--theme-border-subtle, #666);--mt-row-toggle-color: var(--theme-text-dim, #999)}[data-theme=greyyellow] input[type=color]{border:1px solid var(--theme-text-dim)}[data-theme=greyyellow] #render-progress-container label{text-transform:uppercase;font-size:12px}[data-theme=greyyellow] .footer{font-size:13px;padding-top:12px}[data-theme=greyyellow] .footer a{color:var(--theme-text-dim)}[data-theme=greyyellow] .footer a:hover{color:var(--theme-accent)}[data-theme=greyyellow] .custom-dropdown-menu{box-shadow:0 8px 16px #00000060}[data-theme=greyyellow] .custom-dropdown-display,[data-theme=greyyellow] .custom-dropdown-search{font-size:14px}[data-theme=greyyellow] .custom-dropdown-group-heading{text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}[data-theme=greyyellow] .custom-dropdown-option{font-size:13px}[data-theme=greyyellow] .custom-dropdown-option.selected{background:var(--theme-accent-trans)}[data-theme=greyyellow] .color-label-small{font-size:10px}[data-theme=greyyellow] #fade-overlay{background:url(/backgrounds/MilchTropf_70_2400_gold_on_leather.jpg) center / cover no-repeat}[data-theme=greyyellow] #fade-overlay img{display:none}[data-theme=greyyellow] .ios-download-button{border:1px solid var(--theme-text-dim)}@media(max-width:768px){[data-theme=greyyellow] .custom-dropdown-container select{border-radius:4px}}[data-theme=greyyellow] #ui-border-strip{background:var(--theme-surface);border-right:1px solid var(--theme-border);height:100vh!important;display:flex;flex-direction:column;pointer-events:auto;transition:transform .3s ease}[data-theme=greyyellow] .strip-section{display:flex;flex-direction:column;align-items:center;width:24px}[data-theme=greyyellow] .strip-top{align-items:center;justify-content:flex-start}[data-theme=greyyellow] .strip-mid{flex:1;justify-content:center}[data-theme=greyyellow] .strip-bottom{justify-content:flex-end}[data-theme=greyyellow] .strip-btn{width:24px;height:24px;padding:0;border:none;background:transparent;color:var(--theme-text-dim);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color .2s ease}[data-theme=greyyellow] .strip-btn:hover{color:var(--theme-accent)}[data-theme=greyyellow] .strip-pin-toggle{display:flex;align-items:center;justify-content:center;width:24px;height:24px;cursor:pointer;margin:0;color:var(--theme-text-dim);transition:color .2s ease}[data-theme=greyyellow] .strip-pin-toggle:hover{color:var(--theme-accent)}[data-theme=greyyellow] .strip-pin-input:checked+.strip-pin-icon{color:var(--theme-accent)}[data-theme=greyyellow] #ui-border-strip.strip-rolled{transform:translateY(calc(-100vh + 24px))}[data-theme=greyyellow] #ui-border-strip.strip-rolled .strip-top,[data-theme=greyyellow] #ui-border-strip.strip-rolled .strip-mid{opacity:0;transition:opacity .2s ease}[data-theme=greyyellow] .strip-expand{opacity:0;pointer-events:none;transition:opacity .3s ease}[data-theme=greyyellow] #ui-border-strip.strip-rolled .strip-expand{opacity:1;pointer-events:auto}[data-theme=greyyellow] .strip-toggle-btn{color:var(--theme-text-muted);font-family:var(--theme-font-body);font-size:11px;font-weight:600;letter-spacing:.5px;border:1px solid var(--theme-border-subtle);border-radius:2px;transition:color .2s ease,background .2s ease,border-color .2s ease}[data-theme=greyyellow] .strip-toggle-btn:hover{color:var(--theme-accent)}[data-theme=greyyellow] .strip-toggle-btn.toggle-off{color:var(--theme-text-dim);opacity:.4}[data-theme=greyyellow] .strip-toggle-btn.toggle-off:hover{color:var(--theme-accent);opacity:1}[data-theme=greyyellow] .strip-separator{color:var(--theme-text-muted);font-size:8px}