.profile-icon.svelte-1uas3ys{display:inline-block;vertical-align:-.15em;flex:none}.demo-frame.svelte-1u08vcc{margin:2.5rem 0;background:var(--bg-elev);border:1px solid var(--kbd-border);border-radius:4px;overflow:hidden;transition:background .4s cubic-bezier(.2,.8,.2,1),border-color .4s cubic-bezier(.2,.8,.2,1)}.demo-frame__bar.svelte-1u08vcc{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.7rem 1rem;border-bottom:1px solid var(--kbd-border);font-family:var(--label-font);font-size:.7rem;text-transform:uppercase;letter-spacing:var(--label-tracking);color:var(--ink-muted)}html[data-mode=paper] .demo-frame__bar.svelte-1u08vcc{text-transform:none;font-style:italic}.demo-frame__label.svelte-1u08vcc{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.demo-frame__label.svelte-1u08vcc:first-letter{color:var(--accent)}.demo-frame__controls.svelte-1u08vcc{display:flex;align-items:center;gap:.6rem;flex-shrink:0}.demo-frame__device.svelte-1u08vcc{display:inline-flex;border:1px solid var(--kbd-border);border-radius:3px;overflow:hidden;background:var(--kbd-bg)}.demo-frame__device.svelte-1u08vcc button:where(.svelte-1u08vcc){all:unset;padding:.35rem .7rem;font-family:var(--label-font);font-size:.68rem;text-transform:inherit;letter-spacing:inherit;font-style:inherit;color:var(--ink-muted);cursor:pointer;transition:background .18s ease,color .18s ease}.demo-frame__device.svelte-1u08vcc button:where(.svelte-1u08vcc):hover{color:var(--ink-primary)}.demo-frame__device.svelte-1u08vcc button.active:where(.svelte-1u08vcc){background:var(--accent);color:var(--bg)}html[data-mode=paper] .demo-frame__device.svelte-1u08vcc button.active:where(.svelte-1u08vcc){color:var(--bg-elev)}.demo-frame__device.svelte-1u08vcc button:where(.svelte-1u08vcc):focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.demo-frame__fullscreen.svelte-1u08vcc{font-family:var(--label-font);font-size:.68rem;color:var(--ink-muted);text-decoration:none;transition:color .18s ease}.demo-frame__fullscreen.svelte-1u08vcc:hover,.demo-frame__fullscreen.svelte-1u08vcc:focus-visible{color:var(--accent);outline:none}.demo-frame__stage.svelte-1u08vcc{background:var(--bg);display:flex;justify-content:center;padding:0;transition:background .4s cubic-bezier(.2,.8,.2,1)}.demo-frame__stage.svelte-1u08vcc iframe:where(.svelte-1u08vcc){display:block;width:100%;height:var(--demo-height, 620px);border:0;background:#f8f7f5;transition:width .52s cubic-bezier(.2,.8,.2,1),max-width .52s cubic-bezier(.2,.8,.2,1)}.demo-frame.mobile.svelte-1u08vcc .demo-frame__stage:where(.svelte-1u08vcc){padding:1.25rem}.demo-frame.mobile.svelte-1u08vcc .demo-frame__stage:where(.svelte-1u08vcc) iframe:where(.svelte-1u08vcc){max-width:390px;border-radius:14px;box-shadow:0 8px 28px #0003}.demo-frame__caption.svelte-1u08vcc{padding:.85rem 1rem 1rem;font-family:var(--serif);font-size:.88rem;line-height:1.55;font-style:italic;color:var(--ink-muted);border-top:1px solid var(--kbd-border)}@media(max-width:640px){.demo-frame__bar.svelte-1u08vcc{flex-direction:column;align-items:stretch;gap:.5rem}.demo-frame__controls.svelte-1u08vcc{justify-content:space-between}.demo-frame.mobile.svelte-1u08vcc .demo-frame__stage:where(.svelte-1u08vcc){padding:.5rem}}@media(prefers-reduced-motion:reduce){.demo-frame.svelte-1u08vcc,.demo-frame__stage.svelte-1u08vcc,.demo-frame__stage.svelte-1u08vcc iframe:where(.svelte-1u08vcc){transition:none}}