.interaction-demo[data-v-026054d6]{--demo-ink:oklch(32% .025 260);--demo-muted:oklch(48% .024 260);--demo-line:oklch(86% .012 260);--demo-soft:oklch(97% .007 260);--demo-accent:oklch(50% .18 36);color:var(--demo-ink);font-size:14px;line-height:1.7}.interaction-demo[data-v-026054d6] .article-figure-body:has(.demo-shell){padding-bottom:10px}.interaction-demo .demo-shell[data-v-026054d6]{background:oklch(100% 0 0);gap:0;overflow:hidden}.interaction-demo .demo-shell[data-v-026054d6],.interaction-demo .demo-workspace[data-v-026054d6]{border:1px solid var(--demo-line);border-radius:10px;display:grid}.interaction-demo .demo-workspace[data-v-026054d6]{background:var(--demo-soft);gap:16px;padding:20px}.interaction-demo .demo-stage[data-v-026054d6]{background:oklch(100% 0 0);gap:16px;padding:20px;display:grid}.interaction-demo .demo-stage-actions .primary[data-v-026054d6]{min-width:7.5rem}.interaction-demo .demo-controls[data-v-026054d6]{border-top:1px dashed var(--demo-line);gap:8px;padding:10px 16px 8px;display:grid}.interaction-demo .demo-controls-header[data-v-026054d6]{gap:2px;display:grid}.interaction-demo .demo-controls-header h4[data-v-026054d6]{letter-spacing:.04em;text-transform:uppercase;color:var(--demo-muted);margin:0;font-size:12px;font-weight:650}.interaction-demo .demo-controls-caption[data-v-026054d6],.interaction-demo .demo-controls-header p[data-v-026054d6],.interaction-demo .demo-controls-idle[data-v-026054d6]{color:var(--demo-muted);margin:0;font-size:12px;line-height:1.6}.interaction-demo .demo-controls-actions[data-v-026054d6]:empty{display:none}.interaction-demo .demo-controls button[data-v-026054d6]{min-height:36px;color:var(--demo-muted);border-color:color-mix(in oklch,var(--demo-line) 85%,var(--demo-muted));background:oklch(100% 0 0/.7);padding:6px 12px;font-size:12px}.interaction-demo .demo-controls button[data-v-026054d6]:hover:not(:disabled){color:var(--demo-ink);background:oklch(100% 0 0)}.interaction-demo .demo-controls button[data-v-026054d6]:disabled{opacity:.55}.interaction-demo .demo-controls .response-list[data-v-026054d6]{gap:8px;margin:0}.interaction-demo .demo-controls .response-list li[data-v-026054d6]{background:oklch(100% 0 0/.55);border-style:dashed;padding:8px 10px}.interaction-demo label[data-v-026054d6]{gap:6px;display:grid}.interaction-demo input[data-v-026054d6]{box-sizing:border-box;width:100%;min-width:0;font:inherit;padding:9px 12px;font-size:16px}.interaction-demo button[data-v-026054d6],.interaction-demo input[data-v-026054d6]{border:1px solid var(--demo-line);min-height:44px;color:var(--demo-ink);background:oklch(100% 0 0);border-radius:7px}.interaction-demo button[data-v-026054d6]{font:inherit;cursor:pointer;touch-action:manipulation;justify-content:center;align-items:center;padding:9px 14px;font-size:13px;line-height:1.5;display:inline-flex}.interaction-demo button.primary[data-v-026054d6]{color:oklch(100% 0 0);background:var(--demo-accent);border-color:var(--demo-accent)}.interaction-demo button.danger[data-v-026054d6]{color:oklch(45% .18 25);border-color:oklch(75% .06 25)}.interaction-demo button[data-v-026054d6]:disabled{color:oklch(53% .018 260);border-color:var(--demo-line);cursor:default;background:oklch(93% .007 260)}.interaction-demo button[data-v-026054d6]:focus-visible,.interaction-demo input[data-v-026054d6]:focus-visible{outline:2px solid var(--demo-accent);outline-offset:3px}.interaction-demo .demo-actions[data-v-026054d6]{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.interaction-demo .demo-status[data-v-026054d6]{overflow-wrap:anywhere;min-height:24px;margin:0;font-weight:600}.interaction-demo .demo-error[data-v-026054d6]{color:oklch(45% .18 25)}.interaction-demo .demo-note[data-v-026054d6]{color:var(--demo-muted);overflow-wrap:anywhere;margin:0;font-size:12px}.interaction-demo .demo-output[data-v-026054d6]{gap:4px;margin:0;display:grid}.interaction-demo .demo-output dt[data-v-026054d6]{color:var(--demo-muted);font-size:12px}.interaction-demo .demo-output dd[data-v-026054d6]{overflow-wrap:anywhere;margin:0;font-weight:600}.interaction-demo .response-list[data-v-026054d6]{gap:12px;margin:16px 0 0;padding:0;list-style:none;display:grid}.interaction-demo .response-list li[data-v-026054d6]{border:1px solid var(--demo-line);border-radius:8px;gap:8px;padding:14px;display:grid}.interaction-demo .response-list header[data-v-026054d6]{overflow-wrap:anywhere;flex-wrap:wrap;justify-content:space-between;gap:8px;font-size:12px;display:flex}.interaction-demo .demo-dialog[data-v-026054d6]{box-sizing:border-box;border:1px solid var(--demo-line);width:min(420px,100vw - 48px);color:var(--demo-ink);background:oklch(99% .002 260);border-radius:12px;padding:24px}.interaction-demo .demo-dialog[data-v-026054d6]::backdrop{background:oklch(20% .02 260/.4)}.interaction-demo .demo-dialog h4[data-v-026054d6]{margin:0 0 12px;font-size:18px}.interaction-demo .demo-dialog p[data-v-026054d6]{margin:0 0 20px;font-size:14px;line-height:1.7}@media (width<=640px){.interaction-demo .demo-stage[data-v-026054d6],.interaction-demo .demo-workspace[data-v-026054d6]{padding:16px}.interaction-demo .demo-controls[data-v-026054d6]{padding:8px 12px 6px}}.interaction-demo .response-heading[data-v-026054d6]{border-top:1px solid var(--demo-line);margin-top:20px;padding-top:16px}.interaction-demo .response-heading h4[data-v-026054d6]{color:var(--demo-ink);margin:0;font-size:13px;font-weight:650}.interaction-demo .response-heading p[data-v-026054d6]{color:var(--demo-muted);margin:4px 0 0;font-size:12px;line-height:1.7}.interaction-demo .demo-output dd.demo-result[data-v-026054d6]{align-items:center;gap:8px;min-height:24px;animation:.18s ease-out demo-status-in-026054d6;display:inline-flex}.interaction-demo .demo-output.is-success dd[data-v-026054d6]{color:oklch(39% .1 150)}.interaction-demo .demo-output.is-error dd[data-v-026054d6]{color:oklch(45% .18 25)}.interaction-demo .demo-output.is-pending dd[data-v-026054d6]{color:var(--demo-accent)}.interaction-demo .demo-mark[data-v-026054d6]{border-radius:999px;flex:none;place-items:center;width:18px;height:18px;font-size:12px;font-weight:700;line-height:1;display:inline-grid}.interaction-demo .demo-mark.is-success[data-v-026054d6]{color:oklch(39% .1 150);background:oklch(94% .04 150)}.interaction-demo .demo-mark.is-error[data-v-026054d6]{color:oklch(45% .18 25);background:oklch(95% .03 25)}.interaction-demo .demo-spinner[data-v-026054d6]{box-sizing:border-box;border:2px solid color-mix(in oklch,var(--demo-accent) 28%,transparent);border-top-color:var(--demo-accent);border-radius:999px;flex:none;width:14px;height:14px;animation:.75s linear infinite demo-spin-026054d6}.interaction-demo .demo-spinner-on-dark[data-v-026054d6]{border-color:oklch(100% 0 0) oklch(100% 0 0/.35) oklch(100% 0 0/.35)}.interaction-demo .demo-status[data-v-026054d6]{animation:.18s ease-out demo-status-in-026054d6}.interaction-demo .demo-success[data-v-026054d6]{color:oklch(39% .1 150)}.interaction-demo button.primary[data-v-026054d6]{gap:8px}@keyframes demo-spin-026054d6{to{transform:rotate(1turn)}}@keyframes demo-status-in-026054d6{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.interaction-demo .demo-output dd.demo-result[data-v-026054d6],.interaction-demo .demo-status[data-v-026054d6]{animation:none}.interaction-demo .demo-spinner[data-v-026054d6]{opacity:.85;animation:none}}.interaction-demo .demo-stage[data-v-026054d6]{align-content:start;min-height:280px;padding:28px}.interaction-demo .demo-controls[data-v-026054d6]{border-top:2px solid var(--demo-line);background:var(--demo-soft);padding:16px 20px 20px}.interaction-demo .demo-controls .response-list li[data-v-026054d6]{border-style:solid}.interaction-demo .demo-controls>.article-select[data-v-026054d6]{max-width:320px}@media (width<=640px){.interaction-demo .demo-stage[data-v-026054d6]{min-height:240px;padding:16px}.interaction-demo .demo-controls[data-v-026054d6]{padding:14px}}.effect-pattern[data-v-026054d6] .pattern-stage{padding:16px 0}.effect-pattern[data-v-026054d6] .interaction-workshop.iw-workbench{background:0 0;border:0;border-radius:0;width:100%;margin:0;padding:16px}.effect-pattern[data-v-026054d6] .iw-subject{min-height:200px;padding:0}.effect-pattern[data-v-026054d6] .iw-controls{background:0 0;border:0;padding:12px 0 0}.effect-pattern[data-v-026054d6] .iw-note,.effect-pattern[data-v-026054d6] .iw-region-label{display:none}.effect-pattern[data-v-026054d6] .iw-status{background:0 0;border:0;margin:0;padding:8px 0}.pattern-stage[data-v-026054d6]{justify-content:center;min-width:0;display:flex}.pattern-stage[data-v-026054d6] .component-scene{width:100%;max-width:560px;padding:20px;font-size:14px}.pattern-stage[data-v-026054d6] .component-scene.compact{max-width:440px;padding:12px;font-size:13px}.pattern-stage[data-v-026054d6] .component-scene.compact .sort-list li{min-height:48px}.pattern-stage[data-v-026054d6] button{min-width:44px;min-height:44px;padding:9px 12px;font-size:13px}.pattern-stage[data-v-026054d6] input,.pattern-stage[data-v-026054d6] select{min-height:44px;font-size:16px}.pattern-stage[data-v-026054d6] .sort-list li{min-height:54px}.pattern-stage[data-v-026054d6] .handle{justify-content:center;align-items:center;min-width:36px;display:inline-flex}