.pd-page{--pd-bg:#f4f5f7;--pd-card:#fff;--pd-ink:#111827;--pd-ink-2:#4b5563;--pd-ink-3:#6b7280;--pd-line:#e3e7ed;--pd-field:#8a94a3;--pd-echo:#1a5af0;--pd-accent:var(--pd-echo);--pd-danger:#b42318;--pd-danger-bg:#fef3f2;--pd-warn-ink:#8a4b00;--pd-warn-bg:#fff4e5;--pd-warn-line:#f5c77e;--pd-success:#067647;--pd-radius:16px;--pd-gutter:24px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;box-sizing:border-box;min-height:100svh;padding-block:56px;padding-inline:var(--pd-gutter);background:var(--pd-bg);color:var(--pd-ink);font-family:var(--font-sans), Inter, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;letter-spacing:0;-webkit-font-smoothing:antialiased;font-size:16px;font-weight:400;line-height:1.6}.pd-page *,.pd-page :before,.pd-page :after{box-sizing:border-box}:root:has(.pd-page){height:auto;overflow:hidden auto}html body:has(.pd-page){height:auto;overflow:visible}html body:has(.pd-page)>div{height:auto}html body:has(.pd-page) .w-screen{height:auto}.pd-kicker{letter-spacing:.06em;text-transform:uppercase;color:var(--pd-ink-3);margin:0 0 12px;font-size:13px;font-weight:600;line-height:1.4}.pd-title{letter-spacing:-.02em;overflow-wrap:anywhere;text-wrap:balance;margin:0;font-size:clamp(30px,3.6vw,42px);font-weight:700;line-height:1.12}.pd-title-small{font-size:clamp(26px,3vw,32px)}.pd-ville{color:var(--pd-ink-3);overflow-wrap:anywhere;margin:8px 0 0;font-size:16px}.pd-lead{color:var(--pd-ink-2);max-width:34em;margin:20px 0 0;font-size:17px;line-height:1.6}.pd-page a:not([data-echo-widget-v2] *){color:var(--pd-accent);text-underline-offset:3px}.pd-page :is(a,button,textarea,input):not([data-echo-widget-v2] *):focus-visible{outline:3px solid var(--pd-accent);outline-offset:2px}.pd-local-note{background:var(--pd-warn-bg);border:1px solid var(--pd-warn-line);width:100%;max-width:1080px;color:var(--pd-warn-ink);border-radius:10px;margin:0 auto 24px;padding:10px 14px;font-size:14px;line-height:1.5}.pd-page-demo{align-content:center;display:grid}.pd-layout{grid-template-columns:minmax(0,1fr) 400px;grid-template-areas:"intro stage""footer stage";gap:0 72px;max-width:1080px;margin-inline:auto;display:grid}.pd-intro{grid-area:intro;align-self:end;min-width:0}.pd-layout>.pd-footer{grid-area:footer;align-self:start}.pd-note{background:var(--pd-card);border:1px solid var(--pd-line);border-inline-start:4px solid var(--pd-accent);max-width:34em;color:var(--pd-ink-2);border-radius:12px;margin:28px 0 0;padding:16px 20px;font-size:15px;line-height:1.55}.pd-note p{margin:0}.pd-note p+p{margin-top:8px}.pd-note strong{color:var(--pd-ink);font-weight:600}.pd-cta{max-width:34em;color:var(--pd-ink);margin:28px 0 0;font-size:17px;font-weight:600;line-height:1.5}.pd-footer{border-top:1px solid var(--pd-line);max-width:34em;color:var(--pd-ink-3);margin:40px 0 0;padding-top:16px;font-size:14px}.pd-stage{grid-area:stage;justify-content:center;align-self:center;min-width:0;display:flex}.pd-frame{border-radius:var(--pd-radius);background:#fff;width:400px;max-width:100%;height:600px;animation:.42s cubic-bezier(.2,.7,.2,1) both pd-rise;position:relative;overflow:hidden;box-shadow:0 0 0 1px #0f172a0f,0 2px 4px #0f172a0f,0 12px 28px #0f172a1f,0 32px 64px #0c265829}.pd-frame>main{height:100%}.pd-frame>[data-echo=announcer]{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:0;position:absolute;overflow:hidden}@keyframes pd-rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.pd-page-center{place-items:center;display:grid}.pd-message{background:var(--pd-card);border:1px solid var(--pd-line);border-radius:var(--pd-radius);width:100%;max-width:560px;padding:36px 32px}.pd-message .pd-lead{font-size:16px}.pd-gen{max-width:820px;margin-inline:auto}.pd-gen-block{background:var(--pd-card);border:1px solid var(--pd-line);border-radius:var(--pd-radius);margin-top:32px;padding:24px}.pd-gen-h2{margin:0 0 12px;font-size:20px;font-weight:650;line-height:1.3}.pd-gen-h3{margin:24px 0 4px;font-size:17px;font-weight:650;line-height:1.35}.pd-gen-label{color:var(--pd-ink);margin:16px 0 6px;font-size:14px;font-weight:600;display:block}.pd-gen-h2+.pd-gen-label{margin-top:0}.pd-gen-json,.pd-gen-input{border:1px solid var(--pd-field);width:100%;color:var(--pd-ink);background:#fff;border-radius:10px;padding:10px 12px;font:13px/1.5 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;display:block}.pd-gen-json{resize:vertical;tab-size:2;min-height:320px}.pd-gen-row{flex-wrap:wrap;gap:8px;display:flex}.pd-gen-row .pd-gen-input{flex:260px;width:auto;min-width:0}.pd-gen-actions{flex-wrap:wrap;align-items:center;gap:8px 12px;margin-top:12px;display:flex}.pd-button{border:1px solid var(--pd-field);min-height:42px;color:var(--pd-ink);font:inherit;cursor:pointer;background:#fff;border-radius:10px;justify-content:center;align-items:center;padding:8px 16px;font-size:15px;font-weight:600;line-height:1.2;text-decoration:none;display:inline-flex}.pd-page a.pd-button{color:var(--pd-ink)}.pd-button:hover{border-color:var(--pd-ink-2)}.pd-button-primary{background:var(--pd-echo);border-color:var(--pd-echo);color:#fff}.pd-button-primary:hover{background:#1547c2;border-color:#1547c2}.pd-gen-meta,.pd-gen-hint{color:var(--pd-ink-3);margin:6px 0 0;font-size:13.5px}.pd-gen-status{color:var(--pd-success);margin:8px 0 0;font-size:14px;font-weight:600}.pd-gen-actions .pd-gen-status{margin:0}.pd-gen-errors,.pd-gen-warnings{border-radius:12px;margin-top:16px;padding:12px 16px;font-size:14px;line-height:1.5}.pd-gen-errors{background:var(--pd-danger-bg);color:var(--pd-danger);border:1px solid #fecdca}.pd-gen-warnings{background:var(--pd-warn-bg);border:1px solid var(--pd-warn-line);color:var(--pd-warn-ink)}.pd-gen-errors-title,.pd-gen-warnings-title{margin:0 0 6px;font-weight:650}.pd-gen-errors ul,.pd-gen-warnings ul,.pd-gen-checks ul{margin:0;padding-inline-start:20px}.pd-gen-errors li,.pd-gen-warnings li,.pd-gen-checks li{overflow-wrap:anywhere;margin:3px 0}.pd-gen-errors .pd-gen-hint{color:var(--pd-danger)}.pd-gen-result{border-top:1px solid var(--pd-line);margin-top:24px;padding-top:20px}.pd-gen-summary{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin:0;display:grid}.pd-gen-summary div{background:var(--pd-bg);border-radius:10px;min-width:0;padding:10px 12px}.pd-gen-summary dt{color:var(--pd-ink-3);font-size:12.5px;font-weight:600}.pd-gen-summary dd{overflow-wrap:anywhere;margin:2px 0 0;font-size:15px}.pd-gen-checks{color:var(--pd-ink-2);font-size:14px}@media (max-width:760px){.pd-page{--pd-gutter:16px;padding-block:32px}.pd-layout{grid-template-columns:minmax(0,1fr);grid-template-areas:"intro""stage""footer";row-gap:32px}.pd-layout>.pd-footer{margin-top:0}.pd-stage{display:block}.pd-frame{width:100%;height:min(600px,80svh)}.pd-message{padding:28px 20px}.pd-gen-block{padding:18px 16px}}@media (prefers-reduced-motion:reduce){.pd-frame{animation:none}}