.interaction-lab.svelte-1fdml75{display:grid;gap:18px}.interaction-lab.svelte-1fdml75 header:where(.svelte-1fdml75){display:flex;justify-content:space-between;gap:16px;align-items:end}.interaction-lab.svelte-1fdml75 header:where(.svelte-1fdml75) p:where(.svelte-1fdml75){margin:0 0 6px;color:#6d28d9;font:900 11px/1 var(--font-mono, ui-monospace, monospace);letter-spacing:.12em;text-transform:uppercase}.interaction-lab.svelte-1fdml75 h2:where(.svelte-1fdml75),.interaction-lab.svelte-1fdml75 h3:where(.svelte-1fdml75){margin:0;font-family:var(--font-display, Georgia, serif)}.interaction-lab.svelte-1fdml75 h2:where(.svelte-1fdml75){font-size:clamp(1.7rem,3vw,2.5rem);line-height:1}.interaction-lab.svelte-1fdml75 header:where(.svelte-1fdml75) label:where(.svelte-1fdml75){display:flex;gap:8px;align-items:center;font-weight:800}.il-layout.svelte-1fdml75{display:grid;grid-template-columns:minmax(180px,260px) minmax(0,1fr);gap:14px}.il-layout.svelte-1fdml75 nav:where(.svelte-1fdml75){display:grid;gap:8px}.il-layout.svelte-1fdml75 button:where(.svelte-1fdml75){display:grid;gap:5px;padding:11px;border:1px solid var(--border, #d9dde5);border-radius:6px;background:var(--surface, #fff);color:inherit;text-align:left;cursor:pointer}.il-layout.svelte-1fdml75 button.active:where(.svelte-1fdml75){border-color:#6d28d9;box-shadow:0 0 0 2px #6d28d924}.il-layout.svelte-1fdml75 button:where(.svelte-1fdml75) span:where(.svelte-1fdml75),.interaction-lab.svelte-1fdml75 footer:where(.svelte-1fdml75) span:where(.svelte-1fdml75),.il-detail.svelte-1fdml75 dt:where(.svelte-1fdml75){color:var(--fg-3, #6b7280);font:900 10px/1 var(--font-mono, ui-monospace, monospace);text-transform:uppercase}.il-stage.svelte-1fdml75{display:grid;grid-template-columns:minmax(220px,1fr) minmax(220px,.85fr);gap:14px;align-items:stretch;padding:16px;border:1px solid var(--border, #d9dde5);border-radius:6px;background:#fafafa}.il-target.svelte-1fdml75{display:grid;min-height:240px;place-items:center;border-radius:6px;background:#111827;color:#fff;transition:transform var(--duration) var(--ease),background var(--duration) var(--ease)}.il-target.svelte-1fdml75 span:where(.svelte-1fdml75){padding:9px 12px;border:1px solid rgba(255,255,255,.28);border-radius:4px;font:900 12px/1 var(--font-mono, ui-monospace, monospace);text-transform:uppercase}.il-target--hover.svelte-1fdml75:hover{transform:translateY(-8px);background:#0f766e}.il-target--press.svelte-1fdml75:hover{transform:scale(.96);background:#9f1239}.il-target--drag.svelte-1fdml75:hover{transform:translate(18px) rotate(2deg);background:#b45309}.il-target--keyboard.svelte-1fdml75:focus-within,.il-target--keyboard.svelte-1fdml75:hover{transform:scale(1.03);background:#2563eb}.il-detail.svelte-1fdml75{display:grid;align-content:start;gap:12px}.il-detail.svelte-1fdml75 p:where(.svelte-1fdml75){margin:0;color:#6d28d9;font-weight:850}.il-detail.svelte-1fdml75 dl:where(.svelte-1fdml75){display:grid;gap:8px;margin:0}.il-detail.svelte-1fdml75 dd:where(.svelte-1fdml75){margin:3px 0 0;font-weight:800}.interaction-lab.svelte-1fdml75 footer:where(.svelte-1fdml75){display:flex;flex-wrap:wrap;gap:8px}.interaction-lab.svelte-1fdml75 footer:where(.svelte-1fdml75) span:where(.svelte-1fdml75){padding:7px 9px;border:1px solid var(--border, #d9dde5);border-radius:4px}@media(max-width:780px){.interaction-lab.svelte-1fdml75 header:where(.svelte-1fdml75),.il-layout.svelte-1fdml75,.il-stage.svelte-1fdml75{display:grid;grid-template-columns:1fr}}