.device-experience[data-v-5de661ed]{background:var(--surface);border:1px solid var(--ink);border-radius:22px;box-shadow:6px 6px 0 var(--soft);margin:28px 0;padding:30px}.experience-head[data-v-5de661ed]{align-items:start;display:flex;gap:16px;justify-content:space-between}.experience-head h3[data-v-5de661ed]{font-size:25px;line-height:1.4;margin:8px 0 20px}.simulation-label[data-v-5de661ed]{background:#ffe16b;border-radius:20px;color:#242322;font-size:12px;padding:7px 12px;white-space:nowrap}.experience-options[data-v-5de661ed]{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}.experience-options button[data-v-5de661ed]{background:var(--bg);border:1px solid var(--line);border-radius:9px;color:var(--ink);cursor:pointer;font:inherit;font-size:13px;min-height:44px;padding:9px 13px}.experience-options button[aria-pressed=true][data-v-5de661ed]{background:#dfd0ff;border-color:#242322;color:#242322}.experience-options button[data-v-5de661ed]:disabled{cursor:default;opacity:.55}.experience-layout[data-v-5de661ed]{display:grid;gap:28px;grid-template-columns:1fr 1.8fr}.demo-device[data-v-5de661ed]{align-items:center;background:var(--soft);border-radius:18px;display:flex;flex-direction:column;gap:12px;justify-content:center;min-width:0;padding:24px;text-align:center}.demo-device svg[data-v-5de661ed]{height:130px;max-width:100%;width:160px}.demo-device>strong[data-v-5de661ed]{font-size:27px;line-height:1.4}.demo-device>small[data-v-5de661ed],.demo-device>span[data-v-5de661ed]{color:var(--muted);font-size:13px}.demo-device button[data-v-5de661ed]{margin-top:10px}.demo-path[data-v-5de661ed]{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:0 0 18px;padding:0}.demo-path button[data-v-5de661ed]{background:var(--soft);border:0;border-radius:8px;color:var(--ink);cursor:pointer;font:inherit;font-size:12px;min-height:44px;padding:8px}.demo-path button[aria-pressed=true][data-v-5de661ed]{box-shadow:inset 0 -3px var(--brand)}.demo-path span[data-v-5de661ed]{background:var(--surface);border-radius:50%;display:inline-grid;height:22px;margin-inline-end:5px;place-items:center;width:22px}.demo-step[data-v-5de661ed]{border:1px solid var(--line);border-radius:12px;margin-bottom:16px;min-height:190px;padding:20px}.demo-step h4[data-v-5de661ed]{font-size:18px;margin:0 0 14px}.demo-step p[data-v-5de661ed]{color:var(--muted);font-size:14px;line-height:1.7;margin:8px 0}.demo-step b[data-v-5de661ed]{color:var(--ink);margin-inline-end:12px}.demo-static[data-v-5de661ed]{margin-top:20px}.demo-static li[data-v-5de661ed]{margin:16px 0}.demo-static p[data-v-5de661ed]{font-size:14px}.fan-moving[data-v-5de661ed]{animation:fan-turn-5de661ed .8s ease-out 1}.demo-trace[data-v-5de661ed]{scroll-margin-top:90px}.device-experience button[data-v-5de661ed]:focus-visible{outline:2px solid var(--brand);outline-offset:3px}@keyframes fan-turn-5de661ed{to{transform:rotate(1turn)}}@media (max-width:800px){.experience-layout[data-v-5de661ed]{grid-template-columns:1fr}.experience-head[data-v-5de661ed]{flex-direction:column}.device-experience[data-v-5de661ed]{padding:20px}.demo-device svg[data-v-5de661ed]{height:95px}.demo-step[data-v-5de661ed]{min-height:0}}@media (prefers-reduced-motion:reduce){.fan-moving[data-v-5de661ed]{animation:none}}