.vz-stage{position:relative;display:grid;aspect-ratio:4 / 3;min-width:0;max-height:72vh;border-radius:var(--radius-lg);overflow:hidden}.vz-stage>*{grid-area:1 / 1;min-width:0;min-height:0}@media(min-width:960px){.vectorize .ws-stage{display:flex;flex-direction:column}.vz-stage{flex:1 1 0;aspect-ratio:auto;min-height:28rem;max-height:none;grid-template:minmax(0,1fr) / minmax(0,1fr)}}.vectorize [hidden]{display:none!important}.vz-view{position:relative;border-radius:var(--radius-lg);overflow:hidden;animation:t-in var(--dur-3) var(--ease-out);--checks: color-mix(in oklab, var(--ink) 8%, transparent)}.vz-view[data-backdrop=checks]{background:var(--paper) repeating-conic-gradient(var(--checks) 0 25%,transparent 0 50%) 0 0 / 18px 18px}.vz-view[data-backdrop=light]{background:#fff}.vz-view[data-backdrop=dark]{background:#16181b}.vz-scroll{position:absolute;inset:0;display:grid;place-items:center;overflow:hidden;touch-action:none;cursor:ew-resize;overscroll-behavior:contain}.vz-view.is-zoomed .vz-scroll{place-items:start;overflow:auto;cursor:grab;scrollbar-width:thin}.vz-view.is-zoomed.is-panning .vz-scroll{cursor:grabbing}.vz-canvas{position:relative;--split: 50%}.vz-view.is-zoomed .vz-canvas{margin:auto}.vz-layer{position:absolute;inset:0;width:100%;height:100%;display:block;user-select:none;-webkit-user-drag:none;pointer-events:none}.vz-after{clip-path:inset(0 0 0 var(--split))}.vz-before{clip-path:inset(0 calc(100% - var(--split)) 0 0)}.vz-view.is-pixels .vz-before{image-rendering:pixelated}.vz-handle{left:var(--split)}.vz-tag-l{left:var(--space-3)}.vz-tag-r{right:var(--space-3)}.vectorize.is-tracing .vz-after{opacity:.55;transition:opacity var(--dur-2) var(--ease-move)}.vz-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3) var(--space-3);margin-top:var(--space-4)}.vz-split{flex:1 1 10rem;display:flex;min-width:8rem}.vz-zoom{display:flex;align-items:center;gap:var(--space-1);flex:none}.vz-zoom-level{min-width:4rem;padding-inline:var(--space-2);font-family:var(--font-mono);font-size:var(--text-sm);font-variant-numeric:tabular-nums}.vz-backdrop{flex:none;width:7.5rem;margin-left:auto}@media(max-width:600px){.vz-split{flex-basis:100%}}.vz-swatch{display:block;width:1.1rem;height:1.1rem;border-radius:4px;box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--ink) 25%,transparent)}.vz-swatch.is-checks{background:#fff repeating-conic-gradient(#c9c9c9 0 25%,transparent 0 50%) 0 0 / 8px 8px}.vz-swatch.is-light{background:#fff}.vz-swatch.is-dark{background:#16181b}.vz-samples{margin-top:var(--space-4)}.vectorize:not([data-state=empty]) .vz-samples{display:none}.vz-presets button{padding-inline:var(--space-1)}@media(max-width:420px){.vz-presets button{font-size:var(--text-xs)}}.vz-group{display:grid;gap:var(--space-2)}.vz-bg-all{justify-self:start;font-family:inherit}.vz-more-body{display:grid;gap:var(--space-4);padding:var(--space-2) var(--space-3) var(--space-3)}.vz-more[open] .vz-more-body{animation:t-in var(--dur-3) var(--ease-out)}.vz-reset{justify-self:start}.vectorize .field .label output{color:var(--ink-3)}.vz-png-size{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-sm);color:var(--ink-2)}.vz-png-size .control{width:7.5rem}.vz-copies{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2)}.vz-note-text:empty{display:none}.vectorize #vz-save{background:#2f7a3f;color:#fff}.vectorize #vz-save:hover:not(:disabled){background:#4c9a54}@media(prefers-reduced-motion:reduce){.vz-view,.vz-more[open] .vz-more-body{animation:none}}