.viewer.svelte-fswjlh{align-items:center;gap:var(--space-4);flex-direction:column;margin:0;display:flex}.device.svelte-fswjlh{align-items:center;gap:clamp(var(--space-3), 2vw, var(--space-5));padding:clamp(var(--space-4), 3vw, var(--space-6));max-width:100%;width:min(100%, calc(var(--w) + 280px));background:linear-gradient(145deg,#4a4338 0%,#322c24 55%,#2a241c 100%);border-radius:22px;grid-template-columns:auto 1fr auto;display:grid;box-shadow:inset 0 1px #ffffff0a,inset 0 -2px #0006,0 30px 60px -25px #1a181480,0 10px 20px -15px #1a181466}.controls.svelte-fswjlh{width:clamp(60px,9vw,110px);height:auto}.screen-wrap.svelte-fswjlh{justify-content:center;display:flex}.screen.svelte-fswjlh{background:var(--paper);box-shadow:var(--shadow-screen);border-radius:6px;max-width:100%;padding:10px;position:relative}canvas.svelte-fswjlh{width:100%;max-width:var(--w);aspect-ratio:var(--w) / var(--h);height:auto;image-rendering:pixelated;image-rendering:crisp-edges;background:var(--paper);border-radius:2px;display:block}.screen.flashing.svelte-fswjlh canvas:where(.svelte-fswjlh){animation:.15s steps(2,end) svelte-fswjlh-einkRefresh}@keyframes svelte-fswjlh-einkRefresh{0%{filter:none}50%{filter:invert()}to{filter:none}}.pill.svelte-fswjlh{color:var(--paper);font-family:var(--font-mono);letter-spacing:.04em;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);text-transform:uppercase;background:#1a1814c7;border-radius:999px;align-items:center;gap:6px;padding:4px 10px 4px 8px;font-size:.7rem;display:inline-flex;position:absolute;top:18px;right:18px}.dot.svelte-fswjlh{background:#9a9080;border-radius:50%;width:7px;height:7px;box-shadow:0 0 #9a908099}.pill[data-status=connecting].svelte-fswjlh .dot:where(.svelte-fswjlh){background:var(--sepia-soft);animation:1.4s ease-in-out infinite svelte-fswjlh-pulse}.pill[data-status=connected].svelte-fswjlh .dot:where(.svelte-fswjlh){background:#6fa86f;box-shadow:0 0 6px #6fa86f99}.pill[data-status=error].svelte-fswjlh .dot:where(.svelte-fswjlh){background:#b8553a}.pill[data-status=closed].svelte-fswjlh .dot:where(.svelte-fswjlh){background:#8a8170}@keyframes svelte-fswjlh-pulse{0%,to{opacity:1}50%{opacity:.4}}.overlay.svelte-fswjlh{justify-content:center;align-items:center;gap:var(--space-3);text-align:center;padding:var(--space-5);-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:#e8e4d8eb;border-radius:2px;flex-direction:column;display:flex;position:absolute;inset:10px}.overlay-title.svelte-fswjlh{font-family:var(--font-display);color:var(--ink);max-width:none;margin:0;font-size:clamp(1.1rem,2vw,1.5rem)}.overlay-sub.svelte-fswjlh{color:var(--ink-soft);max-width:42ch;margin:0;font-size:.9rem}.overlay-sub.svelte-fswjlh code:where(.svelte-fswjlh){font-family:var(--font-mono);background:#1a181414;border-radius:3px;padding:1px 6px;font-size:.85em}.connect.svelte-fswjlh{margin-top:var(--space-2);font-family:var(--font-display);color:var(--paper);background:var(--ink);letter-spacing:.01em;border-radius:999px;padding:8px 18px;font-size:1rem;font-style:italic;transition:background .12s}.connect.svelte-fswjlh:hover{background:var(--sepia)}figcaption.svelte-fswjlh{font-family:var(--font-body);color:var(--ink-soft);text-align:center;max-width:60ch;font-size:.85rem;font-style:italic}.cap-name.svelte-fswjlh{font-family:var(--font-display);color:var(--ink);font-style:normal}@media (width<=640px){.device.svelte-fswjlh{gap:var(--space-3);grid-template-columns:1fr}.controls.svelte-fswjlh{justify-self:center;width:80%;max-width:280px}.controls.left.svelte-fswjlh{order:2}.screen-wrap.svelte-fswjlh{order:1}.controls.right.svelte-fswjlh{order:3}}.demo.svelte-1du1zi4{max-width:1100px;padding:clamp(var(--space-6), 5vw, var(--space-8)) clamp(var(--space-4), 5vw, var(--space-7)) var(--space-8);gap:var(--space-7);margin:0 auto;display:grid}header.svelte-1du1zi4{gap:var(--space-3);max-width:60ch;display:grid}.eyebrow.svelte-1du1zi4{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--sepia);margin:0;font-size:.78rem}h1.svelte-1du1zi4{font-family:var(--font-display);color:var(--ink);letter-spacing:-.02em;font-size:clamp(2rem,5vw,3.2rem);line-height:1.05}.intro.svelte-1du1zi4{color:var(--ink-soft);max-width:58ch;font-size:1.05rem;line-height:1.6}.controls.svelte-1du1zi4{border-top:1px solid var(--rule);padding-top:var(--space-6)}.controls.svelte-1du1zi4 h2:where(.svelte-1du1zi4){font-family:var(--font-display);color:var(--ink-soft);margin-bottom:var(--space-4);font-size:1.4rem;font-style:italic}dl.svelte-1du1zi4{gap:var(--space-4) var(--space-6);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin:0;display:grid}dl.svelte-1du1zi4>div:where(.svelte-1du1zi4){gap:var(--space-1);display:grid}dt.svelte-1du1zi4{font-family:var(--font-display);color:var(--ink);font-size:1.05rem}dd.svelte-1du1zi4{color:var(--ink-soft);margin:0;font-size:.92rem}.footnote.svelte-1du1zi4{margin-top:var(--space-6);color:var(--ink-soft);max-width:60ch;font-size:.88rem;font-style:italic}.footnote.svelte-1du1zi4 code:where(.svelte-1du1zi4){font-family:var(--font-mono);background:#1a181414;border-radius:3px;padding:1px 6px;font-size:.85em;font-style:normal}