.hz-slider-row.svelte-o22ur9{align-items:center;gap:var(--hz-space-sm,1rem);display:flex}.hz-slider-track.svelte-o22ur9{position:relative}.hz-slider.svelte-o22ur9{display:block}.hz-slider-row[data-orientation=horizontal].svelte-o22ur9{flex-direction:row}.hz-slider-row[data-orientation=horizontal].svelte-o22ur9 .hz-slider-track:where(.svelte-o22ur9){flex:1;min-width:0}.hz-slider-row[data-orientation=horizontal].svelte-o22ur9 .hz-slider:where(.svelte-o22ur9){width:100%}.hz-slider-row[data-orientation=vertical].svelte-o22ur9{flex-direction:column}.hz-slider-row[data-orientation=vertical].svelte-o22ur9 .hz-slider-track:where(.svelte-o22ur9){block-size:var(--hz-slider-length,12rem);inline-size:var(--hz-slider-thumb-size,1.125rem);flex:none}.hz-slider-row[data-orientation=vertical].svelte-o22ur9 .hz-slider:where(.svelte-o22ur9){writing-mode:vertical-lr;direction:rtl;height:100%}.hz-slider-row[data-input-position=start].svelte-o22ur9 .hz-slider-track:where(.svelte-o22ur9){order:2}.slider.svelte-1kp8rir .hz-field--slider{grid-template-columns:3.4rem 1fr;align-items:center;gap:.5rem;font-size:.7rem;display:grid}.slider.svelte-1kp8rir .hz-field-label{color:var(--hz-color-text-muted);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}.slider.svelte-1kp8rir .hz-slider-row{gap:.5rem}.slider.svelte-1kp8rir .hz-slider-track{flex:1}.slider.svelte-1kp8rir .hz-slider-number{width:3rem;font:inherit;font-variant-numeric:tabular-nums;text-align:right;color:var(--hz-color-text);appearance:textfield;background:0 0;border:none;border-bottom:1px solid #0000;border-radius:0;padding:1px 0}.slider.svelte-1kp8rir .hz-slider-number::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.slider.svelte-1kp8rir .hz-slider-number::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.slider.svelte-1kp8rir .hz-slider-number:hover{border-bottom-color:var(--hz-color-border)}.slider.svelte-1kp8rir .hz-slider-number:focus{border-bottom-color:var(--hz-intent-primary);outline:none}.slider.svelte-1kp8rir .hz-slider-unit{color:var(--hz-color-text-muted);flex:none}.slider.svelte-1kp8rir .hz-slider{appearance:none;background:var(--hz-palette-track);cursor:pointer;border-radius:1px;width:100%;height:2px}.slider.svelte-1kp8rir .hz-slider::-webkit-slider-thumb{appearance:none;background:var(--hz-intent-primary);border:none;border-radius:50%;width:12px;height:12px}.slider.svelte-1kp8rir .hz-slider::-moz-range-thumb{background:var(--hz-intent-primary);border:none;border-radius:50%;width:12px;height:12px}.slider.svelte-1kp8rir .hz-slider:focus-visible{outline:2px solid var(--hz-intent-primary);outline-offset:4px}html,body{margin:0}.playground.svelte-cc3mb5{--pg-chrome-fg:var(--hz-color-text);--pg-chrome-chip:#0a0a0e9e;--pg-chrome-line:var(--hz-color-border);--pg-chrome-solid:var(--hz-color-text);--pg-chrome-on-solid:var(--hz-color-surface-muted);width:100vw;height:100dvh;font-family:var(--hz-font-family-mono);color:var(--hz-color-text);background:var(--hz-color-surface);position:relative;overflow:hidden}.playground.light-canvas.svelte-cc3mb5{--pg-chrome-fg:#16161c;--pg-chrome-chip:#f6f6f9a8;--pg-chrome-line:#0000002e;--pg-chrome-solid:#1c1c22;--pg-chrome-on-solid:#f2f2f5}.control-layer.svelte-cc3mb5{z-index:2;pointer-events:none;position:absolute;inset:0}.control-layer.hidden.svelte-cc3mb5{display:none}.control-bar.svelte-cc3mb5{pointer-events:none;flex-wrap:wrap;align-items:center;gap:.5rem;display:flex;position:absolute;inset:.75rem .75rem auto}.row-break.svelte-cc3mb5{flex-basis:100%;order:1;height:0}.title-heading.svelte-cc3mb5{font:inherit;order:0;align-items:center;margin:0;padding:0;display:inline-flex}.title-chip.svelte-cc3mb5{pointer-events:auto;font:inherit;letter-spacing:.12em;text-transform:uppercase;color:var(--pg-chrome-fg);cursor:pointer;background:0 0;border:none;order:0;margin:0;padding:.34rem .2rem;font-size:.8rem;font-weight:600;transition:color .16s}.title-chip.svelte-cc3mb5:focus-visible{outline:2px solid var(--pg-chrome-fg);outline-offset:2px;border-radius:4px}.title-card.svelte-cc3mb5{pointer-events:auto;-webkit-backdrop-filter:blur(12px);border:1px solid var(--hz-color-border);background:#14141af0;border-radius:10px;flex-direction:column;flex:0 0 clamp(220px,22vw,300px);order:2;align-self:flex-start;gap:.55rem;max-width:calc(100vw - 1.5rem);padding:.7rem .8rem .85rem;display:flex;box-shadow:0 8px 30px #0006}.title-card-head.svelte-cc3mb5{align-items:center;gap:.5rem;display:flex}.title-card-head.svelte-cc3mb5 h2:where(.svelte-cc3mb5){letter-spacing:.12em;text-transform:uppercase;color:var(--hz-color-text-muted);flex:1;margin:0;font-size:.7rem;font-weight:600}.title-sub.svelte-cc3mb5{color:var(--hz-color-text);margin:0;font-size:.72rem;line-height:1.55}.title-keys.svelte-cc3mb5 h3:where(.svelte-cc3mb5){letter-spacing:.14em;text-transform:uppercase;color:var(--hz-color-text-muted);margin:0 0 .35rem;font-size:.6rem;font-weight:600}.title-keys.svelte-cc3mb5 ul:where(.svelte-cc3mb5){flex-direction:column;gap:.28rem;margin:0;padding:0;list-style:none;display:flex}.title-keys.svelte-cc3mb5 li:where(.svelte-cc3mb5){color:var(--hz-color-text);align-items:center;gap:.5rem;font-size:.7rem;display:flex}.title-keys.svelte-cc3mb5 kbd:where(.svelte-cc3mb5){text-align:center;min-width:1.7rem;font:inherit;color:var(--hz-color-text-muted);border:1px solid var(--hz-color-border);background:#ffffff0f;border-radius:4px;flex:none;padding:.1rem .35rem;font-size:.62rem}.title-link.svelte-cc3mb5{color:var(--hz-intent-primary);width:fit-content;font-size:.7rem;text-decoration:none}.title-link.svelte-cc3mb5:hover{text-decoration:underline}.card-close.svelte-cc3mb5{width:20px;height:20px;font:inherit;color:var(--hz-color-text-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;flex:none;place-items:center;padding:0;font-size:.95rem;line-height:1;display:grid}.card-close.svelte-cc3mb5:hover{color:var(--hz-color-text);border-color:var(--hz-color-border)}.card-close.svelte-cc3mb5:focus-visible{outline:2px solid var(--hz-intent-primary);outline-offset:1px}.bar-actions.svelte-cc3mb5{pointer-events:auto;flex-wrap:wrap;order:0;justify-content:flex-end;align-items:center;gap:.4rem;margin-left:auto;display:flex}.bar-actions.svelte-cc3mb5 .btn{color:var(--pg-chrome-fg);background:var(--pg-chrome-chip);border-color:var(--pg-chrome-line);-webkit-backdrop-filter:blur(8px)}.chrome-pill.svelte-cc3mb5{pointer-events:auto;font:inherit;letter-spacing:.08em;text-transform:uppercase;color:var(--pg-chrome-fg);background:var(--pg-chrome-chip);-webkit-backdrop-filter:blur(8px);border:1px solid var(--pg-chrome-line);cursor:pointer;border-radius:999px;padding:.34rem .7rem;font-size:.62rem}.chrome-pill.svelte-cc3mb5:hover{border-color:var(--pg-chrome-fg)}.chrome-pill.svelte-cc3mb5:focus-visible{outline:2px solid var(--pg-chrome-fg);outline-offset:2px}.hide-toggle.svelte-cc3mb5{order:0}.show-toggle.svelte-cc3mb5{z-index:3;position:absolute;top:.75rem;right:.75rem}.playground .hint{color:var(--hz-color-text-muted);margin:.1rem 0 0;font-size:.66rem;line-height:1.5}.playground .btn{font:inherit;letter-spacing:.06em;text-transform:uppercase;color:var(--hz-color-text);border:1px solid var(--hz-color-border);cursor:pointer;background:0 0;border-radius:4px;padding:.3rem .6rem;font-size:.66rem}.playground .btn:hover{border-color:var(--hz-color-text-muted)}.playground .btn:focus-visible{outline:2px solid var(--hz-intent-primary);outline-offset:2px}.playground .btn:disabled{opacity:.4;cursor:not-allowed}.playground .btn.accent{border-color:var(--hz-intent-primary);color:var(--hz-intent-primary)}.playground .btn.accent:hover{border-color:#ff8a5c}.playground .btn.block{width:100%;padding:.5rem .6rem}.playground .scene-actions{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}.playground .scene-actions .btn:last-child:nth-child(odd){grid-column:1/-1}.playground .group-actions{gap:.4rem;display:flex}.playground .mode-row{grid-template-columns:3.4rem 1fr;align-items:center;gap:.5rem;font-size:.7rem;display:grid}.playground .mode-row .lab{color:var(--hz-color-text-muted);text-transform:uppercase;letter-spacing:.06em}.playground .mode-btns{border:1px solid var(--hz-color-border);border-radius:4px;gap:0;display:flex;overflow:hidden}.playground .mode-btn{font:inherit;letter-spacing:.04em;text-transform:uppercase;color:var(--hz-color-text-muted);border:none;border-right:1px solid var(--hz-color-border);cursor:pointer;background:0 0;flex:1;padding:.3rem 0;font-size:.62rem;transition:background .1s,color .1s}.playground .mode-btn:last-child{border-right:none}.playground .mode-btn:hover{color:var(--hz-color-text)}.playground .mode-btn.active{background:var(--hz-color-border);color:var(--hz-color-text)}.playground .mode-btn:focus-visible{outline:2px solid var(--hz-intent-primary);outline-offset:-2px}.playground .chip-grid{grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:.35rem;display:grid}.playground .chip{font:inherit;letter-spacing:.04em;text-transform:uppercase;color:var(--hz-color-text-muted);border:1px solid var(--hz-color-border);cursor:pointer;background:0 0;border-radius:4px;padding:.35rem 0;font-size:.62rem}.playground .chip:hover{color:var(--hz-color-text);border-color:var(--hz-color-text-muted)}.playground .chip.active{background:var(--hz-color-border);color:var(--hz-color-text)}.playground .chip:focus-visible{outline:2px solid var(--hz-intent-primary);outline-offset:-2px}.playground .chip-field{flex-direction:column;gap:.4rem;font-size:.7rem;display:flex}.playground .chip-field .lab{color:var(--hz-color-text-muted);text-transform:uppercase;letter-spacing:.06em}.playground .hue-row{align-items:center;gap:.5rem;display:flex}.playground .hue-swatch{border-radius:50%;flex:none;width:14px;height:14px;box-shadow:0 0 6px 1px}.playground .hue-row .slider{flex:1}.playground .toggle-row{justify-content:space-between;align-items:center;gap:.5rem;font-size:.7rem;display:flex}.playground .toggle-row .lab{color:var(--hz-color-text-muted);text-transform:uppercase;letter-spacing:.06em}.playground .toggle-row input{accent-color:var(--hz-intent-primary)}.playground .color-row{grid-template-columns:3.4rem auto 1fr;align-items:center;gap:.5rem;font-size:.7rem;display:grid}.playground .color-row .lab{color:var(--hz-color-text-muted);text-transform:uppercase;letter-spacing:.06em}.playground .color-row .val{color:var(--hz-color-text);text-align:right}.playground .color-row input[type=color]{border:1px solid var(--hz-color-border);cursor:pointer;background:0 0;border-radius:4px;width:34px;height:22px;padding:0}.playground .preview{z-index:1;position:absolute;inset:0;overflow:hidden}.playground .preview-frame{z-index:1;pointer-events:none;position:absolute;bottom:.75rem;left:.9rem}.playground .preview-frame span{letter-spacing:.1em;text-transform:uppercase;color:#ffffffd9;background:#00000059;border-radius:8px;padding:.25rem .5rem;font-size:.62rem;display:inline-block}@media (width<=640px){.control-bar.svelte-cc3mb5{gap:.4rem;inset:.5rem .5rem auto}.title-chip.svelte-cc3mb5{font-size:.72rem}}.pill.svelte-1jpn60z{pointer-events:auto;font:inherit;letter-spacing:.08em;text-transform:uppercase;color:var(--pg-chrome-fg,var(--hz-color-text));background:var(--pg-chrome-chip,#0a0a0e9e);-webkit-backdrop-filter:blur(8px);border:1px solid var(--pg-chrome-line,var(--hz-color-border));cursor:pointer;border-radius:999px;order:0;align-items:center;gap:.4rem;padding:.34rem .7rem;font-size:.66rem;transition:color .16s,background .16s,border-color .12s;display:inline-flex}.pill.svelte-1jpn60z:hover{border-color:var(--pg-chrome-fg,var(--hz-color-text))}.pill.active.svelte-1jpn60z{color:var(--pg-chrome-on-solid,#16161c);background:var(--pg-chrome-solid,#e8e8ec);border-color:#0000}.pill.svelte-1jpn60z:focus-visible{outline:2px solid var(--pg-chrome-fg,var(--hz-color-text));outline-offset:2px}.chev.svelte-1jpn60z{opacity:.8;border-bottom:1.5px solid;border-right:1.5px solid;width:6px;height:6px;transition:transform .12s;transform:rotate(45deg)}.chev.up.svelte-1jpn60z{transform:rotate(-135deg)}.card.svelte-1jpn60z{pointer-events:auto;-webkit-backdrop-filter:blur(12px);border:1px solid var(--hz-color-border);scrollbar-width:thin;scrollbar-color:var(--hz-color-border) transparent;background:#14141af0;border-radius:10px;flex-direction:column;flex:0 0 clamp(248px,24vw,328px);order:2;align-self:flex-start;gap:.55rem;max-width:calc(100vw - 1.5rem);max-height:calc(100dvh - 4.5rem);padding:.7rem .8rem .85rem;display:flex;overflow-y:auto;box-shadow:0 8px 30px #0006}.card.svelte-1jpn60z::-webkit-scrollbar{width:6px}.card.svelte-1jpn60z::-webkit-scrollbar-thumb{background:var(--hz-color-border);border-radius:3px}.card-head.svelte-1jpn60z{align-items:center;gap:.5rem;display:flex}.card-head.svelte-1jpn60z h2:where(.svelte-1jpn60z){letter-spacing:.12em;text-transform:uppercase;color:var(--hz-color-text-muted);flex:1;margin:0;font-size:.7rem;font-weight:600}.card-close.svelte-1jpn60z{width:20px;height:20px;font:inherit;color:var(--hz-color-text-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;flex:none;place-items:center;padding:0;font-size:.95rem;line-height:1;display:grid}.card-close.svelte-1jpn60z:hover{color:var(--hz-color-text);border-color:var(--hz-color-border)}.card-close.svelte-1jpn60z:focus-visible{outline:2px solid var(--hz-intent-primary);outline-offset:1px}.card-body.svelte-1jpn60z{flex-direction:column;gap:.55rem;display:flex}@media (prefers-reduced-motion:reduce){.chev.svelte-1jpn60z{transition:none}}.video-opts.svelte-12upoik{align-items:center;gap:.4rem;font-size:.7rem;display:flex}.video-opts.svelte-12upoik .lab:where(.svelte-12upoik){color:var(--hz-color-text-muted);text-transform:uppercase;letter-spacing:.06em}.video-secs.svelte-12upoik{width:2.6rem;font:inherit;color:var(--hz-color-text);background:var(--hz-color-surface-muted);border:1px solid var(--hz-color-border);border-radius:4px;padding:.2rem .35rem;font-size:.66rem}.video-secs.svelte-12upoik:focus-visible{outline:2px solid var(--hz-intent-primary);outline-offset:1px}.video-secs.svelte-12upoik:disabled{opacity:.4;cursor:not-allowed}.video-opts.svelte-12upoik .unit:where(.svelte-12upoik){color:var(--hz-color-text-muted);margin-left:-.15rem}.loop-toggle.svelte-12upoik{cursor:pointer;color:var(--hz-color-text-muted);text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:.3rem;margin-left:auto;display:flex}.loop-toggle.svelte-12upoik input:where(.svelte-12upoik){accent-color:var(--hz-intent-primary)}.saved-list.svelte-12upoik{flex-direction:column;gap:.35rem;margin:0;padding:0;list-style:none;display:flex}.saved.svelte-12upoik{border:1px solid var(--hz-color-border);background:#14141a;border-radius:6px;align-items:center;gap:.35rem;padding:.3rem;display:flex}.saved-load.svelte-12upoik{min-width:0;font:inherit;color:var(--hz-color-text);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:4px;flex:1;align-items:center;gap:.5rem;padding:.1rem;display:flex}.saved-load.svelte-12upoik:hover .saved-name:where(.svelte-12upoik){color:var(--hz-intent-primary)}.saved-load.svelte-12upoik:focus-visible{outline:2px solid var(--hz-intent-primary);outline-offset:1px}.saved-thumb.svelte-12upoik{-o-object-fit:cover;object-fit:cover;background:#0a0a12;border:1px solid #ffffff1f;border-radius:4px;flex:none;width:34px;height:34px}.saved-thumb.placeholder.svelte-12upoik{background:linear-gradient(135deg,#2a2a31,#14141a)}.saved-name.svelte-12upoik{white-space:nowrap;text-overflow:ellipsis;font-size:.7rem;transition:color .12s;overflow:hidden}.saved-act.svelte-12upoik{font:inherit;letter-spacing:.04em;text-transform:uppercase;color:var(--hz-color-text-muted);border:1px solid var(--hz-color-border);cursor:pointer;background:0 0;border-radius:4px;flex:none;padding:.25rem .4rem;font-size:.6rem}.saved-act.svelte-12upoik:hover{color:var(--hz-color-text);border-color:var(--hz-color-text-muted)}.saved-act.svelte-12upoik:focus-visible{outline:2px solid var(--hz-intent-primary);outline-offset:1px}.saved-act.del.svelte-12upoik{text-align:center;width:24px;padding:.25rem 0;font-size:.85rem}.saved-act.del.svelte-12upoik:hover{color:#e05555;border-color:#e05555}