.demo-page{background:radial-gradient(ellipse 60% 40% at 50% 0%, #d9f24a1f, transparent 70%), var(--ink);min-height:100dvh;color:var(--paper);flex-direction:column;display:flex}.dp-top{align-items:center;gap:20px;height:64px;padding:0 clamp(16px,3vw,32px);display:flex}.dp-top .brand{color:var(--lime)}.dp-top .brand span{color:var(--paper)}.dp-title{font-family:var(--mono);color:var(--dark-muted);align-items:center;gap:10px;margin:0 auto;font-size:12.5px;font-weight:500;display:flex}.dp-actions{align-items:center;gap:8px;display:flex}.dp-link,.dp-cta{white-space:nowrap;border-radius:9px;align-items:center;height:36px;padding:0 14px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.dp-link{color:var(--paper);opacity:.8}.dp-link:hover{opacity:1}.dp-cta{background:var(--lime);color:var(--ink)}.dp-main{flex-direction:column;flex:1;justify-content:center;width:100%;max-width:1320px;margin:0 auto;padding:8px clamp(12px,3vw,32px) 24px;display:flex}.dp-hint{text-align:center;color:var(--dark-muted);margin:14px 0 0;font-size:13px}.dp-hint kbd{min-width:20px;height:20px;font-family:var(--mono);border:1px solid #f2efe640;border-bottom-width:2px;border-radius:5px;place-items:center;padding:0 4px;font-size:11px;display:inline-grid}@media (width<=760px){.dp-link,.dp-hint{display:none}.dp-title{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.dp-top{justify-content:space-between}}