:root {
  --rp-canvas:#07090D;--rp-surface:#0B0E14;--rp-raised:#1A1D24;--rp-heading:#F5F7FA;--rp-body:#C5C7CE;
  --rp-accent:#3F6EE9;--rp-accent-hover:#5A83EE;--rp-hairline:rgba(245,247,250,.15);
  --space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:32px;--space-9:56px;
  --radius-control:8px;--radius-card:16px;--radius-panel:24px;--radius-pill:999px;
  color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,sans-serif;background:var(--rp-canvas);color:var(--rp-body)
}
*{box-sizing:border-box}body{margin:0}main,footer{width:min(1080px,calc(100% - 32px));margin:auto}main{padding:var(--space-9) 0}footer{border-top:1px solid var(--rp-hairline);padding:var(--space-4) 0}header{max-width:760px;margin-bottom:var(--space-9)}.skip-link{position:fixed;left:var(--space-4);top:var(--space-4);transform:translateY(-200%);z-index:2;background:var(--rp-heading);color:var(--rp-canvas);padding:var(--space-3);border-radius:var(--radius-control)}.skip-link:focus{transform:none}
h1,h2{color:var(--rp-heading);margin:0 0 var(--space-4);line-height:1.05}h1{font-size:clamp(2.5rem,8vw,6.5rem);letter-spacing:-.06em}h2{font-size:1.5rem}.eyebrow{font-size:.75rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--rp-body)}
.panel{background:var(--rp-surface);border:1px solid var(--rp-hairline);border-radius:var(--radius-panel);padding:var(--space-6);margin-bottom:var(--space-6)}label{display:block;font-weight:700;color:var(--rp-heading);margin:var(--space-4) 0 var(--space-2)}label span,.hint{font-weight:400;color:var(--rp-body)}input,button{min-height:44px;border-radius:var(--radius-control);font:inherit}input{width:100%;border:1px solid var(--rp-hairline);background:var(--rp-raised);color:var(--rp-heading);padding:0 var(--space-3)}button{border:0;background:var(--rp-accent);color:#fff;padding:0 var(--space-4);font-weight:800;cursor:pointer}button:hover{background:var(--rp-accent-hover)}button.secondary{background:transparent;border:1px solid var(--rp-hairline);color:var(--rp-heading)}:focus-visible{outline:2px solid #fff;outline-offset:3px}.row{display:grid;grid-template-columns:1fr auto;gap:var(--space-2)}form button{margin-top:var(--space-4)}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:var(--space-4);margin-top:var(--space-9)}.assets{list-style:none;padding:0;display:grid;gap:var(--space-4)}.asset{background:var(--rp-surface);border:1px solid var(--rp-hairline);border-radius:var(--radius-card);padding:var(--space-4)}.asset h3{color:var(--rp-heading);margin-top:0}.urls{display:grid;gap:var(--space-2)}.url{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-2)}code{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:var(--rp-raised);padding:var(--space-3);border-radius:var(--radius-control)}.empty{padding:var(--space-7);border:1px dashed var(--rp-hairline);border-radius:var(--radius-card);text-align:center}
@media(max-width:560px){main{padding-top:var(--space-7)}.row,.url{grid-template-columns:1fr}.section-heading{align-items:center}button{width:100%}.section-heading button{width:auto}}
.templates-section{margin-top:var(--space-9)}.templates{display:grid;gap:var(--space-6);margin-top:var(--space-5)}.template-card{background:var(--rp-surface);border:1px solid var(--rp-hairline);border-radius:var(--radius-panel);padding:var(--space-6)}.template-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-5);align-items:start}.template-heading h3{margin:0 0 var(--space-2);color:var(--rp-heading)}.template-heading p{margin:0}.template-heading button,.copy-snippet{border-radius:var(--radius-pill)}.canvas-list{display:flex;flex-wrap:wrap;gap:var(--space-2);list-style:none;padding:0;margin:var(--space-5) 0}.canvas-list li{border:1px solid var(--rp-hairline);border-radius:var(--radius-pill);padding:var(--space-2) var(--space-3);color:var(--rp-body)}.snippets{display:grid;gap:var(--space-3)}details{border-top:1px solid var(--rp-hairline);padding-top:var(--space-3)}summary{min-height:44px;display:flex;align-items:center;font-weight:700;cursor:pointer;color:var(--rp-heading)}.copy-snippet{margin:var(--space-2) 0}pre{max-height:420px;overflow:auto;background:var(--rp-raised);border-radius:var(--radius-card);padding:var(--space-4)}pre code{white-space:pre;background:transparent;padding:0;border-radius:0}.templates-section>p{max-width:70ch}@media(max-width:700px){.template-heading{grid-template-columns:1fr}.template-heading button{width:100%}.template-card{padding:var(--space-4)}}
@media(prefers-reduced-motion:no-preference){button{transition:background-color 180ms cubic-bezier(.16,1,.3,1)}}
select{width:100%;min-height:44px;border:1px solid var(--rp-hairline);border-radius:var(--radius-control);background:var(--rp-raised);color:var(--rp-heading);padding:0 var(--space-3);font:inherit}
button{border-radius:999px}
.docs{display:grid;gap:var(--space-6);margin-top:var(--space-5)}.notice,.snippet-card{background:var(--rp-surface);border:1px solid var(--rp-hairline);border-radius:var(--radius-card);padding:var(--space-4)}.notice h3,.snippet-card h3,.docs>h3{color:var(--rp-heading);margin-top:0}.notice code,.class-reference code{display:block;white-space:normal;overflow-wrap:anywhere}.guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}.snippet-card .url{grid-template-columns:1fr}.snippet-card .url code{white-space:pre-wrap;overflow-wrap:anywhere}.class-reference{display:grid;grid-template-columns:minmax(120px,.35fr) minmax(0,1fr);margin:0;border-top:1px solid var(--rp-hairline)}.class-reference dt,.class-reference dd{margin:0;padding:var(--space-4) 0;border-bottom:1px solid var(--rp-hairline)}.class-reference dd p{margin-top:0}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
@media(max-width:700px){.guide-grid,.class-reference{grid-template-columns:1fr}.class-reference dt{padding-bottom:0;border-bottom:0}.class-reference dd{padding-top:var(--space-2)}}