.vbp[data-v-c8a56487]{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:rgba(var(--v-theme-surface),.6);border:1px solid rgba(var(--v-theme-on-surface),.08);border-radius:999px;display:inline-flex;gap:4px;padding:4px}.vbp__swatch[data-v-c8a56487]{border:1px solid var(--color-border-strong);border-radius:50%;box-sizing:border-box;cursor:pointer;height:26px;outline:none;padding:0;transition:border-color .12s cubic-bezier(.2,.7,.3,1);width:26px}.vbp__swatch[data-v-c8a56487]:focus-visible{box-shadow:var(--focus-ring)}.vbp__swatch--selected[data-v-c8a56487]{border-color:var(--color-border-focus);border-width:2px}.vbp__swatch--transparent[data-v-c8a56487]{background:conic-gradient(#cbd5e1 25%,#fff 0 50%,#cbd5e1 0 75%,#fff 0) 0 0/12px 12px}.vbp__swatch--white[data-v-c8a56487]{background:#fff}.vbp__swatch--paper[data-v-c8a56487]{background:var(--color-paper-bg)}.vbp__swatch--ink-tint[data-v-c8a56487]{background:var(--color-brand-50)}.vbp__swatch--dark[data-v-c8a56487]{background:var(--color-neutral-950)}.v-theme--dark .vbp__swatch--ink-tint[data-v-c8a56487]{background:var(--color-brand-950)}@media(prefers-reduced-motion:reduce){.vbp__swatch[data-v-c8a56487]{transition:none}}.preview[data-v-cc03c760]{background:rgb(var(--v-theme-surface));border-left:1px solid rgba(var(--v-theme-on-surface),.12);height:100%;overflow:hidden;position:relative;transition:background-color .12s cubic-bezier(.2,.7,.3,1)}.preview[data-bg=white][data-v-cc03c760]{background:#fff}.preview[data-bg=paper][data-v-cc03c760]{background:var(--color-paper-bg)}.preview[data-bg=ink-tint][data-v-cc03c760]{background:var(--color-brand-50)}.preview[data-bg=dark][data-v-cc03c760]{background:var(--color-neutral-950)}.v-theme--dark .preview[data-bg=ink-tint][data-v-cc03c760]{background:var(--color-brand-950)}.preview__tools-btn[data-v-cc03c760]{background:rgb(var(--v-theme-surface));border:1px solid rgba(var(--v-theme-on-surface),.12);bottom:.75rem;color:rgba(var(--v-theme-on-surface),.7);left:.75rem;position:absolute;transition:color .15s ease,border-color .15s ease,background-color .15s ease;z-index:1}.preview__tools-btn[data-v-cc03c760]:hover{border-color:rgba(var(--v-theme-on-surface),.38);color:rgb(var(--v-theme-on-surface))}.preview__tools-btn--armed[data-v-cc03c760]{background:var(--color-brand-50);border-color:var(--color-brand-500);color:var(--color-brand-700)}.v-theme--dark .preview__tools-btn--armed[data-v-cc03c760]{background:var(--color-brand-950);color:var(--color-brand-200)}@media(prefers-reduced-motion:reduce){.preview[data-v-cc03c760]{transition:none}}.preview__host[data-v-cc03c760]{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.preview__host[data-v-cc03c760] .empty{color:rgba(var(--v-theme-on-surface),.5);font-family:Roboto Variable,Roboto,system-ui,sans-serif;font-size:1.5rem;font-style:italic}.preview__error[data-v-cc03c760]{background:rgb(var(--v-theme-surface));border:1px solid rgba(var(--v-theme-on-surface),.12);border-radius:8px;inset:auto .75rem .75rem;max-height:40%;overflow:auto;padding:.75rem;position:absolute}.preview__error-label[data-v-cc03c760]{color:rgb(var(--v-theme-primary));font-size:.75rem;letter-spacing:.15em;margin-bottom:.25rem;text-transform:uppercase}.preview__error pre[data-v-cc03c760],.preview__error-label[data-v-cc03c760]{font-family:Roboto Mono Variable,Roboto Mono,ui-monospace,monospace}.preview__error pre[data-v-cc03c760]{color:rgba(var(--v-theme-on-surface),.7);font-size:.8125rem;white-space:pre-wrap}.preview__rendering[data-v-cc03c760]{background:rgb(var(--v-theme-surface));left:.5rem;pointer-events:none}.preview__rendering[data-v-cc03c760],.preview__reset[data-v-cc03c760]{border:1px solid rgba(var(--v-theme-on-surface),.12);border-radius:8px;color:rgba(var(--v-theme-on-surface),.5);font-family:Roboto Mono Variable,Roboto Mono,ui-monospace,monospace;font-size:.75rem;letter-spacing:.1em;padding:.35rem .65rem;position:absolute;text-transform:uppercase;top:.5rem}.preview__reset[data-v-cc03c760]{background:transparent;cursor:pointer;right:.5rem;transition:color .15s cubic-bezier(.4,0,.2,1),border-color .15s cubic-bezier(.4,0,.2,1)}.preview__reset[data-v-cc03c760]:hover{border-color:rgba(var(--v-theme-on-surface),.38);color:rgb(var(--v-theme-on-surface))}.preview__pinned-chip[data-v-cc03c760]{align-items:center;background:rgb(var(--v-theme-surface));border:1px solid rgba(var(--v-theme-on-surface),.12);border-radius:8px;bottom:.75rem;color:rgba(var(--v-theme-on-surface),.7);cursor:pointer;display:inline-flex;font-family:Roboto Mono Variable,Roboto Mono,ui-monospace,monospace;font-size:.75rem;gap:.5rem;letter-spacing:.1em;padding:.35rem .65rem;position:absolute;right:.5rem;text-transform:uppercase}.preview__pinned-chip[data-v-cc03c760]:hover{border-color:rgba(var(--v-theme-on-surface),.38);color:rgb(var(--v-theme-on-surface))}.preview__pinned-chip-clear[data-v-cc03c760]{font-size:1rem;opacity:.6}[data-v-cc03c760] .is-flow-focus{stroke-width:3px}[data-v-cc03c760] .is-flow-down,[data-v-cc03c760] .is-flow-up{stroke-width:2px}[data-v-cc03c760] .is-flow-muted{opacity:.3;transition:opacity 80ms ease-out}@media(prefers-reduced-motion:reduce){[data-v-cc03c760] .is-flow-muted{transition:none}}.v-theme--dark[data-v-cc03c760] .is-flow-muted{opacity:.4}.preview[data-v-cc03c760]{--flow-up-stroke:var(--color-brand-300)}.v-theme--dark .preview[data-v-cc03c760]{--flow-up-stroke:var(--color-brand-200)}.preview__tools-panel[data-v-cc03c760]{background:rgb(var(--v-theme-surface));border:1px solid rgba(var(--v-theme-on-surface),.12);border-radius:12px;min-width:200px;padding:.75rem}.preview__tools-caption[data-v-cc03c760]{color:rgba(var(--v-theme-on-surface),.55);display:block;font-size:.7rem;letter-spacing:.08em;margin-bottom:.4rem;text-transform:uppercase}.preview__tools-toggle[data-v-cc03c760]{align-items:center;background:transparent;border:1px solid rgba(var(--v-theme-on-surface),.12);border-radius:8px;color:rgba(var(--v-theme-on-surface),.82);cursor:pointer;display:flex;font-size:.8125rem;gap:.5rem;padding:.45rem .6rem;text-align:left;transition:color .15s ease,border-color .15s ease,background-color .15s ease;width:100%}.preview__tools-toggle[data-v-cc03c760]:hover{border-color:rgba(var(--v-theme-on-surface),.38)}.preview__tools-toggle--active[data-v-cc03c760]{background:var(--color-brand-50);border-color:var(--color-brand-500);color:var(--color-brand-700)}.v-theme--dark .preview__tools-toggle--active[data-v-cc03c760]{background:var(--color-brand-950);color:var(--color-brand-200)}