.demo-input-feedback[data-v-7fe3a7d1]{z-index:15;box-sizing:border-box;border:1px solid var(--foundation-subject-line);background:var(--foundation-subject-surface);max-width:calc(100% - 24px);color:var(--foundation-subject-ink);box-shadow:0 2px 8px color-mix(in oklch,var(--foundation-subject-ink) 10%,transparent);pointer-events:none;border-radius:7px;flex-wrap:wrap;align-items:center;gap:7px;padding:7px 10px;font-size:11px;line-height:1.5;display:flex;position:absolute;bottom:12px;right:12px}.demo-input-feedback svg[data-v-7fe3a7d1]{width:18px;height:18px;color:var(--article-accent);flex:none}.demo-input-feedback kbd[data-v-7fe3a7d1]{border:1px solid var(--foundation-subject-line);background:var(--foundation-subject-soft);color:inherit;font:inherit;overflow-wrap:anywhere;border-radius:4px;padding:2px 5px;font-weight:600}.demo-input-feedback.is-inline[data-v-7fe3a7d1]{max-width:100%;box-shadow:none;background:0 0;border:0;margin-left:auto;padding:3px 6px;position:static}.demo-input-feedback.is-inline>span[data-v-7fe3a7d1]{display:none}.pointer-preview[data-v-67dddf12]{width:220px;height:112px;display:block}.pointer-demo-stage[data-v-a6ba3021]{align-content:center;justify-items:center;gap:8px;min-height:224px;display:grid}.pointer-target[data-v-a6ba3021]{color:oklch(35% .025 260);width:220px;max-width:100%;height:100px;font:inherit;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:0 0;border:0;border-radius:10px;place-items:center;padding:16px;display:grid}.pointer-target-surface[data-v-a6ba3021]{pointer-events:none;background:oklch(99% .002 260);border:1px solid oklch(78% .025 260);border-radius:10px;justify-content:center;align-items:center;gap:8px;width:168px;height:60px;font-size:14px;font-weight:600;transition:transform .16s ease-out,background-color .16s ease-out;display:flex}.pointer-target.hovered .pointer-target-surface[data-v-a6ba3021],.pointer-target:focus-visible .pointer-target-surface[data-v-a6ba3021]{background:oklch(94% .035 255);border-color:oklch(56% .1 255)}.pointer-target.pressed .pointer-target-surface[data-v-a6ba3021]{background:oklch(91% .04 255);transform:scale(.97)}.pointer-alternative[data-v-a6ba3021]:focus-visible,.pointer-target[data-v-a6ba3021]:focus-visible{outline:2px solid var(--article-accent);outline-offset:2px}.pointer-demo-stage p[data-v-a6ba3021]{color:oklch(49% .025 260);min-height:24px;margin:0;font-size:12px;line-height:2}.pointer-alternative[data-v-a6ba3021]{color:oklch(42% .09 255);min-height:44px;font:inherit;text-underline-offset:4px;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:8px 12px;font-size:12px;text-decoration:underline}.pointer-alternative[data-v-a6ba3021]:hover{background:oklch(95% .015 255)}@media (prefers-reduced-motion:reduce){.pointer-target-surface[data-v-a6ba3021]{transition:none;transform:none!important}}.effect-workshop[data-v-acc5b4e0] .effect-workbench.effect-workbench{background:0 0;border:0;border-radius:0;width:100%;margin:0;padding:16px}.effect-workshop[data-v-acc5b4e0] .iw-demo-layout{gap:12px}.effect-workshop[data-v-acc5b4e0] .iw-subject{background:0 0;border-radius:0;min-height:200px;padding:0}.effect-workshop[data-v-acc5b4e0] .iw-stage{width:min(100%,520px);margin-inline:auto}.effect-workshop[data-v-acc5b4e0] .iw-actions{justify-content:center}.effect-workshop.touch-demo[data-v-acc5b4e0] .iw-subject{align-content:center;justify-items:center}.effect-workshop.touch-demo[data-v-acc5b4e0] .iw-subject>button{width:168px;height:60px}.effect-workshop.touch-demo[data-v-acc5b4e0] .iw-subject>.iw-actions{width:auto;margin:0}.effect-workshop.touch-demo[data-v-acc5b4e0] .swipe-area{width:min(100%,440px);min-height:120px}.effect-workshop.touch-demo[data-v-acc5b4e0] .iw-status{text-align:center}.effect-workshop[data-v-acc5b4e0] .iw-controls{background:0 0;border:0;padding:0}.effect-workshop[data-v-acc5b4e0] .iw-note,.effect-workshop[data-v-acc5b4e0] .iw-region-label{display:none}.effect-workshop[data-v-acc5b4e0] .iw-status{background:0 0;border:0;margin:0;padding:8px 0 0;font-size:12px}.effect-workshop[data-v-acc5b4e0] .iw-stage{background:0 0;border:0;border-radius:0}@media (width<=640px){.effect-workshop[data-v-acc5b4e0] .effect-workbench.effect-workbench{padding:8px}}.iw-workbench[data-v-ac6b8a7b]{position:relative}