.playground.svelte-1xkbmm9{position:relative;width:100%;height:100%;display:grid;grid-template-columns:1fr 320px;background:#0a0a0a}.playground.fullscreen.svelte-1xkbmm9{grid-template-columns:1fr 0}.playground.fullscreen.svelte-1xkbmm9 .drawer:where(.svelte-1xkbmm9){display:none}.stage-host.svelte-1xkbmm9{position:relative;overflow:hidden}.drawer.svelte-1xkbmm9{background:#050505;border-left:1px solid #2a2a2a;overflow-y:auto;padding:16px;font-family:var(--font-sans, ui-sans-serif, system-ui);color:#f5f5f5}.drawer-head.svelte-1xkbmm9{display:flex;flex-direction:column;gap:2px;margin-bottom:14px}.quick-actions.svelte-1xkbmm9{display:flex;gap:8px;margin-bottom:16px}.quick-actions.svelte-1xkbmm9 button:where(.svelte-1xkbmm9){border-radius:4px;font-family:var(--font-mono, ui-monospace, monospace);font-size:12px;letter-spacing:.03em;padding:9px 12px;cursor:pointer;border:1px solid transparent;transition:background .16s,border-color .16s}.qa-shuffle.svelte-1xkbmm9{flex:1;background:#6366f1;color:#fff;font-weight:600}.qa-shuffle.svelte-1xkbmm9:hover{background:#4f52e0}.qa-restart.svelte-1xkbmm9{background:#f5f5f50f;border-color:#2a2a2a!important;color:#f5f5f5cc}.qa-restart.svelte-1xkbmm9:hover{border-color:#22d3ee!important;color:#22d3ee}.qa-reset.svelte-1xkbmm9{background:#f5f5f50f;border-color:#2a2a2a!important;color:#f5f5f5cc}.qa-reset.svelte-1xkbmm9:hover{border-color:#f472b6!important;color:#f472b6}.brand.svelte-1xkbmm9{font-size:13px;font-weight:600;letter-spacing:.03em}.brand-tag.svelte-1xkbmm9{font-family:var(--font-mono, ui-monospace, monospace);font-size:10px;color:#f5f5f573;letter-spacing:.04em}.section.svelte-1xkbmm9{border-top:1px solid #2a2a2a;padding:12px 16px;margin:0 -16px}.section.svelte-1xkbmm9:nth-of-type(2n){background:#ffffff0a}.section.svelte-1xkbmm9 summary:where(.svelte-1xkbmm9){font-family:var(--font-mono, ui-monospace, monospace);font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#f5f5f599;cursor:pointer;padding:4px 0 8px;display:flex;align-items:center;gap:8px}.section.svelte-1xkbmm9 summary:where(.svelte-1xkbmm9)::-webkit-details-marker{display:none}.section.svelte-1xkbmm9 summary:where(.svelte-1xkbmm9){list-style:none}.active-tag.svelte-1xkbmm9{color:#22d3ee;margin-left:auto;text-transform:none}.sec-switch.svelte-1xkbmm9{margin-left:auto;flex-shrink:0;width:30px;height:16px;border:none;border-radius:8px;background:#2a2a2a;position:relative;cursor:pointer;padding:0;transition:background .16s}.sec-switch.svelte-1xkbmm9:after{content:"";position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:50%;background:#777;transition:transform .16s,background .16s}.sec-switch.on.svelte-1xkbmm9{background:#6366f173}.sec-switch.on.svelte-1xkbmm9:after{transform:translate(14px);background:#6366f1}.field.svelte-1xkbmm9{display:flex;flex-direction:column;gap:6px;margin-bottom:10px;font-size:11px;color:#f5f5f5d9}.field.svelte-1xkbmm9 span:where(.svelte-1xkbmm9) em:where(.svelte-1xkbmm9){float:right;color:#22d3ee;font-family:var(--font-mono, ui-monospace, monospace);font-style:normal}.field.svelte-1xkbmm9 select:where(.svelte-1xkbmm9){background:#f5f5f50a;border:1px solid #2a2a2a;color:#f5f5f5;padding:6px 8px;border-radius:3px;font-family:var(--font-mono, ui-monospace, monospace);font-size:11px;color-scheme:dark}.field.svelte-1xkbmm9 option:where(.svelte-1xkbmm9),.field.svelte-1xkbmm9 optgroup:where(.svelte-1xkbmm9){background:#141414;color:#f5f5f5}.field.svelte-1xkbmm9 input[type=range]:where(.svelte-1xkbmm9){appearance:none;-webkit-appearance:none;width:100%;height:3px;background:#f5f5f51a;border-radius:2px;outline:none;cursor:pointer}.field.svelte-1xkbmm9 input[type=range]:where(.svelte-1xkbmm9)::-webkit-slider-thumb{-webkit-appearance:none;box-sizing:border-box;width:13px;height:13px;background:#fff;border:2px solid #6366f1;border-radius:50%;cursor:grab;margin-top:-5px}.field.svelte-1xkbmm9 input[type=range]:where(.svelte-1xkbmm9)::-moz-range-thumb{box-sizing:border-box;width:13px;height:13px;background:#fff;border:2px solid #6366f1;border-radius:50%;cursor:grab}.field-checkbox.svelte-1xkbmm9{flex-direction:row;align-items:center;gap:8px}.field-checkbox.svelte-1xkbmm9 input[type=checkbox]:where(.svelte-1xkbmm9){appearance:none;-webkit-appearance:none;width:16px;height:16px;border:1px solid #2a2a2a;background:#f5f5f50a;border-radius:3px;cursor:pointer;position:relative}.field-checkbox.svelte-1xkbmm9 input[type=checkbox]:where(.svelte-1xkbmm9):checked{border-color:#6366f1;background:#6366f1}.field-checkbox.svelte-1xkbmm9 input[type=checkbox]:where(.svelte-1xkbmm9):checked:after{content:"✓";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#fff;font-size:11px;font-weight:600}.drawer-foot.svelte-1xkbmm9{display:flex;gap:8px;margin-top:18px;padding-top:18px;border-top:1px solid #2a2a2a}.buy.svelte-1xkbmm9,.bundle.svelte-1xkbmm9{flex:1;text-align:center;padding:10px 12px;border-radius:3px;font-family:var(--font-mono, ui-monospace, monospace);font-size:11px;letter-spacing:.04em;text-transform:uppercase;text-decoration:none}.buy.svelte-1xkbmm9{background:#6366f1;color:#fff}.buy.svelte-1xkbmm9:hover{background:#4f52e0}.bundle.svelte-1xkbmm9{background:transparent;border:1px solid #2a2a2a;color:#f5f5f5d9}.bundle.svelte-1xkbmm9:hover{border-color:#22d3ee;color:#22d3ee}.fullscreen-toggle.svelte-1xkbmm9{position:absolute;top:12px;right:332px;z-index:5;background:#0a0a0ab3;color:#f5f5f5;border:1px solid #2a2a2a;border-radius:3px;width:32px;height:32px;cursor:pointer;font-size:16px;line-height:1}.playground.fullscreen.svelte-1xkbmm9 .fullscreen-toggle:where(.svelte-1xkbmm9){right:12px}.hint.svelte-1xkbmm9{font-size:10px;line-height:1.45;color:#f5f5f580;margin:0 0 10px}.sub-hint.svelte-1xkbmm9{display:block;font-size:9.5px;line-height:1.4;color:#f5f5f566;margin-top:2px}.agent-swatches.svelte-1xkbmm9{display:flex;gap:6px;margin-bottom:8px}.agent-swatches.svelte-1xkbmm9 input[type=color]:where(.svelte-1xkbmm9){flex:1;height:30px;padding:0;border:1px solid #2a2a2a;border-radius:3px;background:transparent;cursor:pointer}.hint.svelte-1xkbmm9 code:where(.svelte-1xkbmm9){background:#f5f5f514;padding:1px 4px;border-radius:2px;font-family:var(--font-mono, ui-monospace, monospace);color:#22d3ee}.demo-buttons.svelte-1xkbmm9{display:flex;flex-wrap:wrap;gap:6px}.demo-buttons.svelte-1xkbmm9 button:where(.svelte-1xkbmm9){background:#f5f5f50f;border:1px solid rgba(245,245,245,.15);color:#f5f5f5;font-family:var(--font-mono, ui-monospace, monospace);font-size:11px;padding:6px 10px;border-radius:3px;cursor:pointer;transition:background .2s,border-color .2s}.demo-buttons.svelte-1xkbmm9 button:where(.svelte-1xkbmm9):hover{background:#f5f5f529;border-color:#f5f5f566}.copy-config.svelte-1xkbmm9{width:100%;background:#6366f11f;border:1px solid #6366f1;color:#c7c8ff;font-family:var(--font-mono, ui-monospace, monospace);font-size:11px;letter-spacing:.03em;padding:8px 10px;border-radius:3px;cursor:pointer;margin-bottom:8px;transition:background .16s}.copy-config.svelte-1xkbmm9:hover{background:#6366f138}.seed-row.svelte-1xkbmm9{display:flex;gap:6px;margin-bottom:6px}.seed-input.svelte-1xkbmm9{flex:1;min-width:0;background:#f5f5f50a;border:1px solid #2a2a2a;color:#f5f5f5;padding:6px 8px;border-radius:3px;font-family:var(--font-mono, ui-monospace, monospace);font-size:11px}.seed-btn.svelte-1xkbmm9{background:#f5f5f50f;border:1px solid rgba(245,245,245,.15);color:#f5f5f5;font-family:var(--font-mono, ui-monospace, monospace);font-size:11px;padding:6px 10px;border-radius:3px;cursor:pointer}.seed-btn.svelte-1xkbmm9:hover{background:#f5f5f524;border-color:#f5f5f559}.config-out.svelte-1xkbmm9{width:100%;margin-top:8px;background:#0c0c0c;border:1px solid #2a2a2a;border-radius:3px;color:#f5f5f5cc;font-family:var(--font-mono, ui-monospace, monospace);font-size:10px;line-height:1.45;padding:8px;resize:vertical;white-space:pre;color-scheme:dark}.import-file.svelte-1xkbmm9{display:block;width:100%;text-align:center;background:#f5f5f50f;border:1px solid rgba(245,245,245,.15);color:#f5f5f5;font-family:var(--font-mono, ui-monospace, monospace);font-size:11px;letter-spacing:.03em;padding:8px 10px;border-radius:3px;cursor:pointer;margin-bottom:8px;transition:background .16s,border-color .16s}.import-file.svelte-1xkbmm9:hover{background:#f5f5f524;border-color:#f5f5f559}.import-file.svelte-1xkbmm9 input:where(.svelte-1xkbmm9){display:none}.import-err.svelte-1xkbmm9{color:#f472b6}.layout-layer.svelte-1xkbmm9{position:absolute;inset:0;pointer-events:none;z-index:3}.layout-chip.svelte-1xkbmm9{position:absolute;transform:translate(-50%,-50%);pointer-events:auto;cursor:grab;touch-action:none;user-select:none;display:flex;flex-direction:column;align-items:center;gap:5px}.layout-chip.svelte-1xkbmm9:active{cursor:grabbing}.sample.svelte-1xkbmm9{pointer-events:none;font-family:var(--font-sans, ui-sans-serif, system-ui);box-shadow:0 0 0 1px #ffffff1f,0 4px 22px #0006}.sample-btn.svelte-1xkbmm9{background:#6366f1;color:#fff;border:none;padding:10px 18px;border-radius:6px;font-size:13px;font-weight:600}.sample-input.svelte-1xkbmm9{display:inline-block;min-width:180px;background:#0a0a0cb8;color:#f5f5f580;border:1px solid rgba(255,255,255,.18);border-radius:6px;padding:10px 12px;font-size:13px}.sample-card.svelte-1xkbmm9{display:flex;flex-direction:column;gap:3px;background:#0e0e12cc;border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:14px 16px;min-width:150px}.sample-card-title.svelte-1xkbmm9{font-size:13px;font-weight:600;color:#f5f5f5}.sample-card-sub.svelte-1xkbmm9{font-size:11px;color:#f5f5f580}.sample-container.svelte-1xkbmm9{display:flex;align-items:center;justify-content:center;width:220px;height:120px;border:1px dashed rgba(255,255,255,.25);border-radius:10px;color:#f5f5f566;font-family:var(--font-mono, ui-monospace, monospace);font-size:11px;text-transform:uppercase;letter-spacing:.1em;background:#ffffff05}.chip-mode.svelte-1xkbmm9{font-family:var(--font-mono, ui-monospace, monospace);font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:#22d3ee;background:#0000008c;padding:1px 6px;border-radius:3px}.mode-attract.svelte-1xkbmm9 .chip-mode:where(.svelte-1xkbmm9){color:#f472b6}.mode-orbit.svelte-1xkbmm9 .chip-mode:where(.svelte-1xkbmm9){color:#f5d847}.layout-add.svelte-1xkbmm9{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.layout-add.svelte-1xkbmm9 button:where(.svelte-1xkbmm9){flex:1 1 calc(50% - 3px);background:#f5f5f50f;border:1px solid rgba(245,245,245,.15);color:#f5f5f5;font-family:var(--font-mono, ui-monospace, monospace);font-size:11px;padding:7px 8px;border-radius:3px;cursor:pointer}.layout-add.svelte-1xkbmm9 button:where(.svelte-1xkbmm9):hover{background:#f5f5f524;border-color:#f5f5f559}.layout-add.svelte-1xkbmm9 button:where(.svelte-1xkbmm9):disabled{opacity:.5;cursor:default}.layout-add.svelte-1xkbmm9 button.rec-on:where(.svelte-1xkbmm9){border-color:#f472b6;color:#f472b6}.layout-row.svelte-1xkbmm9{display:flex;align-items:center;gap:8px;margin-bottom:6px}.layout-row-kind.svelte-1xkbmm9{flex:1;font-size:11px;color:#f5f5f5cc;text-transform:capitalize}.layout-row.svelte-1xkbmm9 select:where(.svelte-1xkbmm9){background:#f5f5f50a;border:1px solid #2a2a2a;color:#f5f5f5;padding:4px 6px;border-radius:3px;font-family:var(--font-mono, ui-monospace, monospace);font-size:11px;color-scheme:dark}.layout-fluid.svelte-1xkbmm9{display:flex;align-items:center;gap:4px;font-size:10px;color:#f5f5f599;font-family:var(--font-mono, ui-monospace, monospace);cursor:pointer}.layout-fluid.svelte-1xkbmm9 input:where(.svelte-1xkbmm9){width:13px;height:13px;accent-color:#22d3ee;cursor:pointer}.layout-remove.svelte-1xkbmm9{background:transparent;border:1px solid #2a2a2a;color:#f5f5f599;width:24px;height:24px;border-radius:3px;cursor:pointer;line-height:1;font-size:14px}.layout-remove.svelte-1xkbmm9:hover{border-color:#f472b6;color:#f472b6}.stage-host.cursor-hidden.svelte-1xkbmm9{cursor:none}.stage-host.cursor-hidden.svelte-1xkbmm9 :where(.svelte-1xkbmm9){cursor:none}.brush-overlay.svelte-1xkbmm9{position:absolute;pointer-events:none;transform:translate(-50%,-50%);border:1.5px solid rgba(245,245,245,.55);border-radius:50%;box-shadow:0 0 0 1px #00000059,0 0 12px #22d3ee2e;backdrop-filter:blur(.5px);z-index:4;background:radial-gradient(circle,rgba(245,245,245,.7) 0px 1.5px,transparent 2px)}
