.preview-grid[data-v-2c41412e]{background-color:var(--ui-bg)}.preview-grid__dots[data-v-2c41412e]{--preview-dot:color-mix(in oklch,var(--ui-text-muted) 30%,transparent);background-image:radial-gradient(circle,var(--preview-dot) 1px,transparent 1px);background-position:50%;background-size:24px 24px}.dark{--preview-dot:color-mix(in oklch,var(--ui-text-muted) 18%,transparent)}.code-toggle-footer[data-v-2c41412e]{background-color:var(--ui-bg)}.code-toggle-footer[data-v-2c41412e]:hover{background-color:color-mix(in oklch,var(--ui-text-muted) 5%,var(--ui-bg))}.preview-dead-space[data-v-2c41412e]{background-color:color-mix(in oklch,var(--ui-text-muted) 6%,transparent)}.dark{background-color:color-mix(in oklch,var(--ui-bg) 60%,transparent)}.preview-frame__label[data-v-2c41412e]{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:color-mix(in oklch,var(--ui-bg) 85%,transparent);border:1px solid color-mix(in oklch,var(--ui-text-muted) 25%,transparent);border-radius:9999px;color:var(--ui-text-muted);display:inline-block;font-family:ui-monospace,monospace;font-size:10px;line-height:1;padding:3px 8px;white-space:nowrap}.pill-btn[data-v-2c41412e]{align-items:center;border:1px solid;border-radius:9999px;cursor:pointer;display:inline-flex;font-size:.75rem;line-height:1.5;padding:.125rem .625rem;transition:color .15s,background-color .15s,border-color .15s;white-space:nowrap}.pill-btn--idle[data-v-2c41412e]{background:transparent;border-color:color-mix(in oklch,var(--ui-text-muted) 40%,transparent);color:var(--ui-text-muted)}.pill-btn--idle[data-v-2c41412e]:hover{border-color:color-mix(in oklch,var(--ui-color-primary-500) 40%,transparent);color:var(--ui-text-highlighted)}.pill-btn--active[data-v-2c41412e]{background-color:color-mix(in oklch,var(--ui-color-primary-500) 10%,transparent);border-color:color-mix(in oklch,var(--ui-color-primary-500) 50%,transparent);color:var(--ui-color-primary-600);font-weight:500}.dark{color:var(--ui-color-primary-400)}.preview-skeleton__shimmer[data-v-2c41412e]{animation:shimmer-2c41412e 1.8s ease-in-out infinite;background:linear-gradient(90deg,color-mix(in oklch,var(--ui-text-muted) 8%,transparent) 0,color-mix(in oklch,var(--ui-text-muted) 16%,transparent),color-mix(in oklch,var(--ui-text-muted) 8%,transparent));background-size:200% 100%}@keyframes shimmer-2c41412e{0%{background-position:200% 0}to{background-position:-200% 0}}html.dark .shiki,html.dark .shiki span{background-color:var(--shiki-dark-bg)!important;color:var(--shiki-dark)!important}.shiki code .line{display:block;min-height:1lh}