.ide-demo{--muted:#f7f7f8;--border:#e7e7e9;--muted-foreground:#74747e}.dark .ide-demo{--background:#18181b;--card:#1f1f23;--muted:#252529;--border:#343439;--muted-foreground:#a2a2ad}.demo-prose{overflow-wrap:anywhere;outline:none;min-height:480px;font-size:13px;line-height:1.85}.demo-prose h1{letter-spacing:-.035em;margin:0 0 14px;font-size:clamp(22px,2.1vw,30px);font-weight:750;line-height:1.25}.demo-prose h2{letter-spacing:-.02em;margin:26px 0 10px;font-size:17px;font-weight:700;line-height:1.4}.demo-prose h3{margin:18px 0 8px;font-size:15px;font-weight:700}.demo-prose p{margin:8px 0}.demo-prose blockquote{background:color-mix(in srgb, #7531fc 5%, var(--background));border-left:3px solid #a98afa;border-radius:0 6px 6px 0;margin:22px 0;padding:10px 16px;font-size:12px}.demo-prose blockquote p{margin:0}.demo-prose ul,.demo-prose ol{margin:12px 0;padding-left:22px}.demo-prose ul{list-style:outside}.demo-prose ol{list-style:decimal}.demo-prose table{border-collapse:collapse;table-layout:fixed;width:100%;margin:12px 0;font-size:12px}.demo-prose td,.demo-prose th{border:1px solid var(--border);vertical-align:top;padding:7px 12px;position:relative}.demo-prose th{background:var(--muted);text-align:left;font-weight:600}.demo-prose td p,.demo-prose th p{margin:0}.demo-prose .selectedCell:after{content:"";pointer-events:none;background:#7531fc15;position:absolute;inset:0}.demo-prose ul[data-type=taskList]{padding:0;list-style:none}.demo-prose ul[data-type=taskList] li{align-items:flex-start;gap:10px;display:flex}.demo-prose ul[data-type=taskList] li>label{padding-top:13px;display:flex}.demo-prose ul[data-type=taskList] li>div{flex:1;min-width:0}.demo-prose input[type=checkbox]{accent-color:#7531fc;cursor:pointer;width:14px;height:14px}.demo-prose code{background:var(--muted);border-radius:4px;padding:2px 4px;font-size:.9em}.demo-prose pre{background:var(--muted);white-space:pre-wrap;border-radius:6px;padding:14px}.demo-prose pre code{background:0 0;padding:0}.demo-prose a{color:var(--brand-text);text-decoration:underline}.demo-prose hr{border-top:1px solid var(--border);margin:24px 0}.demo-prose:focus-visible{outline:none}.ide-demo .demo-activation-option{background:var(--hero-art-background);border-radius:999px;padding:4px;display:inline-flex;box-shadow:0 4px 20px #1b182229}.ide-demo .demo-activation-option-content{border-radius:inherit;color:#1b1822;white-space:nowrap;align-items:center;gap:12px;padding:10px 16px;font-size:12px;font-weight:600;line-height:20px;display:inline-flex}.ide-demo .demo-activation-pointer{transform-origin:bottom;animation:2.4s ease-in-out infinite demo-activation-tap}@keyframes demo-activation-tap{0%,38%,62%,to{transform:translateY(0)scale(1)}50%{transform:translateY(3px)scale(.92)}}@media (prefers-reduced-motion:reduce){.ide-demo .demo-activation-pointer{animation:none}}