html,body{background:#111;width:100%;height:100%;margin:0}#app{box-sizing:border-box;width:100%;height:100%;padding-top:0;display:block;position:relative}#stage{flex:auto;justify-content:center;align-items:center;width:100%;min-width:0;height:100%;min-height:0;display:flex}canvas{margin:auto;display:block;box-shadow:0 2px 12px -2px #00000059}#controls{z-index:30;color:#eee;touch-action:manipulation;flex-direction:column;width:min(380px,100vw - 16px);min-height:0;font-family:ui-sans-serif,system-ui,-apple-system,sans-serif;font-size:13px;display:flex;position:fixed;top:52px;bottom:8px;right:8px}#controls:not(.is-open){display:none}.su-drawer{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;background:#1a1a1a;border:1px solid #333;border-radius:6px;flex-direction:column;flex:auto;width:100%;min-height:0;display:flex;overflow:hidden}.su-drawer-scroll{-webkit-overflow-scrolling:touch;flex:auto;min-height:0;padding:10px 10px 12px;overflow:hidden auto}.su-section{margin:0 0 14px}.su-section:last-child{margin-bottom:4px}.su-section-title{letter-spacing:.04em;text-transform:uppercase;color:#888;margin:0 0 8px;padding:0 2px;font-size:11px;font-weight:600}.su-preset-row{grid-template-columns:minmax(0,1fr) auto auto;align-items:stretch;gap:6px;margin-bottom:6px;display:grid}.su-preset-block{margin-bottom:8px}.su-preset-menu{min-width:0;position:relative}.su-preset-trigger{text-align:left;text-overflow:ellipsis;white-space:nowrap;width:100%;overflow:hidden}.su-preset-dropdown{z-index:40;background:#1a1a1a;border:1px solid #444;border-radius:6px;max-height:240px;padding:4px;position:absolute;bottom:calc(100% + 4px);left:0;right:0;overflow:auto;box-shadow:0 8px 24px #00000073}.su-preset-option{appearance:none;color:#eee;text-align:left;width:100%;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:4px;align-items:center;gap:8px;padding:6px 8px;font-size:12px;display:flex}.su-preset-option:hover,.su-preset-option.is-active{background:#2a2a2a}.su-preset-thumb{object-fit:cover;background:#111;border:1px solid #333;border-radius:3px;flex:none;width:40px;height:40px}.su-preset-thumb-empty{display:inline-block}.su-preset-option-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.su-preset-io{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-bottom:8px;display:grid}.su-file-input{display:none}.su-record-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px;margin-top:8px;display:grid}.su-file-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:8px;display:grid}.su-file-actions .su-btn.is-recording,.su-record-row .su-btn.is-recording{opacity:.7}.su-scrub{align-items:center;gap:6px;min-width:0;display:flex}.su-scrub-label{text-transform:uppercase;letter-spacing:.04em;color:#888;flex:none;font-size:11px}.su-scrub .su-slider{flex:auto;width:100%;min-width:0}.su-preset-select{width:100%;min-width:0}.su-preset-row .su-btn:disabled,.su-preset-io .su-btn:disabled,.su-file-actions .su-btn:disabled,.su-record-row .su-btn:disabled{opacity:.4;cursor:default}.mobile-bottom-nav{display:none}.su-btn{appearance:none;color:#eee;font:inherit;cursor:pointer;white-space:nowrap;background:#222;border:1px solid #333;border-radius:4px;padding:7px 5px;font-size:12px}.su-btn:hover{background:#2c2c2c}.su-gen-actions{flex-wrap:wrap;flex:auto;align-items:stretch;gap:6px;min-width:0;margin:0;display:flex}.su-gen-bar{border-top:1px solid #2a2a2a;flex-wrap:wrap;align-items:stretch;gap:8px;margin:8px 0 0;padding-top:8px;display:flex}.su-gen-bar .su-lfo-fps{flex:140px}.su-gen-bar .su-gen-actions{flex:220px}.su-btn-play:hover{color:#111;background-color:#b9ff2e;border-color:#b9ff2e}.su-btn-generate{flex:0}.su-btn-play:active{background-color:#97e600;border-color:#97e600}.su-btn-play{color:#121212;background-color:#a8fa00;border-color:#a8fa00;flex:auto;padding:6px 5px;font-weight:600}.su-btn-play.is-playing{color:#a8fa00;background:#3a3a3a;border-color:#666}.su-row{align-items:center;gap:6px;min-width:0;margin-bottom:6px;display:grid}.su-row-num{grid-template-columns:minmax(0,1fr) auto;margin-bottom:0}.su-param-grid{grid-template-columns:1fr 1fr;align-items:stretch;gap:6px;display:grid}.su-row-bool{grid-template-columns:minmax(0,1fr) auto auto}.su-row-select{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr) auto}.su-row-action{grid-template-columns:minmax(0,1fr) auto}.su-row-actions{flex-wrap:wrap;gap:6px;min-width:0;display:flex}.su-row-actions .su-btn{flex:auto}.su-color-line-stack{flex-direction:column;gap:6px;margin-bottom:8px;display:flex}.su-row-look-action{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:0;display:flex}.su-row-look-action .su-btn-label{text-align:left;flex:auto;min-width:0}.su-row-look-action .su-btn:not(.su-btn-label){flex:none}.su-row-look-action .su-color-field{flex:0 160px}.su-color-field{color:#eee;min-width:0;font:inherit;cursor:pointer;background:#222;border:1px solid #333;border-radius:4px;flex:auto;align-items:center;gap:8px;margin:0;padding:4px 8px;font-size:12px;display:inline-flex}.su-color-field-label{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}.su-color-input{cursor:pointer;background:0 0;border:1px solid #555;border-radius:4px;flex:0 0 28px;width:28px;height:28px;padding:0}.su-color-input::-webkit-color-swatch-wrapper{padding:0}.su-color-input::-webkit-color-swatch{border:0;border-radius:3px}.su-row-look-line{grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:6px;margin-bottom:0;display:grid}.su-row-look-pair{grid-template-columns:1fr 1fr;gap:6px;margin-bottom:0;display:grid}.su-look-cell{align-items:center;gap:6px;min-width:0;display:flex}.su-look-cell .su-param-name{flex:auto;min-width:0}.su-look-cell .su-row-label{flex:none;font-size:11px}.su-look-cell .su-select{flex:auto;min-width:0}.su-look-cell .su-vary{flex:none}.su-row-look-alphas{grid-template-columns:1fr 1fr;gap:6px;margin-bottom:0;display:grid}.su-row-look-alphas .su-row-num{margin-bottom:0}.su-row-blend{margin-top:2px}.su-row-label{color:#ccc;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.su-param-name{appearance:none;color:#ddd;font:inherit;text-align:left;cursor:pointer;background:#222;border:1px solid #333;border-radius:4px;justify-content:space-between;align-items:center;gap:6px;width:100%;min-width:0;padding:7px 8px;font-size:12px;display:flex;overflow:hidden}.su-param-label{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}.su-param-value{color:#888;font-variant-numeric:tabular-nums;white-space:nowrap;flex:none}.su-param-name:hover{color:#fff;background:#2c2c2c}.su-param-name:hover .su-param-value{color:#aaa}.su-param-name.is-active{color:#fff;background:#3a3a3a;border-color:#666;box-shadow:inset 0 0 0 1px #a8fa0073}.su-param-name.is-active .su-param-value{color:#aaa}.su-num-input{box-sizing:border-box;appearance:textfield;color:#eee;width:72px;min-width:0;font:inherit;font-variant-numeric:tabular-nums;text-align:right;background:#111;border:1px solid #333;border-radius:4px;padding:5px 6px}.su-num-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.su-num-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.su-num-input:focus{border-color:#555;outline:1px solid #555}.su-select{box-sizing:border-box;appearance:none;color:#eee;width:100%;min-width:0;font:inherit;background:#111;border:1px solid #333;border-radius:4px;padding:7px 8px;font-size:12px}.su-select:focus{border-color:#555;outline:1px solid #555}.su-toggle{accent-color:#a8fa00;cursor:pointer;width:16px;height:16px;margin:0}.su-toggle-label{color:#aaa;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;align-items:center;gap:6px;margin:0;font-size:11px;display:inline-flex}.su-vary{cursor:pointer;justify-content:center;align-items:center;margin:0;padding:4px;display:inline-flex}.su-vary-target{align-items:center;gap:4px;display:inline-flex}.su-vary-select{appearance:none;color:#888;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;background:#1a1a1a;border:1px solid #333;border-radius:4px;padding:3px 6px;font:600 10px/1 ui-sans-serif,system-ui,-apple-system,sans-serif}.su-vary-select.is-active,.su-vary-target.is-active .su-vary-select{color:#a8fa00;border-color:#a8fa00}.su-vary-input{accent-color:#a8fa00;cursor:pointer;width:15px;height:15px;margin:0}.su-slider-dock{background:#141414;border-top:1px solid #333;flex:none;padding:10px 12px 12px}.su-slider-dock .su-generate{border-top:1px solid #2a2a2a;margin:12px 0 0;padding-top:10px}.su-slider-dock .su-generate .su-section-title{margin-bottom:6px}.su-slider-head{justify-content:space-between;align-items:center;gap:8px;min-width:0;margin:0 0 8px;display:flex}.su-slider-label{color:#eee;text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;margin:0;font-size:12px;font-weight:600;overflow:hidden}.su-slider-nums{flex:none;align-items:center;gap:6px;display:flex}.su-slider-num-max[hidden]{display:none!important}.su-slider-single{width:100%}.su-slider-dual{flex-direction:column;gap:8px;width:100%;display:flex}.su-slider-dual[hidden]{display:none!important}.su-slider-dual-row{grid-template-columns:28px minmax(0,1fr);align-items:center;gap:6px;display:grid}.su-slider-dual-tag{letter-spacing:.04em;text-transform:uppercase;color:#777;font-size:10px;font-weight:600}.su-slider-dock.is-range .su-slider-label{color:#a8fa00}.su-mod-row{flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 8px;display:flex}.su-mod-toggle{border:1px solid #333;border-radius:4px;gap:0;display:inline-flex;overflow:hidden}.su-mod-btn{appearance:none;color:#888;font:inherit;cursor:pointer;background:#111;border:0;padding:5px 10px;font-size:11px}.su-mod-btn+.su-mod-btn{border-left:1px solid #333}.su-mod-btn.is-active{color:#a8fa00;background:#2a2a2a}.su-mod-btn:disabled{opacity:.4;cursor:not-allowed}.su-mod-amount{color:#888;flex:140px;align-items:center;gap:6px;min-width:0;font-size:11px;display:flex}.su-mod-amount .su-slider{flex:auto;min-width:0}.su-mod-amount-label{text-transform:uppercase;letter-spacing:.04em;flex:none}.su-mod-amount-val{font-variant-numeric:tabular-nums;color:#ccc;text-align:right;flex:none;min-width:3.2em}.su-mod-rate .su-mod-amount-val{min-width:3.6em}.su-lfo-global{flex-wrap:nowrap;align-items:center;gap:8px;min-width:0;margin:8px 0 4px;display:flex}.su-lfo-fps{flex:140px;align-items:center;gap:6px;min-width:0;margin:0;display:flex}.su-lfo-fps .su-slider{flex:auto;min-width:0}.su-lfo-fps-input{text-align:right;flex:none;width:30px}.su-lfo-global-label{letter-spacing:.04em;text-transform:uppercase;color:#888;flex:none;font-size:11px;font-weight:600}.su-lfo-global-rate{color:#888;flex:auto;align-items:center;gap:6px;min-width:0;font-size:11px;display:flex}.su-lfo-global-rate .su-slider{flex:auto;min-width:0}.su-lfo-shape{flex:none;min-width:96px;max-width:120px}.su-slider{accent-color:#a8fa00;cursor:pointer;width:100%;margin:0;display:block}#status{z-index:20;color:#eee;pointer-events:none;opacity:0;background:#0000008c;border-radius:4px;padding:6px 10px;font:12px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;transition:opacity .2s;position:fixed;bottom:16px;left:16px}#status.visible{opacity:1}.color-drawer{z-index:40;pointer-events:none;position:fixed;inset:0}.color-drawer[hidden]{display:none}.color-drawer__panel{pointer-events:auto;background:#141414;border-left:1px solid #2a2a2a;flex-direction:column;width:min(420px,100vw);height:100%;max-height:100dvh;transition:transform .28s;display:flex;position:absolute;top:0;right:0;transform:translate(100%);box-shadow:-8px 0 24px #00000059}.color-drawer.is-open .color-drawer__panel{transform:translate(0)}.color-drawer__header{border-bottom:1px solid #2a2a2a;flex:none;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.color-drawer__title{color:#eee;letter-spacing:.02em;font:600 13px/1.2 ui-sans-serif,system-ui,-apple-system,sans-serif}.color-drawer__close{color:#eee;cursor:pointer;background:0 0;border:0;border-radius:4px;width:32px;height:32px;margin:0;padding:0;font-size:22px;line-height:1}.color-drawer__close:hover{background:#2a2a2a}.color-drawer__toolbar{background:#111;border-bottom:1px solid #2a2a2a;flex:none;align-items:center;gap:8px;min-height:52px;padding:8px 10px;display:flex}.color-drawer__selected{flex-flow:wrap;flex:auto;gap:0;min-width:0;padding:0;display:flex}.color-drawer__selected .color-drawer__swatch{border-color:#fff;flex:0 0 36px;width:36px;height:36px}.color-drawer__done{color:#eee;cursor:pointer;-webkit-user-select:none;user-select:none;background:#1a1a1a;border:1px solid #333;border-radius:4px;flex:none;align-items:center;gap:6px;margin-left:auto;padding:6px 10px;font:12px/1 ui-sans-serif,system-ui,-apple-system,sans-serif;display:inline-flex}.color-drawer__done:hover{background:#2a2a2a}.color-drawer__done-check{accent-color:#eee;cursor:pointer;width:14px;height:14px;margin:0}.color-drawer__body{-webkit-overflow-scrolling:touch;flex:auto;min-height:0;overflow:auto}.color-drawer__grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:0;display:grid}.color-drawer__palette{box-sizing:border-box;border:2px solid #fff;grid-template-columns:repeat(5,1fr);gap:0;display:grid}.color-drawer__swatch{aspect-ratio:1;cursor:pointer;appearance:none;box-sizing:border-box;border:1px solid #0000;border-radius:0;flex:none;width:100%;margin:0;padding:0}.color-drawer__swatch.is-selected{border-color:#fff}@media (width<=720px){html,body{height:auto;min-height:100dvh}#app{height:auto;min-height:100dvh;padding-bottom:calc(56px + env(safe-area-inset-bottom,0px));box-sizing:border-box;flex-direction:column;justify-content:flex-start;align-items:stretch}#stage{background:#111;flex:none;width:100%;height:45vh;max-height:45vh;padding:12px}.controls-collapsed #stage{height:calc(100dvh - 52px - 56px - env(safe-area-inset-bottom,0px));max-height:none}canvas{max-width:100%!important;max-height:100%!important}.mobile-bottom-nav{z-index:50;height:calc(56px + env(safe-area-inset-bottom,0px));padding:0 0 env(safe-area-inset-bottom,0px);box-sizing:border-box;background:#121212;border-top:1px solid #2a2a2a;grid-template-columns:repeat(4,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.mobile-bottom-nav__btn{appearance:none;color:#888;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;background:0 0;border:0;min-height:56px;font:600 12px/1.2 ui-sans-serif,system-ui,-apple-system,sans-serif}.mobile-bottom-nav__btn.is-active{color:#eee;background:#1c1c1c}#controls{left:0;right:0;bottom:calc(56px + env(safe-area-inset-bottom,0px));z-index:40;background:#141414;border-top:1px solid #333;border-radius:14px 14px 0 0;flex:none;width:100%;max-height:min(58dvh,520px);padding:0;transition:transform .22s;display:flex;position:fixed;top:auto;transform:translateY(110%);box-shadow:0 -8px 28px #00000059}#controls:not(.is-open){pointer-events:none;display:flex}#controls.is-open{pointer-events:auto;transform:translateY(0)}.su-drawer{border:0;border-radius:14px 14px 0 0;min-height:0;max-height:min(58dvh,520px)}.su-param-grid{grid-template-columns:1fr 1fr 1fr}#controls[data-mobile-panel=color-line] .su-drawer-scroll .su-section:not([data-panel=color-line]),#controls[data-mobile-panel=parameters] .su-drawer-scroll .su-section:not([data-panel=parameters]),#controls[data-mobile-panel=file] .su-drawer-scroll .su-section:not([data-panel=file]),#controls[data-mobile-panel=generate] .su-drawer-scroll,#controls[data-mobile-panel=generate] .su-dock-params,#controls[data-mobile-panel=file] .su-dock-params{display:none}.su-slider-dock{z-index:2;position:sticky;bottom:0}.su-btn,.su-param-name,.su-num-input,.su-select{min-height:20px}.su-slider{min-height:28px}#status{left:12px;bottom:calc(72px + env(safe-area-inset-bottom,0px));max-width:calc(100vw - 24px);top:auto}.color-drawer__panel{border-top:1px solid #2a2a2a;border-left:0;width:100%;height:min(78dvh,720px);top:auto;left:0;right:0;transform:translateY(100%);box-shadow:0 -8px 24px #00000059}.color-drawer.is-open .color-drawer__panel{transform:translateY(0)}.color-drawer__grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}}#login-dialog{color:#eee;background:#1a1a1a;border:1px solid #333;border-radius:8px;width:calc(100% - 32px);max-width:360px;padding:0;font-family:ui-sans-serif,system-ui,-apple-system,sans-serif}#login-dialog[hidden],#login-dialog [hidden]{display:none!important}#login-dialog::backdrop{background:#000000a6}#login-dialog form{flex-direction:column;gap:12px;margin:0;padding:20px 22px 18px;display:flex}#login-dialog h2{margin:0;font-size:1rem;font-weight:600}#login-dialog p{color:#888;margin:0;font-size:13px;line-height:1.4}#login-dialog label{color:#888;flex-direction:column;gap:6px;font-size:12px;display:flex}#login-dialog input[type=email],#login-dialog input[type=text],#login-dialog input[type=password]{appearance:none;color:#eee;font:inherit;background:#111;border:1px solid #333;border-radius:4px;padding:8px 10px;font-size:14px}#login-dialog input:focus{border-color:#555;outline:1px solid #555}#login-dialog .dialog-error{color:#f66;font-size:12px}#login-dialog .dialog-actions{justify-content:flex-end;gap:8px;margin-top:4px;display:flex}#login-dialog button{appearance:none;font:inherit;cursor:pointer;border:0;border-radius:4px;padding:8px 14px;font-size:13px}#login-dialog .btn-secondary{color:#eee;background:#2a2a2a}#login-dialog .btn-secondary:hover{background:#333}#login-dialog .btn-primary{color:#fff;background:#3a3a3a}#login-dialog .btn-primary:hover{background:#4a4a4a}@media (width<=720px) and (orientation:portrait){#stage{aspect-ratio:1;width:100%;height:auto;max-height:none;padding:0}canvas{width:100%!important;max-width:none!important;height:100%!important;max-height:none!important}}#app-shell.svelte-1n46o8q{box-sizing:border-box;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}