.preview-page{color:#1f3943;background:#f0f0f0}.preview-shell{width:min(1200px,100% - 64px);margin:auto}.preview-page a:focus-visible,.preview-page button:focus-visible,.preview-code-scroll:focus-visible{outline-offset:4px;border-radius:4px;outline:2px solid #0360a2}.preview-hero{background:linear-gradient(120deg,#f0f0f0 40%,#e2ebf0);padding:30px 0 64px}.preview-trail{color:#506977;border-bottom:1px solid #1f394325;gap:10px;margin:0 0 44px;padding-bottom:20px;font-size:13px;display:flex}.preview-trail a{color:#3b6779}.preview-trail a:hover{color:#0360a2}.preview-intro{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);align-items:end;gap:64px;margin-bottom:40px;display:grid}.preview-intro h1{letter-spacing:-.055em;text-wrap:balance;margin:0;font-size:clamp(36px,4.4vw,62px);font-weight:500;line-height:1.08}.preview-intro p{color:#506977;max-width:52ch;margin:0;font-size:16px;line-height:1.75}.preview-form{background:#fff;border:1px solid #c9d6dc;border-radius:20px;box-shadow:0 18px 40px -28px #1f394355}.preview-repo{border-bottom:1px solid #dbe4e8;padding:30px 36px 26px}.preview-repo label{margin-bottom:12px;font-size:15px;font-weight:600;display:block}.preview-repo input{width:100%;font:500 clamp(19px,2.6vw,32px)/1.25 var(--font-geist-mono),monospace;letter-spacing:-.03em;color:#1f3943;background:0 0;border:0;border-bottom:2px solid #3b6779;border-radius:0;outline:none;padding:6px 0 12px;transition:border-color .15s;display:block}.preview-repo input::placeholder{color:#9db1ba}.preview-repo input:focus{border-bottom-color:#0360a2;box-shadow:0 2px #0360a2}.preview-repo input[aria-invalid=true]{border-bottom-color:#b42318}.preview-repo input[aria-invalid=true]:focus{box-shadow:0 2px #b42318}.preview-hint,.preview-error{margin:10px 0 0;font-size:13px;line-height:1.55}.preview-hint{color:#506977}.preview-hint code,.preview-done code{font-family:var(--font-geist-mono),monospace;color:#0360a2;font-size:.95em}.preview-error{color:#b42318;font-weight:500}.preview-error--form{margin:0;padding:0 36px 26px}.preview-error a{color:#0360a2;text-decoration:underline}.preview-contact{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 24px;padding:26px 36px 4px;display:grid}.preview-field--wide{grid-column:1/-1}.preview-field label{margin-bottom:7px;font-size:13px;font-weight:500;display:block}.preview-field label span{color:#6a8290;font-weight:400}.preview-field input,.preview-field textarea{color:#1f3943;background:#f7fafb;border:1px solid #c9d6dc;border-radius:10px;outline:none;width:100%;padding:11px 13px;font-size:15px;transition:border-color .15s,background-color .15s;display:block}.preview-field textarea{resize:vertical;min-height:68px;line-height:1.5}.preview-field input:focus,.preview-field textarea:focus{background:#fff;border-color:#0360a2;box-shadow:0 0 0 3px #0360a222}.preview-field input[aria-invalid=true]{border-color:#b42318}.preview-field input::placeholder,.preview-field textarea::placeholder{color:#8fa4ae}.preview-submit{align-items:center;gap:22px;padding:22px 36px 30px;display:flex}.preview-submit p{color:#506977;max-width:46ch;margin:0;font-size:13px;line-height:1.6}.preview-done{background:#fff;border:1px solid #c9d6dc;border-left:4px solid #33d49d;border-radius:20px;padding:34px 36px;animation:.35s ease-out preview-done-in}.preview-done h2{letter-spacing:-.04em;outline:none;margin:0 0 12px;font-size:clamp(26px,3vw,34px);font-weight:500}.preview-done p{color:#3b6779;max-width:62ch;margin:0 0 10px;font-size:15px;line-height:1.7}.preview-done strong{color:#1f3943;font-weight:600}.preview-text-btn{color:#0360a2;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;margin-top:10px;padding:0;font-size:14px;text-decoration:underline}@keyframes preview-done-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.preview-steps{border-top:1px solid #1f394318;padding:72px 0}.preview-steps h2,.preview-example h2{letter-spacing:-.04em;margin:0 0 32px;font-size:clamp(26px,3vw,38px);font-weight:500;line-height:1.15}.preview-steps ol{counter-reset:step;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin:0;padding:0;list-style:none;display:grid}.preview-steps li{counter-increment:step;border-top:2px solid #3b6779;padding-top:20px}.preview-steps li:before{content:counter(step);letter-spacing:-.04em;color:#0360a2;margin-bottom:14px;font-size:40px;font-weight:300;line-height:1;display:block}.preview-steps h3{letter-spacing:-.02em;margin:0 0 8px;font-size:18px;font-weight:600}.preview-steps p{color:#506977;margin:0;font-size:15px;line-height:1.7}.preview-example{background:#e7eef2;padding:72px 0 80px}.preview-example-grid{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:start;gap:56px;display:grid}.preview-example-lead{color:#506977;margin:-14px 0 28px;font-size:16px;line-height:1.75}.preview-example-lead strong{color:#1f3943}.preview-example dl{margin:0}.preview-example dl>div{border-top:1px solid #1f394325;padding:16px 0}.preview-example dt{margin-bottom:4px;font-size:16px;font-weight:600}.preview-example dd{color:#506977;margin:0;font-size:14px;line-height:1.65}.preview-example dd span{color:#0360a2;margin-top:6px;display:block}.preview-code{color:#d6e3e9;background:#1f3943;border-radius:16px;min-width:0;margin:0;overflow:hidden;box-shadow:0 24px 48px -30px #1f3943}.preview-code figcaption{font:13px/1.5 var(--font-geist-mono),monospace;color:#b9ccd5;border-bottom:1px solid #ffffff1a;flex-wrap:wrap;align-items:baseline;gap:6px 10px;padding:14px 20px;display:flex}.preview-code figcaption span{color:#fff}.preview-code figcaption em{font:italic 12px/1.5 var(--font-geist-sans),sans-serif;color:#9fbac6;margin-left:auto}.preview-code-scroll{overflow-x:auto}.preview-code pre{font:12.5px/1.75 var(--font-geist-mono),monospace;margin:0;padding:16px 0}.preview-code-row{white-space:pre;padding:0 20px 0 0;display:block}.preview-code-row.is-gal{white-space:pre-wrap;text-indent:-3.6em;background:#ffffff0a;padding-left:3.6em}.preview-code-ln{text-align:right;color:#6f8e9b;text-indent:0;-webkit-user-select:none;user-select:none;width:2.4em;margin-right:1.2em;display:inline-block}.preview-code-gap{color:#6f8e9b;padding-left:1.4em;display:block}.gal-slash{color:#7f9ba7}.gal-verb{color:#a8d9f2;font-weight:600}.gal-verb--exposes{color:#ff9b8a}.gal-verb--comment{color:#c6d4da}.gal-id{color:#fff}.gal-desc{color:#9fbac6}.preview-validate{background:#18303a;border-top:1px solid #ffffff1a}.preview-validate pre{white-space:pre-wrap;color:#c6d4da;padding:14px 20px}.preview-fineprint{padding:36px 0 56px}.preview-fineprint p{color:#506977;max-width:78ch;margin:0;font-size:13px;line-height:1.7}.preview-fineprint a{color:#0360a2;text-underline-offset:3px;text-decoration:underline}@media (max-width:900px){.preview-intro,.preview-example-grid{grid-template-columns:minmax(0,1fr);gap:24px}.preview-steps ol{grid-template-columns:minmax(0,1fr);gap:28px}.preview-contact{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){.preview-shell{width:calc(100% - 32px)}.preview-hero{padding:22px 0 48px}.preview-trail{margin-bottom:28px}.preview-repo,.preview-done{padding:22px 20px}.preview-contact{grid-template-columns:minmax(0,1fr);padding:22px 20px 4px}.preview-submit{flex-direction:column;align-items:stretch;gap:14px;padding:20px 20px 24px}.preview-error--form{padding:0 20px 22px}.preview-steps,.preview-example{padding:52px 0}.preview-code figcaption em{width:100%;margin-left:0}}@media (prefers-reduced-motion:reduce){.preview-done{animation:none}.preview-repo input,.preview-field input,.preview-field textarea{transition:none}}@media (forced-colors:active){.preview-repo input[aria-invalid=true],.preview-field input[aria-invalid=true]{border-color:mark}}