.gradient-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;display:block}.panel-parent{position:absolute;top:1vw;right:1vw;width:20vw;min-width:260px;height:var(--panel-collapsed-h);padding-block:.5vw;padding-inline:.5vw;border-radius:.6vw;overflow:hidden;display:flex;flex-direction:column;gap:1vw;background-color:var(--panel-bg);border:1px solid var(--panel-border);box-shadow:0 .6vw 2vw #00000073;color:var(--text);transition:height .5s ease;z-index:2}.panel-parent.is-open{height:calc(100% - 2vw);overflow-y:auto}.panel-parent::-webkit-scrollbar{width:.2vw}.panel-parent::-webkit-scrollbar-thumb{background-color:var(--panel-border);border-radius:.5vw}.panel-parent::-webkit-scrollbar-track{background:var(--panel-bg)}.panel-topper{width:100%;display:flex;justify-content:space-between;align-items:center}.panel-screen-menu{display:flex;align-items:center;gap:.5vw}.panel-play,.panel-share{box-sizing:border-box;padding:.2vw .7vw;display:flex;align-items:center;font-size:.9vw;border:none;border-radius:.25vw;background-color:var(--accent);color:var(--accent-contrast);cursor:pointer}.panel-share,.panel-export{background-color:transparent;color:var(--accent);border:1px solid var(--accent)}.panel-export{box-sizing:border-box;padding:.2vw .7vw;display:flex;align-items:center;font-size:.9vw;border-radius:.25vw;cursor:pointer}.panel-toggle{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--accent);border-radius:.25vw;background:transparent;color:var(--accent);cursor:pointer;padding:.15vw}.panel-toggle-icon{width:1.3vw;height:1.3vw;transition:transform .3s ease}.panel-toggle.is-open .panel-toggle-icon{transform:rotate(180deg)}.panel-handles{display:inline-flex;align-items:center;justify-content:center;padding:.2vw .35vw;border:1px solid var(--panel-border);border-radius:.25vw;background:transparent;color:var(--text-dim);cursor:pointer}.panel-handles.is-active{color:var(--accent);border-color:var(--accent)}.panel-handles svg{width:1.1vw;height:1.1vw}.panel-settings{width:100%;display:flex;flex-direction:column;gap:1vw}.settings-tab{display:flex;flex-direction:column;align-items:stretch;gap:.5vw}.settings-tab-name{font-size:1.2vw;font-weight:300;color:var(--accent)}.settings-tab-menu{display:flex;flex-direction:column;align-items:stretch;gap:.75vw}.setting{position:relative;width:100%;display:flex;flex-direction:column;align-items:stretch;gap:.3vw}.setting--inline{flex-direction:row;align-items:center;justify-content:space-between}.setting-topper{width:100%;display:flex;gap:.5vw;justify-content:space-between;align-items:center}.setting-name{font-size:.95vw;font-weight:300;display:inline-flex;align-items:center;gap:.35vw}.info-tip{display:inline-flex;align-items:center;justify-content:center;width:.9vw;height:.9vw;flex-shrink:0;color:var(--text-dim);cursor:help;outline:none}.info-tip:hover,.info-tip:focus-visible{color:var(--accent)}.info-tip svg{width:100%;height:100%;display:block}.info-tip-bubble{position:absolute;top:calc(100% + .4vw);left:0;right:0;z-index:10;padding:.5vw .6vw;border-radius:.35vw;background:var(--surface-strong);border:1px solid var(--panel-border);box-shadow:0 .4vw 1.2vw #00000080;color:var(--text);font-size:.8vw;font-weight:300;line-height:1.35;text-align:left;opacity:0;visibility:hidden;transform:translateY(-.2vw);transition:opacity .15s ease,transform .15s ease,visibility .15s;pointer-events:none}.info-tip:hover .info-tip-bubble,.info-tip:focus-within .info-tip-bubble{opacity:1;visibility:visible;transform:translateY(0)}.setting-value{font-size:.85vw;opacity:.6;font-variant-numeric:tabular-nums}.setting-range{width:100%;accent-color:var(--accent);cursor:pointer}.setting-color{width:3vw;height:1.5vw;border:none;background:transparent;cursor:pointer}.setting-checkbox{width:1vw;height:1vw;accent-color:var(--accent);cursor:pointer}.segment{display:flex;width:100%;padding:.15vw;gap:.15vw;border-radius:.3vw;background:var(--surface);border:1px solid var(--panel-border)}.segment-option{flex:1;padding:.25vw 0;font-size:.82vw;border:none;border-radius:.2vw;background:transparent;color:var(--text-dim);cursor:pointer;transition:background .15s ease,color .15s ease}.segment-option:hover{color:var(--text)}.segment-option.is-active{background:var(--accent);color:var(--accent-contrast)}.segment-option:disabled{cursor:not-allowed;opacity:.5}.settings-tab-header{width:100%;display:flex;align-items:center;justify-content:space-between;gap:.5vw}.settings-tab-count{opacity:.5;font-size:.85vw}.panel-btn{font-size:.85vw;padding:.2vw .6vw;border:1px solid var(--accent);border-radius:.2vw;background:transparent;color:var(--accent);cursor:pointer}.panel-btn:disabled{opacity:.35;cursor:not-allowed}.panel-btn--danger{border-color:var(--danger);color:var(--danger)}.blob-actions{display:flex;gap:.4vw}.blob-list{display:flex;flex-wrap:wrap;gap:.4vw}.blob-chip{display:inline-flex;align-items:center;gap:.4vw;padding:.25vw .6vw;font-size:.85vw;border:1px solid transparent;border-radius:.3vw;background:var(--surface);color:inherit;cursor:pointer}.blob-chip.is-selected{border-color:var(--accent);background:var(--surface-strong)}.blob-chip-color{width:.9vw;height:.9vw;border-radius:100%;border:1px solid var(--hairline)}.demo-list{display:flex;flex-direction:column;gap:.4vw}.demo-chip{display:flex;align-items:center;gap:.6vw;padding:.35vw .5vw;font-size:.85vw;text-align:left;border:1px solid transparent;border-radius:.3vw;background:var(--surface);color:inherit;cursor:pointer}.demo-chip.is-selected{border-color:var(--accent);background:var(--surface-strong)}.demo-swatches{display:inline-flex;flex-shrink:0}.demo-swatch{width:.85vw;height:.85vw;border-radius:100%;border:1px solid var(--hairline);margin-left:-.25vw}.demo-swatch:first-child{margin-left:0}.demo-chip-label{flex:1}.reveal-toggle{align-self:flex-start;padding:.1vw 0;border:none;background:transparent;color:var(--text-dim);font-size:.85vw;cursor:pointer;transition:color .15s ease}.reveal-toggle:hover{color:var(--accent)}.panel-reset{align-self:flex-start;margin-top:.5vw}.setting-select{width:100%;padding:.3vw .5vw;border-radius:.2vw;border:1px solid var(--panel-border);background:var(--surface);color:inherit;font-size:.85vw}.blob-handles{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;-webkit-user-select:none;user-select:none;--handle-contrast: #ffffff}.blob-helpers,.blob-anchors{position:absolute;top:0;right:0;bottom:0;left:0;overflow:visible;pointer-events:none}.gizmo-backdrop{fill:transparent;pointer-events:all;cursor:default}.gizmo-outline{fill:none;stroke:var(--handle-contrast);stroke-width:1.5;stroke-dasharray:5 5;pointer-events:none}.gizmo-outline-hit{fill:none;stroke:transparent;stroke-width:18;pointer-events:stroke;cursor:nwse-resize}.gizmo-line{stroke:var(--handle-contrast);stroke-width:1;opacity:.7;pointer-events:none}.gizmo-handle-major{fill:var(--handle-contrast);pointer-events:all;touch-action:none;cursor:crosshair}.anchor{stroke:var(--handle-contrast);stroke-width:2;pointer-events:all;touch-action:none;cursor:move;filter:drop-shadow(0 1px 2px rgba(0,0,0,.45))}.anchor.is-selected{stroke-width:3}.anchor-label{font-size:11px;font-weight:600;text-anchor:middle;dominant-baseline:central;pointer-events:none;-webkit-user-select:none;user-select:none}.export-card{position:fixed;top:calc(1vw + var(--panel-collapsed-h) + .6vw);right:1vw;z-index:5;width:20vw;min-width:260px;padding:1.2vw;border-radius:.8vw;background:var(--panel-glass);border:1px solid var(--panel-glass-border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 1vw 3vw #00000073;color:var(--text);display:flex;flex-direction:column;gap:1vw;animation:export-in .25s ease both}@keyframes export-in{0%{opacity:0;transform:translateY(-.6vw)}to{opacity:1;transform:translateY(0)}}.export-card-header{display:flex;align-items:center;justify-content:space-between}.export-card-title{font-size:1.2vw;color:var(--accent)}.export-close{border:none;background:transparent;color:var(--text-dim);font-size:1.4vw;line-height:1;cursor:pointer;padding:0 .3vw}.export-close:hover{color:var(--text)}.export-card-body{display:flex;flex-direction:column;gap:1vw}.export-group{display:flex;flex-direction:column;gap:.5vw}.export-group-title{font-size:.95vw;color:var(--text-dim)}.export-dims{display:flex;align-items:center;gap:.4vw}.setting-input{width:100%;min-width:0;padding:.3vw .5vw;border-radius:.2vw;border:1px solid var(--panel-border);background:var(--surface);color:inherit;font-size:.85vw;font-variant-numeric:tabular-nums}.export-dims-x,.export-dims-unit{font-size:.85vw;color:var(--text-dim);flex-shrink:0}.export-field{display:flex;align-items:center;justify-content:space-between;gap:.6vw}.export-field-label{font-size:.85vw;color:var(--text-dim)}.export-field-select{width:auto;min-width:6vw}.export-field-input{width:auto;min-width:6vw;max-width:8vw}.export-card .setting-name{font-size:.85vw;color:var(--text-dim)}.export-hint{font-size:.8vw;color:var(--text-dim);line-height:1.4}.export-hint code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.78vw;color:var(--accent)}.panel-btn--recording{border-color:var(--danger);color:var(--danger);animation:export-recording-pulse 1.2s ease-in-out infinite}@keyframes export-recording-pulse{0%,to{opacity:1}50%{opacity:.55}}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}:root{font-family:Switzer,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-weight:300;color-scheme:dark;--accent: #c9a7ff;--accent-strong: #b98cff;--accent-contrast: #1a1030;--danger: #ff6b8a;--text: #efeaf8;--text-dim: #a79fbd;--panel-collapsed-h: 2.8vw;--panel-bg: #17121f;--panel-border: #2c2540;--surface: #201a2c;--surface-strong: #322a48;--hairline: #6b6483;--panel-glass: rgba(24, 18, 40, .6);--panel-glass-border: rgba(255, 255, 255, .12)}html,body,#root{width:100%;height:100%}body{overflow:hidden;position:relative}body::-webkit-scrollbar{display:none}