.public-demo .editor-heading h1{font-size:30px;letter-spacing:-1px}.public-demo .demo-note{background:#eaf1ff;color:#2458db}.public-demo .topbar .breadcrumb{display:none}.public-demo .plan-card{background:#eaf1ff}.public-demo .preview-caption{line-height:1.6}.public-demo .preview-panel{min-width:0}.public-demo .rr-legal-footer{position:relative}.public-demo a.small-button{text-decoration:none;display:inline-flex;align-items:center}.public-demo .draft-badge{white-space:normal}
@media(max-width:1100px){.public-demo .editor-body{grid-template-columns:300px minmax(0,1fr)}.public-demo .navigation{width:190px}.public-demo .workspace{grid-template-columns:190px minmax(0,1fr)}}
@media(max-width:850px){.public-demo .workspace{display:block}.public-demo .navigation{width:auto;position:static}.public-demo .navigation .widget-context,.public-demo .navigation .nav-label,.public-demo .navigation .plan-card{display:none}.public-demo #sections{display:flex;overflow:auto;gap:5px;padding:6px 0}.public-demo #sections button{flex-shrink:0;width:auto}.public-demo .back{margin:0}.public-demo .editor-body{grid-template-columns:1fr}.public-demo .control-panel{max-height:360px;overflow:auto}.public-demo .topbar{height:auto;min-height:72px;flex-wrap:wrap;padding:12px;gap:8px}.public-demo .topbar .brand{margin-right:auto}.public-demo #save-draft{display:none}.public-demo .draft-badge{font-size:11px}.public-demo .editor-heading h1{font-size:26px}.public-demo .editor-heading{display:block}.public-demo .demo-note{display:inline-block;margin-top:12px}.public-demo main{padding:18px 12px}.public-demo .preview-canvas{padding:12px}.public-demo .preview-bottom{gap:10px;flex-wrap:wrap}.public-demo .preview-toolbar{padding:12px}.public-demo .preview-toolbar small{display:block}.public-demo .navigation{padding:12px}.public-demo .context-tip{padding:12px}.public-demo .plan-card{display:none}}
@media(max-width:850px){.public-demo .control-panel{order:0}.public-demo .preview-panel{order:1}.public-demo .preview-canvas{max-height:none;overflow:visible}.public-demo .back{display:block}.public-demo .topbar .draft-badge{display:inline-block}.public-demo .preview-toolbar strong{font-size:13px}.public-demo .preview-toolbar small{font-size:11px}.public-demo .field,.public-demo .toggle-row,.public-demo .source-row{font-size:12px}}

/* Primary registration action: visually distinct from editor controls. */
.public-demo .signup-cta{display:flex;align-items:center;justify-content:center;gap:18px;width:100%;min-height:60px;padding:17px 24px;border:1px solid #1f50d1;border-radius:14px;background:linear-gradient(135deg,#2862e8,#1f50d1);box-shadow:0 8px 20px #245be42b,inset 0 1px 0 #ffffff26;color:#fff;font:750 17px/1.4 Inter,sans-serif;text-align:center;text-decoration:none;transition:background .18s,box-shadow .18s,transform .18s}
.public-demo .signup-cta:hover{background:#1949c4;box-shadow:0 12px 26px #245be43b;transform:translateY(-2px)}
.public-demo .signup-cta:active{transform:translateY(0);box-shadow:0 4px 10px #245be425}
.public-demo .signup-cta:focus-visible{outline:3px solid #85acff;outline-offset:4px}
.public-demo .signup-arrow{display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;border-radius:9px;background:#ffffff21;color:white;font-size:21px}
.public-demo .demo-conversion-lead{font-size:17px;line-height:1.7;color:#354b6b;margin:0 0 22px}
.public-demo .demo-conversion-steps{display:flex;gap:16px;justify-content:space-between;list-style:none;padding:0;margin:0 0 28px}
.public-demo .demo-conversion-steps li{display:flex;align-items:center;gap:8px;font-size:13px;color:#49617f;line-height:1.5}
.public-demo .demo-conversion-steps li>span{flex:0 0 25px;height:25px;display:grid;place-items:center;border-radius:8px;background:#eaf1ff;color:#245be4;font-size:12px;font-weight:750}
.public-demo .signup-reassurance{font-size:12px;color:#526681;text-align:center;margin:13px 0 25px;line-height:1.8}
.public-demo .demo-conversion-note{border-top:1px solid #e7edf5;padding-top:18px;margin:0;font-size:12px;line-height:1.8;color:#687b95}
.public-demo #demo-dialog:has(.demo-conversion){max-width:680px}
.public-demo .control-panel .demo-conversion-steps{flex-direction:column;gap:10px}
.public-demo .control-panel .signup-cta{padding:15px 12px;gap:8px;font-size:14px}
.public-demo .control-panel .signup-arrow{flex-basis:25px;width:25px;height:25px}
.public-demo .topbar #install{min-height:44px;background:#245be4;border-color:#245be4;box-shadow:0 5px 13px #245be426;font-weight:750}
.public-demo .topbar #install:hover{background:#1949c4}
@media(max-width:560px){.public-demo .demo-conversion-steps{flex-direction:column;gap:10px;margin-bottom:22px}.public-demo .signup-cta{font-size:15px;padding:16px;gap:10px;min-height:58px}.public-demo .signup-arrow{flex-basis:26px;width:26px;height:26px}.public-demo .demo-conversion-lead{font-size:15px}.public-demo .signup-reassurance{font-size:11px}.public-demo #demo-dialog:has(.demo-conversion){width:calc(100% - 24px)}.public-demo #demo-dialog:has(.demo-conversion)>header{padding:20px}.public-demo #demo-dialog:has(.demo-conversion) #dialog-content{padding:22px 20px}.public-demo #demo-dialog:has(.demo-conversion) h2{font-size:21px}}
@media(prefers-reduced-motion:reduce){.public-demo .signup-cta{transition:none}.public-demo .signup-cta:hover{transform:none}}