.website-browser.svelte-65z8kn{padding:0 32px 28px}.website-toolbar.svelte-65z8kn{display:flex;gap:20px;justify-content:space-between;align-items:center;margin-bottom:20px}.design-choices.svelte-65z8kn,.device-choices.svelte-65z8kn{display:flex;gap:5px;flex-wrap:wrap}.website-toolbar.svelte-65z8kn button:where(.svelte-65z8kn){background:var(--paper);color:var(--muted);border:1px solid var(--line);padding:10px 12px;border-radius:9px;font-size:11px;min-height:40px}.design-choices.svelte-65z8kn button:where(.svelte-65z8kn){display:flex;align-items:center;gap:7px}.design-choices.svelte-65z8kn i:where(.svelte-65z8kn){width:7px;height:7px;border-radius:50%}.website-toolbar.svelte-65z8kn button[aria-pressed=true]:where(.svelte-65z8kn){background:var(--hero);border-color:var(--hero);color:var(--on-dark)}.device-choices.svelte-65z8kn{flex-shrink:0}.website-stage.svelte-65z8kn{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(230px,.7fr);gap:28px;align-items:center}.website-stage.svelte-65z8kn figure:where(.svelte-65z8kn){margin:0;min-width:0;border:1px solid var(--line);border-radius:15px;overflow:hidden;background:var(--paper)}.design-scroll.svelte-65z8kn{--frame-h:clamp(300px, calc(100dvh - 400px) ,560px);height:var(--frame-h);overflow:hidden;background:var(--surface)}.design-scroll.svelte-65z8kn img:where(.svelte-65z8kn){display:block;width:100%;height:auto;animation:svelte-65z8kn-design-pan 36s ease-in-out infinite alternate paused}.design-scroll.svelte-65z8kn:hover img:where(.svelte-65z8kn){animation-play-state:running}@keyframes svelte-65z8kn-design-pan{0%,7%{transform:translateY(0)}93%,to{transform:translateY(calc(-100% + var(--frame-h)))}}.website-stage.svelte-65z8kn figure.mobile:where(.svelte-65z8kn){justify-self:center;width:min(100%,290px);border:8px solid var(--hero);border-radius:34px}.website-stage.svelte-65z8kn figure.mobile:where(.svelte-65z8kn) .design-scroll:where(.svelte-65z8kn){--frame-h:clamp(380px, calc(100dvh - 420px) ,560px)}.website-stage.svelte-65z8kn figcaption:where(.svelte-65z8kn){display:flex;justify-content:space-between;gap:10px;font-size:9px;padding:10px 15px;color:var(--muted)}.scroll-hint.svelte-65z8kn{color:var(--sea);font-weight:700}.website-stage.svelte-65z8kn figure.mobile:where(.svelte-65z8kn) figcaption:where(.svelte-65z8kn){justify-content:center}.website-stage.svelte-65z8kn figure.mobile:where(.svelte-65z8kn) figcaption:where(.svelte-65z8kn)>span:where(.svelte-65z8kn):first-child{display:none}@media(hover:hover)and (pointer:fine){.website-stage.svelte-65z8kn figure:where(.svelte-65z8kn):hover{border-color:color-mix(in srgb,var(--sea) 50%,var(--line));box-shadow:0 24px 44px -28px color-mix(in srgb,var(--hero) 65%,transparent)}}@media(hover:none){.design-scroll.svelte-65z8kn{overflow-y:auto;overscroll-behavior:contain}.design-scroll.svelte-65z8kn img:where(.svelte-65z8kn){animation:none}.scroll-hint.svelte-65z8kn{display:none}}@media(prefers-reduced-motion:reduce){.design-scroll.svelte-65z8kn{overflow-y:auto;overscroll-behavior:contain}.design-scroll.svelte-65z8kn img:where(.svelte-65z8kn){animation:none}.scroll-hint.svelte-65z8kn{display:none}}.website-stage.svelte-65z8kn h2:where(.svelte-65z8kn){font-size:1.8rem}.website-stage.svelte-65z8kn aside:where(.svelte-65z8kn)>p:where(.svelte-65z8kn):not(.eyebrow){font-size:12px;color:var(--muted);margin-top:13px}.website-stage.svelte-65z8kn .check-list:where(.svelte-65z8kn){margin:20px 0}.website-stage.svelte-65z8kn .text-link:where(.svelte-65z8kn){margin-top:15px}.website-stage.svelte-65z8kn .button:where(.svelte-65z8kn){font-size:11px;white-space:normal}@media(max-width:1000px){.website-toolbar.svelte-65z8kn{flex-wrap:wrap}.website-stage.svelte-65z8kn{grid-template-columns:1fr}.website-stage.svelte-65z8kn aside:where(.svelte-65z8kn){display:grid;grid-template-columns:1fr 1fr;column-gap:20px}.website-stage.svelte-65z8kn .eyebrow:where(.svelte-65z8kn),.website-stage.svelte-65z8kn h2:where(.svelte-65z8kn),.website-stage.svelte-65z8kn aside:where(.svelte-65z8kn)>p:where(.svelte-65z8kn){grid-column:1}.website-stage.svelte-65z8kn .check-list:where(.svelte-65z8kn){grid-column:2;grid-row:1/4;margin-top:0}.website-stage.svelte-65z8kn .text-link:where(.svelte-65z8kn){margin-top:0}}@media(max-width:600px){.website-browser.svelte-65z8kn{padding:0 20px 25px}.website-stage.svelte-65z8kn{gap:20px}.website-stage.svelte-65z8kn aside:where(.svelte-65z8kn){display:block}.website-stage.svelte-65z8kn .check-list:where(.svelte-65z8kn){margin-top:20px}.website-stage.svelte-65z8kn .text-link:where(.svelte-65z8kn){display:flex;margin-top:16px}.website-toolbar.svelte-65z8kn{gap:12px}.website-toolbar.svelte-65z8kn button:where(.svelte-65z8kn){font-size:10px;padding:9px 11px}.design-choices.svelte-65z8kn{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;width:calc(100% + 40px);margin:0 -20px;padding:0 20px 2px}.design-choices.svelte-65z8kn::-webkit-scrollbar{display:none}.design-choices.svelte-65z8kn button:where(.svelte-65z8kn){flex-shrink:0}}