.slider.svelte-1kp8rir{grid-template-columns:3.4rem 1fr auto;align-items:center;gap:.5rem;font-size:.7rem;display:grid}.lab.svelte-1kp8rir{color:var(--pg-dim,#8a8a93);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}.num.svelte-1kp8rir{justify-content:flex-end;align-items:baseline;gap:1px;display:flex}.field.svelte-1kp8rir{width:3rem;font:inherit;font-variant-numeric:tabular-nums;text-align:right;color:var(--pg-text,#e8e8ec);appearance:textfield;background:0 0;border:none;border-bottom:1px solid #0000;border-radius:0;padding:1px 0}.field.svelte-1kp8rir::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.field.svelte-1kp8rir::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.field.svelte-1kp8rir:hover{border-bottom-color:var(--pg-line,#26262e)}.field.svelte-1kp8rir:focus{border-bottom-color:var(--pg-accent,#ff6b35);outline:none}.unit.svelte-1kp8rir{color:var(--pg-dim,#8a8a93);flex:none}input[type=range].svelte-1kp8rir{appearance:none;background:var(--pg-track,#2a2a31);cursor:pointer;border-radius:1px;width:100%;height:2px}input[type=range].svelte-1kp8rir::-webkit-slider-thumb{appearance:none;background:var(--pg-accent,#ff6b35);border:none;border-radius:50%;width:12px;height:12px}input[type=range].svelte-1kp8rir::-moz-range-thumb{background:var(--pg-accent,#ff6b35);border:none;border-radius:50%;width:12px;height:12px}input[type=range].svelte-1kp8rir:focus-visible{outline:2px solid var(--pg-accent,#ff6b35);outline-offset:4px}html,body{margin:0}.playground.svelte-cc3mb5{--pg-bg:#101015;--pg-panel:#16161c;--pg-line:#26262e;--pg-text:#e8e8ec;--pg-dim:#8a8a93;--pg-accent:#ff6b35;--pg-track:#2a2a31;--pg-chrome-fg:#e8e8ec;--pg-chrome-chip:#0a0a0e9e;--pg-chrome-line:var(--pg-line);--pg-chrome-solid:#e8e8ec;--pg-chrome-on-solid:#16161c;width:100vw;height:100dvh;color:var(--pg-text);background:var(--pg-bg);font-family:ui-monospace,SF Mono,Cascadia Code,Menlo,Consolas,monospace;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:default;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(--pg-line);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(--pg-dim);flex:1;margin:0;font-size:.7rem;font-weight:600}.title-sub.svelte-cc3mb5{color:var(--pg-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(--pg-dim);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(--pg-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(--pg-dim);border:1px solid var(--pg-line);background:#ffffff0f;border-radius:4px;flex:none;padding:.1rem .35rem;font-size:.62rem}.title-link.svelte-cc3mb5{color:var(--pg-accent);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(--pg-dim);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(--pg-text);border-color:var(--pg-line)}.card-close.svelte-cc3mb5:focus-visible{outline:2px solid var(--pg-accent);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(--pg-dim);margin:.1rem 0 0;font-size:.66rem;line-height:1.5}.playground .btn{font:inherit;letter-spacing:.06em;text-transform:uppercase;color:var(--pg-text);border:1px solid var(--pg-line);cursor:pointer;background:0 0;border-radius:4px;padding:.3rem .6rem;font-size:.66rem}.playground .btn:hover{border-color:var(--pg-dim)}.playground .btn:focus-visible{outline:2px solid var(--pg-accent);outline-offset:2px}.playground .btn:disabled{opacity:.4;cursor:not-allowed}.playground .btn.accent{border-color:var(--pg-accent);color:var(--pg-accent)}.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(--pg-dim);text-transform:uppercase;letter-spacing:.06em}.playground .mode-btns{border:1px solid var(--pg-line);border-radius:4px;gap:0;display:flex;overflow:hidden}.playground .mode-btn{font:inherit;letter-spacing:.04em;text-transform:uppercase;color:var(--pg-dim);border:none;border-right:1px solid var(--pg-line);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(--pg-text)}.playground .mode-btn.active{background:var(--pg-line);color:var(--pg-text)}.playground .mode-btn:focus-visible{outline:2px solid var(--pg-accent);outline-offset:-2px}.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(--pg-dim);text-transform:uppercase;letter-spacing:.06em}.playground .toggle-row input{accent-color:var(--pg-accent)}.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(--pg-dim);text-transform:uppercase;letter-spacing:.06em}.playground .color-row .val{color:var(--pg-text);text-align:right}.playground .color-row input[type=color]{border:1px solid var(--pg-line);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(--pg-text));background:var(--pg-chrome-chip,#0a0a0e9e);-webkit-backdrop-filter:blur(8px);border:1px solid var(--pg-chrome-line,var(--pg-line));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(--pg-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(--pg-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(--pg-line);scrollbar-width:thin;scrollbar-color:var(--pg-line) 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(--pg-line);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(--pg-dim);flex:1;margin:0;font-size:.7rem;font-weight:600}.card-close.svelte-1jpn60z{width:20px;height:20px;font:inherit;color:var(--pg-dim);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(--pg-text);border-color:var(--pg-line)}.card-close.svelte-1jpn60z:focus-visible{outline:2px solid var(--pg-accent);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(--pg-dim);text-transform:uppercase;letter-spacing:.06em}.video-secs.svelte-12upoik{width:2.6rem;font:inherit;color:var(--pg-text);background:var(--pg-panel);border:1px solid var(--pg-line);border-radius:4px;padding:.2rem .35rem;font-size:.66rem}.video-secs.svelte-12upoik:focus-visible{outline:2px solid var(--pg-accent);outline-offset:1px}.video-secs.svelte-12upoik:disabled{opacity:.4;cursor:not-allowed}.video-opts.svelte-12upoik .unit:where(.svelte-12upoik){color:var(--pg-dim);margin-left:-.15rem}.loop-toggle.svelte-12upoik{cursor:pointer;color:var(--pg-dim);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(--pg-accent)}.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(--pg-line);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(--pg-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(--pg-accent)}.saved-load.svelte-12upoik:focus-visible{outline:2px solid var(--pg-accent);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(--pg-dim);border:1px solid var(--pg-line);cursor:pointer;background:0 0;border-radius:4px;flex:none;padding:.25rem .4rem;font-size:.6rem}.saved-act.svelte-12upoik:hover{color:var(--pg-text);border-color:var(--pg-dim)}.saved-act.svelte-12upoik:focus-visible{outline:2px solid var(--pg-accent);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}