.rp-page{padding-top:72px}.rp-width{max-width:1200px;margin:auto;padding:48px 28px}.rp-hero{background:var(--color-black);color:var(--color-white)}.rp-hero .rp-width{padding-top:72px;padding-bottom:72px}.rp-hero h1{font-family:var(--font-heading);max-width:850px;margin:12px 0 24px;font-size:clamp(36px,5vw,64px);line-height:1.08}.rp-hero p:not(.rp-eyebrow){max-width:620px;font-size:19px;line-height:1.7}.rp-eyebrow{font:500 12px var(--font-mono);letter-spacing:.08em;text-transform:uppercase}.rp-button{background:var(--color-accent);color:var(--color-white);cursor:pointer;font:600 14px var(--font-body);border:0;border-radius:5px;margin-top:18px;padding:14px 20px;text-decoration:none;display:inline-block}.rp-button:disabled{opacity:.5;cursor:not-allowed}.rp-intro{grid-template-columns:1.1fr 1fr;gap:48px;display:grid}.rp-intro aside{background:var(--color-gray-100);border-left:3px solid var(--color-accent);padding:24px}.rp-page h2{font:500 clamp(23px,3vw,32px)/1.25 var(--font-heading);margin:0 0 20px}.rp-page p,.rp-page li{line-height:1.75}.rp-page a:not(.rp-button){text-underline-offset:4px}.rp-workspace{grid-template-columns:320px minmax(0,1fr);align-items:start;gap:32px;scroll-margin-top:90px;display:grid}.rp-controls,.rp-preview{border:1px solid var(--color-gray-200);background:var(--color-white);border-radius:8px;min-width:0;padding:24px}.rp-controls{flex-direction:column;gap:20px;display:flex}.rp-page label{flex-direction:column;gap:8px;font-size:14px;font-weight:600;display:flex}.rp-page input:not([type=checkbox]):not([type=range]),.rp-page select{border:1px solid var(--color-gray-300);background:var(--color-white);width:100%;min-width:0;color:var(--color-black);font:inherit;border-radius:4px;padding:10px}.rp-page input[type=color]{height:42px}.rp-page input[type=range]{width:100%;accent-color:var(--color-accent)}.rp-page :focus-visible{outline:3px solid var(--color-accent);outline-offset:4px}.rp-checks{gap:12px;display:grid}.rp-checks label{flex-direction:row;align-items:center}.rp-context,.rp-note{color:var(--color-gray-700);font-size:13px}.rp-preview hr{border:0;border-top:1px solid var(--color-gray-200);margin:24px 0}.rp-demo{grid-template-columns:repeat(auto-fill,minmax(min(100%,180px),1fr));gap:16px;display:grid}.rp-demo-scroll{padding:4px 4px 16px;display:flex;overflow:auto}.rp-demo-scroll .rp-demo-card{flex:0 0 240px}.rp-demo-list{grid-template-columns:1fr}.rp-demo-card{background:var(--color-white);border-radius:6px;min-width:0;overflow:hidden}.rp-demo-bordered{border:1px solid var(--color-gray-200)}.rp-demo-shadowed{box-shadow:0 4px 12px #0001}.rp-demo-card>div:not(.rp-art){padding:16px}.rp-demo-card h3{font:500 18px/1.4 var(--font-heading);margin:0}.rp-demo-card p{font-size:13px}.rp-reason{color:var(--color-accent);margin-top:12px;display:block}.rp-art{background:#d7dfd2;place-items:center;height:115px;display:grid}.rp-art span{color:#304c3c;border:1px solid #65795f;padding:12px 22px;transform:rotate(-4deg)}.rp-art-1{background:#eee1cf}.rp-art-2{background:#d7ddd9}.rp-art-3{background:#e6dfce}.rp-art-3 span{transform:rotate(4deg)}.rp-empty{background:var(--color-gray-100);padding:24px}.rp-export{padding-top:12px}.rp-page pre{background:var(--color-brand);color:var(--color-white);white-space:pre;max-height:440px;padding:20px;font-size:12px;overflow:auto}.rp-page details{border-top:1px solid var(--color-gray-200);padding:18px 0}.rp-page summary{cursor:pointer;font-weight:600}.rp-install{max-width:850px;padding-top:0}.rp-install li{margin:0 0 14px}.rp-install ol{padding-left:22px}@media (max-width:850px){.rp-workspace,.rp-intro{grid-template-columns:1fr}.rp-width{padding:32px 20px}.rp-preview,.rp-controls{padding:20px}.rp-hero .rp-width{padding:48px 20px}.rp-install{padding-top:0}}