.demo-card[data-astro-cid-qx5oqgvh]{max-width:40rem;overflow:hidden;border-radius:1rem;border:1px solid var(--color-primary-200);background:#fff;box-shadow:0 1px 2px #2115470f,0 16px 40px -16px #451a7033}.demo-timerbar[data-astro-cid-qx5oqgvh]{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.7rem 1.25rem;color:#fff;background:linear-gradient(90deg,#8536d4,#a05fe0);transition:background .3s ease}.demo-timerbar-label[data-astro-cid-qx5oqgvh]{font-size:.875rem;font-weight:500;opacity:.95}.demo-form[data-astro-cid-qx5oqgvh]{padding:1.25rem;background:#fff}.demo-option[data-astro-cid-qx5oqgvh]{display:flex;align-items:center;gap:.75rem;border:1px solid var(--color-primary-100);border-radius:.5rem;padding:.5rem .75rem;font-size:.875rem;color:var(--color-ink-soft);cursor:pointer;transition:border-color .15s ease,background-color .15s ease}.demo-option[data-astro-cid-qx5oqgvh]:hover{border-color:var(--color-primary-300);background:var(--color-primary-50)}.demo-option[data-astro-cid-qx5oqgvh]:has(input:checked){border-color:var(--color-primary-500);background:var(--color-primary-50);color:var(--color-ink)}.demo-chip[data-astro-cid-qx5oqgvh]{border:1px solid var(--color-primary-200);border-radius:9999px;background:#fff;padding:.3rem .85rem;font-size:.8125rem;font-weight:600;color:var(--color-ink-soft);cursor:pointer;transition:all .15s ease}.demo-chip[data-astro-cid-qx5oqgvh]:hover{border-color:var(--color-primary-400);color:var(--color-primary-700)}.demo-chip--active[data-astro-cid-qx5oqgvh]{background:var(--color-primary-600);border-color:var(--color-primary-600);color:#fff}.demo-btn[data-astro-cid-qx5oqgvh]{display:inline-flex;align-items:center;gap:.4rem;border-radius:9999px;background:var(--color-primary-600);padding:.4rem 1rem;font-size:.8125rem;font-weight:600;color:#fff;cursor:pointer;transition:background-color .15s ease}.demo-btn[data-astro-cid-qx5oqgvh]:hover{background:var(--color-primary-700)}.demo-range[data-astro-cid-qx5oqgvh]{accent-color:var(--color-primary-600);cursor:pointer}.demo-switch[data-astro-cid-qx5oqgvh]{position:relative;width:2.75rem;height:1.5rem;border-radius:9999px;background:var(--color-primary-600);cursor:pointer;transition:background-color .2s ease;flex-shrink:0}.demo-switch[data-astro-cid-qx5oqgvh][aria-checked=false]{background:var(--color-primary-200)}.demo-switch-knob[data-astro-cid-qx5oqgvh]{position:absolute;top:.125rem;inset-inline-start:.125rem;width:1.25rem;height:1.25rem;border-radius:9999px;background:#fff;transition:transform .2s ease;box-shadow:0 1px 2px #00000040}.demo-switch[data-astro-cid-qx5oqgvh][aria-checked=true] .demo-switch-knob[data-astro-cid-qx5oqgvh]{transform:translate(1.25rem)}[dir=rtl] .demo-switch[data-astro-cid-qx5oqgvh][aria-checked=true] .demo-switch-knob[data-astro-cid-qx5oqgvh]{transform:translate(-1.25rem)}.demo-swatch[data-astro-cid-qx5oqgvh]{width:1.5rem;height:1.5rem;border-radius:9999px;border:2px solid transparent;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.demo-swatch[data-astro-cid-qx5oqgvh]:hover{transform:scale(1.12)}.demo-swatch--active[data-astro-cid-qx5oqgvh]{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--color-ink)}.demo-spinner[data-astro-cid-qx5oqgvh]{width:1.75rem;height:1.75rem;border-radius:9999px;border:3px solid var(--color-primary-100);border-top-color:var(--color-primary-600);animation:demo-spin .7s linear infinite}@keyframes demo-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.demo-spinner[data-astro-cid-qx5oqgvh]{animation:none}}