*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.fixed{position:fixed}.block{display:block}.table{display:table}.resize{resize:both}.flex-col{flex-direction:column}.italic{font-style:italic}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}body,html{margin:0;padding:0;width:100%;height:100%;overflow:hidden;font-family:Inter,sans-serif}.generative-study-root{--paper-base: #1a120b;--ink-primary: #e6ccb2;--accent-amber: #b08968;--accent-mahogany: #3d2b1f;--accent-gold: #ddb892;margin:0;padding:0;width:100vw;height:100vh;overflow:hidden;background-color:var(--paper-base);font-family:Inter,sans-serif;position:relative}.paper-texture{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10;opacity:.25;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.1'/%3E%3C/svg%3E")}.canvas-container{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:1}canvas{display:block}.ui-layer{position:absolute;top:0;left:0;width:100%;height:100%;z-index:20;pointer-events:none;padding:4rem;box-sizing:border-box;display:flex;flex-direction:column;justify-content:flex-end}.meta-data{font-family:Playfair Display,serif;font-size:2rem;font-style:italic;font-weight:400;color:var(--ink-primary);opacity:0;transition:opacity 2s ease-out;letter-spacing:-.01em;line-height:1.2;max-width:500px;text-shadow:0 2px 10px rgba(0,0,0,.5)}.meta-data.visible{opacity:1}@media(max-width:768px){.ui-layer{padding:2rem}.meta-data{font-size:1.5rem}}.svg-defs{position:absolute;width:0;height:0}.te-dmx-root{--c-lime: #D7FE52;--c-moss: #3A5345;--c-slate: #8895AC;--c-lavender: #E3D0FC;--c-bg: #1a2620;--c-surface: #3A5345;--c-surface-dim: #2f4338;--c-surface-highlight: #456352;--c-text-main: #E3D0FC;--c-text-muted: #8895AC;--font-stack: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 16px;background-color:var(--c-bg);color:var(--c-text-main);font-family:var(--font-stack);display:flex;justify-content:center;align-items:center;min-height:100vh;overflow:hidden;position:relative;width:100vw;box-sizing:border-box;margin:0;padding:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.te-dmx-root *{box-sizing:border-box}.back-btn{position:absolute;top:24px;left:24px;background:transparent;border:none;padding:0;cursor:pointer;z-index:10;outline:none}.back-arrow{font-size:32px;font-weight:600;font-style:italic;letter-spacing:-.05em;font-family:Outfit,sans-serif;color:#fff;transition:all .2s ease;display:inline-block;line-height:1}.back-btn:hover .back-arrow{color:var(--c-lime);transform:translate(-6px)}.interface-card{width:1000px;height:600px;background:var(--c-surface);border-radius:var(--radius-lg);box-shadow:0 50px 100px -20px #00000080,0 2px #ffffff0d inset;display:grid;grid-template-rows:auto 1fr;overflow:hidden;position:relative}.interface-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#ffffff08,#0000001a);pointer-events:none;z-index:1}.viz-panel{height:220px;background:var(--c-surface-dim);border-bottom:1px solid rgba(136,149,172,.2);position:relative;overflow:hidden}.viz-canvas-area{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;-webkit-mask-image:linear-gradient(to right,black 50%,transparent 95%);mask-image:linear-gradient(to right,black 50%,transparent 95%)}.viz-canvas-area canvas{position:absolute;bottom:0;left:0;width:100%;height:100%;opacity:.8}.viz-params-area{position:absolute;top:0;right:0;width:33.333%;height:100%;display:flex;align-items:center;padding:0 32px;z-index:1}.global-params-container{width:calc(50% - 6px);margin-left:auto;display:flex;flex-direction:column;gap:16px}.global-param-row{display:flex;align-items:center;justify-content:space-between}.global-param-label{text-align:left;font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--c-slate);font-weight:600}.global-param-input{width:60px;background:#00000026;border:1px solid rgba(136,149,172,.3);border-radius:4px;color:var(--c-lime);font-family:monospace;font-size:11px;padding:4px 6px;text-align:center;transition:all .2s ease;cursor:ns-resize;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:none;display:flex;justify-content:center;align-items:center;height:24px;box-sizing:border-box}.global-param-input:active{border-color:var(--c-lime);box-shadow:0 0 8px #d7fe5233}.global-param-toggle{width:60px;height:24px;background:#8895ac1a;border:1px solid rgba(136,149,172,.3);border-radius:4px;color:var(--c-slate);font-family:monospace;font-size:10px;font-weight:700;cursor:pointer;transition:all .2s ease;outline:none;box-sizing:border-box}.global-param-toggle:hover{border-color:var(--c-lavender);background:#8895ac33}.global-param-toggle.active{background:var(--c-lime);color:var(--c-moss);border-color:var(--c-lime);box-shadow:0 0 12px #d7fe5266}.control-deck{padding:32px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:32px;position:relative;z-index:2}.section-label{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--c-slate);margin-bottom:20px;display:block;border-bottom:1px solid rgba(136,149,172,.2);padding-bottom:8px}.fader-group{display:flex;justify-content:space-between;height:100%;align-items:flex-end}.fader-channel{display:flex;flex-direction:column;align-items:center;height:100%;width:40px}.fader-track-container{flex-grow:1;width:6px;background:#8895ac33;border-radius:3px;position:relative;cursor:ns-resize;touch-action:none}.fader-fill{position:absolute;bottom:0;left:0;width:100%;background:var(--c-slate);border-radius:3px;pointer-events:none}.fader-knob{position:absolute;left:50%;transform:translate(-50%,50%);bottom:0%;width:32px;height:16px;background:var(--c-surface);border:2px solid var(--c-lime);border-radius:4px;box-shadow:0 4px 8px #0003;transition:transform .1s;cursor:grab;pointer-events:none}.fader-track-container:active .fader-knob{background:var(--c-lime);cursor:grabbing}.fader-mapped-value{margin-top:8px;font-family:monospace;color:var(--c-lime);font-size:11px;font-weight:500}.prompt-input{margin-top:6px;width:65px;background:#00000026;border:1px solid rgba(136,149,172,.3);border-radius:4px;color:var(--c-lime);font-family:monospace;font-size:10px;padding:4px 6px;text-align:center;outline:none;transition:all .2s ease}.prompt-input:focus{border-color:var(--c-lime);box-shadow:0 0 8px #d7fe5233}.prompt-input::-moz-placeholder{color:#8895ac80}.prompt-input::placeholder{color:#8895ac80}.joystick-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;border:1px dashed rgba(136,149,172,.3);border-radius:var(--radius-md);background:#0000001a;position:relative}.joystick-area{width:180px;height:180px;border-radius:50%;border:1px solid var(--c-slate);position:relative;background:radial-gradient(circle,#8895ac1a,#3a534500 70%);cursor:crosshair;touch-action:none}.joystick-puck{width:24px;height:24px;background:var(--c-lavender);border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 15px var(--c-lavender);pointer-events:none}.joystick-coords{margin-top:16px;font-family:monospace;font-size:11px;color:var(--c-slate);display:flex;gap:12px}.button-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr);gap:12px;height:100%}.trigger-wrap{display:flex;flex-direction:column;gap:6px;height:100%}.trigger-btn{flex:1;background:#8895ac1a;border:1px solid rgba(136,149,172,.3);border-radius:var(--radius-sm);cursor:ns-resize;position:relative;overflow:hidden;display:flex;justify-content:center;align-items:center;touch-action:none;transition:border-color .1s ease,box-shadow .1s ease}.trigger-input{width:100%;background:transparent;border:1px dotted rgba(136,149,172,.3);border-radius:2px;color:var(--c-lime);font-family:monospace;font-size:9px;padding:2px 4px;text-align:center;outline:none;transition:all .2s ease}.trigger-input:focus{border-style:solid;border-color:var(--c-lime);background:#0003}.trigger-btn:hover{border-color:var(--c-lavender)}.trigger-btn-fill{position:absolute;top:0;left:0;height:100%;background:var(--c-surface-highlight);pointer-events:none;transition:none}.trigger-btn.active .trigger-btn-fill{background:var(--c-lime)}.trigger-btn.active{border-color:var(--c-lime);box-shadow:0 0 12px #d7fe5266;background:transparent}.trigger-btn-val{position:relative;z-index:2;font-family:monospace;font-size:11px;font-weight:700;color:var(--c-slate);pointer-events:none}.trigger-btn.active .trigger-btn-val{color:var(--c-moss)}.flex-col{display:flex;flex-direction:column;height:100%}