.rd-demo-unified-view:where(.astro-cu7prny4){grid-template-columns:minmax(0,1.18fr) minmax(0,1fr);align-items:stretch;gap:16px;padding:0;display:grid}@media (width<=1024px){.rd-demo-unified-view:where(.astro-cu7prny4){grid-template-columns:1fr}}.rd-demo-col-illustration:where(.astro-cu7prny4){box-sizing:border-box;border-radius:8px;justify-content:center;align-items:center;width:100%;height:100%;padding:0;line-height:0;display:flex}.rd-demo-col-illustration:where(.astro-cu7prny4) svg{border-radius:6px;width:100%;height:auto;max-height:335px;display:block;overflow:hidden}.rd-demo-col-sidebar:where(.astro-cu7prny4){flex-direction:column;justify-content:space-between;gap:10px;display:flex}.rd-demo-controls-panel:where(.astro-cu7prny4){background:#0f172a8c;border:1px solid #ffffff14;border-radius:8px;flex-direction:column;gap:8px;padding:9px 12px;display:flex}.rd-panel-header:where(.astro-cu7prny4){border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding-bottom:5px;display:flex}.rd-panel-title:where(.astro-cu7prny4){text-transform:uppercase;letter-spacing:.06em;color:#94a3b8;font-size:11px;font-weight:700}.rd-panel-badge:where(.astro-cu7prny4){color:#10b981;text-transform:uppercase;letter-spacing:.04em;background:#10b9811f;border:1px solid #10b98140;border-radius:3px;padding:1px 5px;font-size:9.5px;font-weight:600}.rd-controls-compact-grid:where(.astro-cu7prny4){flex-direction:column;gap:7px;display:flex}.rd-control-row:where(.astro-cu7prny4){flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.rd-control-row-toggles:where(.astro-cu7prny4){border-top:1px dashed #ffffff0f;padding-top:5px}.rd-control-group:where(.astro-cu7prny4){align-items:center;gap:7px;display:flex}.rd-control-label:where(.astro-cu7prny4){color:#cbd5e1;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;font-size:11px;font-weight:600}.rd-segmented-pill:where(.astro-cu7prny4){background:#181c24;border:1px solid #ffffff14;border-radius:6px;gap:2px;padding:2px;display:inline-flex}.rd-seg-btn:where(.astro-cu7prny4){color:#94a3b8;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;gap:4px;padding:3px 8px;font-size:11px;font-weight:500;line-height:1.2;transition:all .18s;display:inline-flex}.rd-seg-btn:where(.astro-cu7prny4):hover{color:#fff}.rd-seg-btn:where(.astro-cu7prny4).active{color:#fff;background:#2b3240;box-shadow:0 1px 3px #00000059}.rd-demo-dot:where(.astro-cu7prny4){border-radius:50%;width:7px;height:7px}.rd-presets-row:where(.astro-cu7prny4){align-items:center;gap:6px;display:inline-flex}.rd-toggles-grid:where(.astro-cu7prny4){align-items:center;gap:12px;display:inline-flex}.rd-switch-item:where(.astro-cu7prny4){cursor:pointer;user-select:none;align-items:center;gap:5px;transition:opacity .2s;display:inline-flex}.rd-switch-item:where(.astro-cu7prny4) input:where(.astro-cu7prny4){opacity:0;pointer-events:none;position:absolute}.rd-switch-slider:where(.astro-cu7prny4){background:#333842;border-radius:12px;flex-shrink:0;width:24px;height:14px;transition:background .2s;position:relative}.rd-switch-slider:where(.astro-cu7prny4):after{content:"";background:#e2e8f0;border-radius:50%;width:10px;height:10px;transition:transform .2s cubic-bezier(.4,0,.2,1);position:absolute;top:2px;left:2px}.rd-switch-item:where(.astro-cu7prny4) input:where(.astro-cu7prny4):checked+.rd-switch-slider:where(.astro-cu7prny4){background:#10b981}.rd-switch-item:where(.astro-cu7prny4) input:where(.astro-cu7prny4):checked+.rd-switch-slider:where(.astro-cu7prny4):after{transform:translate(10px)}.rd-switch-text:where(.astro-cu7prny4){color:#cbd5e1;font-size:11px;font-weight:500}.rd-demo-code-card:where(.astro-cu7prny4){background:#090d16;border:1px solid #ffffff14;border-radius:8px;flex-direction:column;flex:1;display:flex;overflow:hidden;box-shadow:0 8px 24px -8px #00000080}.rd-code-header:where(.astro-cu7prny4){color:#8b949e;background:#ffffff05;border-bottom:1px solid #ffffff0f;align-items:center;padding:6px 12px;font-size:11px;display:flex}.code-dot:where(.astro-cu7prny4){border-radius:50%;width:8px;height:8px;margin-right:5px}.code-dot:where(.astro-cu7prny4).red{background:#ff5f56}.code-dot:where(.astro-cu7prny4).yellow{background:#ffbd2e}.code-dot:where(.astro-cu7prny4).green{background:#27c93f}.code-title:where(.astro-cu7prny4){color:#c9d1d9;flex:1;margin-left:6px;font-family:Roboto Mono,Monaco,monospace;font-size:11px}.rd-copy-code-btn:where(.astro-cu7prny4){color:#c9d1d9;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:4px;align-items:center;gap:4px;padding:2px 7px;font-size:10.5px;transition:all .2s;display:flex}.rd-copy-code-btn:where(.astro-cu7prny4):hover{color:#fff;background:#ffffff1f}.rd-copy-code-btn:where(.astro-cu7prny4).copied{color:#34d399;background:#10b98133;border-color:#10b981}.rd-code-content:where(.astro-cu7prny4){flex:1;padding:0;display:flex;overflow-x:auto}.rd-code-content:where(.astro-cu7prny4) pre:where(.astro-cu7prny4){flex:1;background:0 0!important;margin:0!important;padding:9px 12px!important;font-family:Roboto Mono,Monaco,monospace!important;font-size:11.5px!important;line-height:1.42!important}.rd-code-content:where(.astro-cu7prny4) .token.tag,.tok-tag:where(.astro-cu7prny4){color:#f43f5e;font-weight:600}.rd-code-content:where(.astro-cu7prny4) .token.attr-name,.tok-attr:where(.astro-cu7prny4){color:#38bdf8}.rd-code-content:where(.astro-cu7prny4) .token.attr-value,.tok-val:where(.astro-cu7prny4){color:#34d399}.rd-code-content:where(.astro-cu7prny4) .token.punctuation,.tok-punct:where(.astro-cu7prny4){color:#94a3b8}.text-emerald:where(.astro-cu7prny4){color:#34d399}.text-surface:where(.astro-cu7prny4){color:#cbd5e1}.text-cyan:where(.astro-cu7prny4){color:#38bdf8}.rd-presets-grid:where(.astro-cu7prny4){grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:40px;display:grid}.rd-preset-card:where(.astro-cu7prny4){background:#0f172a99;border:1px solid #ffffff14;border-radius:14px;flex-direction:column;gap:12px;padding:22px;display:flex;position:relative;overflow:hidden}.rd-preset-card-header:where(.astro-cu7prny4){justify-content:space-between;align-items:center;display:flex}.rd-preset-title-group:where(.astro-cu7prny4){align-items:center;gap:10px;display:flex}.rd-preset-dot:where(.astro-cu7prny4){border-radius:50%;flex-shrink:0;width:16px;height:16px}.rd-preset-name:where(.astro-cu7prny4){color:#fff;font-size:15px;font-weight:700}.rd-preset-badge:where(.astro-cu7prny4){color:#94a3b8;background:#ffffff0d;border-radius:4px;padding:2px 8px;font-family:monospace;font-size:11px;&:empty{display:none}}.rd-preset-desc:where(.astro-cu7prny4){color:#94a3b8;margin:0;font-size:13px;line-height:1.5}.rd-preset-footer:where(.astro-cu7prny4){border-top:1px solid #ffffff0d;justify-content:space-between;align-items:center;margin-top:auto;padding-top:10px;display:flex}.rd-preset-code:where(.astro-cu7prny4){color:#38bdf8;background:#38bdf81a;border-radius:4px;padding:2px 6px;font-size:12px}.rd-recipe-code:where(.astro-cu7prny4){padding:20px}.rd-geometry-grid:where(.astro-cu7prny4){grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px;margin-bottom:32px;display:grid}.rd-geometry-card:where(.astro-cu7prny4){background:#0f172a99;border:1px solid #ffffff14;border-radius:14px;padding:24px}.rd-geometry-title:where(.astro-cu7prny4){color:#fff;align-items:center;gap:8px;margin-bottom:12px;font-size:18px;font-weight:700;display:flex}.rd-geometry-desc:where(.astro-cu7prny4){color:#94a3b8;margin-bottom:16px;font-size:13.5px;line-height:1.6}.rd-geometry-list:where(.astro-cu7prny4){flex-direction:column;gap:10px;margin:0;padding:0;font-size:13px;list-style:none;display:flex}.rd-geometry-item:where(.astro-cu7prny4){background:#ffffff05;border-radius:6px;justify-content:space-between;padding:8px 12px;display:flex}.rd-geometry-text:where(.astro-cu7prny4){color:#cbd5e1}.rd-scale-item:where(.astro-cu7prny4){background:#ffffff05;border-radius:6px;padding:10px 12px}.rd-scale-item-head:where(.astro-cu7prny4){justify-content:space-between;margin-bottom:4px;display:flex}.rd-scale-item-sub:where(.astro-cu7prny4){color:#64748b;font-size:12px}.rd-next-banner:where(.astro-cu7prny4){text-align:center;background:#0f172a99;border:1px solid #10b9814d;border-radius:16px;margin-top:48px;padding:40px 24px}.rd-next-title:where(.astro-cu7prny4){color:#fff;margin-bottom:10px;font-size:22px;font-weight:700}.rd-next-desc:where(.astro-cu7prny4){color:#94a3b8;max-width:600px;margin:0 auto 20px;font-size:14px;line-height:1.6}.rd-next-link:where(.astro-cu7prny4){color:#fff;background:#10b981;border-radius:8px;align-items:center;gap:8px;padding:10px 22px;font-weight:600;text-decoration:none;display:inline-flex}