.preview-stage{container-type:inline-size;width:100%}.preview-stage[data-live]{overflow-x:auto}.preview-frame{--s:1;position:relative;margin-inline:auto;overflow:hidden;width:calc(var(--dw) * var(--s) * 1px);height:calc(var(--dh) * var(--s) * 1px)}.preview-scaler{position:absolute;inset-block-start:0;inset-inline-start:0;width:calc(var(--dw) * 1px);height:calc(var(--dh) * 1px);transform:scale(var(--s));transform-origin:0 0}.preview-screen{position:relative;display:flex;flex-direction:column;width:100%;height:100%;overflow:hidden;border:1px solid var(--aw-ctl);background:var(--aw-bg);color:var(--aw-ink);box-shadow:var(--aw-shadow-lg)}[data-device=phone] .preview-screen{border-radius:44px}[data-device=laptop] .preview-screen{border-radius:14px}[data-device=watch] .preview-screen{border:6px solid var(--aw-inverse);border-radius:52px}[data-device=email] .preview-screen{border-radius:16px}.preview-safe{flex:none;height:24px}.preview-bar{display:flex;flex:none;align-items:center;gap:12px;height:40px;padding:0 16px;border-bottom:1px solid var(--aw-line-soft);background:var(--aw-card2)}.preview-dots{display:flex;gap:6px}.preview-dots i{width:12px;height:12px;border-radius:9999px;background:var(--aw-ctl-off)}.preview-title{min-width:0;overflow:hidden;font-size:14px;font-weight:600;color:var(--aw-ink2);text-overflow:ellipsis;white-space:nowrap}.preview-body{position:relative;flex:1;min-height:0;overflow:hidden}.preview-home{position:absolute;bottom:8px;left:50%;width:134px;height:5px;border-radius:9999px;background:var(--aw-ink);opacity:.8;transform:translateX(-50%)}@container (width < 390px){.preview-frame[data-device=phone]{--s:0.95}}@container (width < 370.5px){.preview-frame[data-device=phone]{--s:0.9}}@container (width < 351px){.preview-frame[data-device=phone]{--s:0.85}}@container (width < 331.5px){.preview-frame[data-device=phone]{--s:0.8}}@container (width < 312px){.preview-frame[data-device=phone]{--s:0.75}}@container (width < 292.5px){.preview-frame[data-device=phone]{--s:0.7}}@container (width < 273px){.preview-frame[data-device=phone]{--s:0.65}}@container (width < 253.5px){.preview-frame[data-device=phone]{--s:0.6}}@container (width < 234px){.preview-frame[data-device=phone]{--s:0.55}}@container (width < 214.5px){.preview-frame[data-device=phone]{--s:0.5}}@container (width < 195px){.preview-frame[data-device=phone]{--s:0.45}}@container (width < 175.5px){.preview-frame[data-device=phone]{--s:0.4}}@container (width < 156px){.preview-frame[data-device=phone]{--s:0.35}}@container (width < 136.5px){.preview-frame[data-device=phone]{--s:0.3}}@container (width < 117px){.preview-frame[data-device=phone]{--s:0.25}}@container (width < 97.5px){.preview-frame[data-device=phone]{--s:0.2}}@container (width < 1280px){.preview-frame[data-device=laptop]{--s:0.95}}@container (width < 1216px){.preview-frame[data-device=laptop]{--s:0.9}}@container (width < 1152px){.preview-frame[data-device=laptop]{--s:0.85}}@container (width < 1088px){.preview-frame[data-device=laptop]{--s:0.8}}@container (width < 1024px){.preview-frame[data-device=laptop]{--s:0.75}}@container (width < 960px){.preview-frame[data-device=laptop]{--s:0.7}}@container (width < 896px){.preview-frame[data-device=laptop]{--s:0.65}}@container (width < 832px){.preview-frame[data-device=laptop]{--s:0.6}}@container (width < 768px){.preview-frame[data-device=laptop]{--s:0.55}}@container (width < 704px){.preview-frame[data-device=laptop]{--s:0.5}}@container (width < 640px){.preview-frame[data-device=laptop]{--s:0.45}}@container (width < 576px){.preview-frame[data-device=laptop]{--s:0.4}}@container (width < 512px){.preview-frame[data-device=laptop]{--s:0.35}}@container (width < 448px){.preview-frame[data-device=laptop]{--s:0.3}}@container (width < 384px){.preview-frame[data-device=laptop]{--s:0.25}}@container (width < 320px){.preview-frame[data-device=laptop]{--s:0.2}}@container (width < 896px){.preview-stage[data-live] .preview-frame[data-device=laptop]{--s:0.65}}@container (width < 204px){.preview-frame[data-device=watch]{--s:0.95}}@container (width < 193.8px){.preview-frame[data-device=watch]{--s:0.9}}@container (width < 183.6px){.preview-frame[data-device=watch]{--s:0.85}}@container (width < 173.4px){.preview-frame[data-device=watch]{--s:0.8}}@container (width < 163.2px){.preview-frame[data-device=watch]{--s:0.75}}@container (width < 153px){.preview-frame[data-device=watch]{--s:0.7}}@container (width < 142.8px){.preview-frame[data-device=watch]{--s:0.65}}@container (width < 132.6px){.preview-frame[data-device=watch]{--s:0.6}}@container (width < 122.4px){.preview-frame[data-device=watch]{--s:0.55}}@container (width < 112.2px){.preview-frame[data-device=watch]{--s:0.5}}@container (width < 102px){.preview-frame[data-device=watch]{--s:0.45}}@container (width < 91.8px){.preview-frame[data-device=watch]{--s:0.4}}@container (width < 81.6px){.preview-frame[data-device=watch]{--s:0.35}}@container (width < 71.4px){.preview-frame[data-device=watch]{--s:0.3}}@container (width < 61.2px){.preview-frame[data-device=watch]{--s:0.25}}@container (width < 51px){.preview-frame[data-device=watch]{--s:0.2}}@container (width < 680px){.preview-frame[data-device=email]{--s:0.95}}@container (width < 646px){.preview-frame[data-device=email]{--s:0.9}}@container (width < 612px){.preview-frame[data-device=email]{--s:0.85}}@container (width < 578px){.preview-frame[data-device=email]{--s:0.8}}@container (width < 544px){.preview-frame[data-device=email]{--s:0.75}}@container (width < 510px){.preview-frame[data-device=email]{--s:0.7}}@container (width < 476px){.preview-frame[data-device=email]{--s:0.65}}@container (width < 442px){.preview-frame[data-device=email]{--s:0.6}}@container (width < 408px){.preview-frame[data-device=email]{--s:0.55}}@container (width < 374px){.preview-frame[data-device=email]{--s:0.5}}@container (width < 340px){.preview-frame[data-device=email]{--s:0.45}}@container (width < 306px){.preview-frame[data-device=email]{--s:0.4}}@container (width < 272px){.preview-frame[data-device=email]{--s:0.35}}@container (width < 238px){.preview-frame[data-device=email]{--s:0.3}}@container (width < 204px){.preview-frame[data-device=email]{--s:0.25}}@container (width < 170px){.preview-frame[data-device=email]{--s:0.2}}@container (width < 476px){.preview-stage[data-live] .preview-frame[data-device=email]{--s:0.65}}