*{box-sizing:border-box}html{color-scheme:light}body{margin:0;background:#f4f5f0;color:#23341b;font-family:Arial,sans-serif}button{font:inherit;cursor:pointer}button:focus-visible{outline:3px solid #23341b;outline-offset:3px}.ds-preview-area{width:100%;min-width:0;max-width:1240px;margin:auto;padding:0 20px 28px}.ds-preview-heading{display:flex;justify-content:flex-end;align-items:center;height:64px;position:sticky;top:0;z-index:20;background:#f4f5f0}.ds-switcher{display:flex;border:1px solid #bac6b0;border-radius:6px;padding:2px;gap:2px;background:#f4f5f0}.ds-switcher button{font:13px Arial,sans-serif;border:0;background:none;padding:8px 14px;border-radius:4px;color:#46593a;min-height:36px}.ds-switcher [aria-pressed=true]{background:#526849;color:#fff}.ds-preview-layout{display:grid;grid-template-columns:minmax(320px,1fr) 230px;gap:40px;max-width:800px;margin:auto;align-items:start}.ds-mobile-preview{display:flex;justify-content:center;min-width:0}.ds-device-space{width:var(--ds-phone-render-width,390px);height:var(--ds-phone-render-height,833px);position:relative;flex:none}.ds-phone{width:414px;height:884px;border:2px solid #5d6b55;border-radius:30px;overflow:hidden;background:white;box-shadow:0 12px 36px #283b2010;transform:scale(var(--ds-phone-render-scale,.942));transform-origin:top left}.ds-phone iframe{display:block;width:410px;height:880px;border:0;background:white}.ds-qr{margin-top:52px;padding:20px 0}.ds-qr h2{font-size:18px;margin:24px 0 14px}.qr-code{display:block;width:184px;height:184px;background:white}.is-desktop .ds-preview-layout{display:block;max-width:none}.is-desktop .ds-device-space{width:100%;height:calc(100dvh - 90px);min-height:420px}.is-desktop .ds-phone{border:0;border-radius:0;box-shadow:none;transform:none;width:100%;height:100%}.is-desktop .ds-phone iframe{width:100%;height:100%}.is-desktop .ds-qr{display:none}@media(max-width:760px){html,body{height:100%;overflow:hidden}.ds-preview-area{padding:0;height:100%;max-width:none}.ds-preview-heading,.ds-qr{display:none}.ds-preview-layout,.ds-mobile-preview{display:block;height:100%}.ds-device-space,.is-desktop .ds-device-space{width:100%;height:100dvh;min-height:0}.ds-phone,.is-desktop .ds-phone{width:100%;height:100%;border:0;border-radius:0;box-shadow:none;transform:none}.ds-phone iframe{width:100%;height:100%;border:0}}