.lab-chevron[data-v-35916f0b]{transition:transform .15s var(--ease-out)}.lab-chevron.is-open[data-v-35916f0b]{transform:rotate(90deg)}@media (prefers-reduced-motion:reduce){.lab-chevron[data-v-35916f0b]{transition:none}}.pub-art-auto{--art-bg:#f5f5f5;--art-ink:#171717;--art-dark:0}.dark .pub-art-auto{--art-bg:#0a0a0a;--art-ink:#fafafa;--art-dark:1}.lab-ruler[data-v-3c710c41]{color:#d4d4d4;font-variant-numeric:tabular-nums;letter-spacing:.01em;background:#fff;width:100%;height:100%;font-size:9px;overflow:hidden}.dark .lab-ruler[data-v-3c710c41]{color:#404040;background:#171717}.lab-ruler-frame[data-v-3c710c41]{fill:#fafafa}.dark .lab-ruler-frame[data-v-3c710c41]{fill:#1f1f1f}.lab-ruler-ticks[data-v-3c710c41]{stroke:currentColor;stroke-width:1px}.lab-ruler-labels text[data-v-3c710c41]{fill:#c4c4c4}.lab-ruler-labels text.is-inside[data-v-3c710c41]{fill:#8a8a8a}.dark .lab-ruler-labels text[data-v-3c710c41]{fill:#525252}.dark .lab-ruler-labels text.is-inside[data-v-3c710c41]{fill:#8a8a8a}.lab-ruler-selection[data-v-3c710c41]{fill:#4f7cff;fill-opacity:.14}.lab-ruler-selection-labels text[data-v-3c710c41]{fill:#4f7cff;font-weight:500}.dark .lab-ruler-selection-labels text[data-v-3c710c41]{fill:#7d9dff}.lab-ruler-cursor[data-v-3c710c41]{stroke:#737373;stroke-width:1px;shape-rendering:crispedges}.dark .lab-ruler-cursor[data-v-3c710c41]{stroke:#a3a3a3}.lab-stage[data-v-b1b7422d]{--stage-padding:2.5rem;--ruler:20px;padding:var(--stage-padding) 1.25rem}.lab-stage.has-rulers[data-v-b1b7422d]{padding:calc(var(--stage-padding) + var(--ruler)) 1.25rem var(--stage-padding) calc(1.25rem + var(--ruler))}.lab-frame[data-v-b1b7422d]{touch-action:none;-webkit-user-select:none;user-select:none;width:100%}@media (width>=1024px){.lab-stage[data-v-b1b7422d]{height:100%;padding:0;container-type:size}.lab-stage.has-rulers[data-v-b1b7422d]{padding:var(--ruler) 0 0 var(--ruler)}.lab-frame[data-v-b1b7422d]{width:min(100cqw - 3rem,(100cqh - var(--stage-padding) * 2) * 2)}}.lab-frame[data-v-b1b7422d]:after{content:"";pointer-events:none;outline-offset:-1px;outline:1px solid #0000001a;position:absolute;inset:0}.dark .lab-frame[data-v-b1b7422d]:after{outline-color:#ffffff1a}.lab-ruler-corner[data-v-b1b7422d],.lab-ruler-track[data-v-b1b7422d]{z-index:20;position:absolute}.lab-ruler-track.is-x[data-v-b1b7422d]{top:0;left:var(--ruler);height:var(--ruler);cursor:row-resize;right:0}.lab-ruler-track.is-y[data-v-b1b7422d]{top:var(--ruler);width:var(--ruler);cursor:col-resize;bottom:0;left:0}.lab-ruler-corner[data-v-b1b7422d]{width:var(--ruler);height:var(--ruler);background:#fff;justify-content:center;align-items:center;display:flex;top:0;left:0}.dark .lab-ruler-corner[data-v-b1b7422d]{background:#171717}.lab-ruler-corner[data-v-b1b7422d]:after,.lab-ruler-track[data-v-b1b7422d]:after{content:"";pointer-events:none;position:absolute;inset:0;box-shadow:inset -1px -1px #e5e5e5}.lab-ruler-track.is-x[data-v-b1b7422d]:after{box-shadow:inset 0 -1px #e5e5e5}.lab-ruler-track.is-y[data-v-b1b7422d]:after{box-shadow:inset -1px 0 #e5e5e5}.dark .lab-ruler-track.is-x[data-v-b1b7422d]:after{box-shadow:inset 0 -1px #262626}.dark .lab-ruler-track.is-y[data-v-b1b7422d]:after{box-shadow:inset -1px 0 #262626}.dark .lab-ruler-corner[data-v-b1b7422d]:after{box-shadow:inset -1px -1px #262626}.lab-ruler-clear[data-v-b1b7422d]{color:#a3a3a3;cursor:pointer;width:100%;height:100%;transition:transform .16s var(--ease-out),opacity .15s var(--ease-out);justify-content:center;align-items:center;display:inline-flex}.lab-ruler-clear[data-v-b1b7422d]:hover{color:#f43f5e}.lab-ruler-clear[data-v-b1b7422d]:active{transform:scale(.9)}.lab-ruler-clear[data-v-b1b7422d]:focus-visible{outline-offset:-2px;outline:1px solid #4f7cff}.lab-corner-enter-from[data-v-b1b7422d],.lab-corner-leave-to[data-v-b1b7422d]{opacity:0;transform:scale(.8)}.lab-corner-leave-active[data-v-b1b7422d]{transition-duration:.1s}.lab-guide[data-v-b1b7422d]{pointer-events:auto;position:absolute;top:0;left:0}.lab-guide.is-x[data-v-b1b7422d]{cursor:ew-resize;width:9px;margin-left:-4px;bottom:0}.lab-guide.is-y[data-v-b1b7422d]{cursor:ns-resize;height:9px;margin-top:-4px;right:0}.lab-guide[data-v-b1b7422d]:before{content:"";opacity:.5;background:#f43f5e;position:absolute}.lab-guide.is-x[data-v-b1b7422d]:before{width:1px;top:0;bottom:0;left:4px}.lab-guide.is-y[data-v-b1b7422d]:before{height:1px;top:4px;left:0;right:0}.lab-guide.is-lit[data-v-b1b7422d]:before,.lab-guide[data-v-b1b7422d]:hover:before{opacity:1}.lab-guide.is-removing[data-v-b1b7422d]:before{opacity:.2}.lab-measure-label[data-v-b1b7422d]{z-index:20;font-variant-numeric:tabular-nums;color:#fff;white-space:nowrap;pointer-events:none;background:#f43f5e;padding:0 3px;font-size:10px;line-height:14px;position:absolute;transform:translate(-50%,-50%)}@media (prefers-reduced-motion:reduce){.lab-corner-enter-from[data-v-b1b7422d],.lab-corner-leave-to[data-v-b1b7422d]{transform:none}}.lab-tiles[data-v-3d5fd484]{justify-content:safe center}.lab-tile[data-v-3d5fd484]{--tile-bg:#fff;--tile-border:#e5e5e5;--tile-muted:#737373;--tile-bar:#e5e5e5;--tile-bar-strong:#d4d4d4;--tile-edge:#0000001a;background:var(--tile-bg);box-shadow:inset 0 0 0 1px var(--tile-border)}.lab-tile.is-dark[data-v-3d5fd484]{--tile-bg:#171717;--tile-border:#262626;--tile-muted:#a3a3a3;--tile-bar:#262626;--tile-bar-strong:#404040;--tile-edge:#ffffff1a}.lab-tile-label[data-v-3d5fd484]{letter-spacing:.06em;text-transform:uppercase;font-weight:500}.lab-tile-caption[data-v-3d5fd484],.lab-tile-label[data-v-3d5fd484]{color:var(--tile-muted);font-size:11px}.lab-tile-caption[data-v-3d5fd484]{text-align:left;font-style:normal}.lab-bar[data-v-3d5fd484]{background:var(--tile-bar);height:5px;display:block}.lab-bar.is-strong[data-v-3d5fd484]{background:var(--tile-bar-strong)}.lab-thumb[data-v-3d5fd484]{position:relative}.lab-thumb[data-v-3d5fd484]:after{content:"";pointer-events:none;outline:1px solid var(--tile-edge);outline-offset:-1px;position:absolute;inset:0}.lab-switch-track[data-v-5b3c51df]{transition:background-color .15s var(--ease-out)}.lab-switch-thumb[data-v-5b3c51df]{transition:transform .15s var(--ease-out)}.lab-switch-thumb.is-on[data-v-5b3c51df]{transform:translate(12px)}@media (prefers-reduced-motion:reduce){.lab-switch-thumb[data-v-5b3c51df]{transition:none}}.lab-slider[data-v-637043f6]{cursor:ew-resize;touch-action:none}.lab-slider[data-v-637043f6]:focus-visible{box-shadow:inset 0 0 0 1px #4f7cff}.lab-chip-ground[data-v-b9bf0f72]{justify-content:center;align-items:center;width:.875rem;height:.875rem;display:inline-flex;box-shadow:inset 0 0 0 1px #80808040}.lab-field[data-v-b9bf0f72],.lab-hue[data-v-b9bf0f72]{touch-action:none;cursor:crosshair;outline:none;position:relative}.lab-field[data-v-b9bf0f72]{aspect-ratio:16/10;background:linear-gradient(to top,#000,transparent),linear-gradient(to right,#fff,var(--hue))}.lab-hue[data-v-b9bf0f72]{cursor:ew-resize;background:linear-gradient(90deg,red,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red);height:.625rem}.lab-field[data-v-b9bf0f72]:after,.lab-hue[data-v-b9bf0f72]:after{content:"";pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #0000001a}.lab-field[data-v-b9bf0f72]:focus-visible:after,.lab-hue[data-v-b9bf0f72]:focus-visible:after{box-shadow:inset 0 0 0 1px #4f7cff}.lab-thumb[data-v-b9bf0f72]{z-index:1;pointer-events:none;width:.75rem;height:.75rem;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 2px #fff,0 0 0 3px #0003,0 1px 3px 1px #0003}.lab-thumb.is-hue[data-v-b9bf0f72]{width:.375rem;height:.875rem;top:50%}.lab-hex[data-v-b9bf0f72]{font-variant-numeric:tabular-nums;letter-spacing:.02em}.lab-link[data-v-b9bf0f72]{cursor:pointer;color:#737373;width:1.75rem;height:1.75rem;transition:transform .16s var(--ease-out);justify-content:center;align-items:center;display:inline-flex}.lab-link.is-on[data-v-b9bf0f72],.lab-link[data-v-b9bf0f72]:hover{color:#171717}.lab-link.is-on[data-v-b9bf0f72]{background:#f5f5f5}.dark .lab-link.is-on[data-v-b9bf0f72],.dark .lab-link[data-v-b9bf0f72]:hover{color:#f5f5f5}.dark .lab-link.is-on[data-v-b9bf0f72]{background:#262626b3}.lab-link[data-v-b9bf0f72]:active{transform:scale(.94)}.lab-link[data-v-b9bf0f72]:focus-visible{outline-offset:-1px;outline:1px solid #4f7cff}.lab-caption[data-v-5819c311]{font-variant-numeric:tabular-nums}.lab-swatches[data-v-5819c311]{background:var(--swatch-ground);box-shadow:inset 0 0 0 1px #0000000f}.dark .lab-swatches[data-v-5819c311]{box-shadow:inset 0 0 0 1px #ffffff0f}.lab-swatch[data-v-5819c311]{aspect-ratio:1;cursor:pointer;outline:none;justify-content:center;align-items:center;min-height:1.5rem;display:flex}.lab-swatch-chip[data-v-5819c311]{background:var(--swatch);width:.75rem;height:.75rem;transition:transform .16s var(--ease-out)}.lab-swatch.is-custom:not(.is-on) .lab-swatch-chip[data-v-5819c311]{background:conic-gradient(from 90deg,#f87171,#facc15,#4ade80,#22d3ee,#60a5fa,#a78bfa,#f472b6,#f87171)}.lab-swatch:active .lab-swatch-chip[data-v-5819c311]{transform:scale(.85)}.lab-swatch.is-on .lab-swatch-chip[data-v-5819c311],.lab-swatch.is-open .lab-swatch-chip[data-v-5819c311]{outline:1px solid var(--swatch-ring);outline-offset:2px}.lab-swatch.is-inherited .lab-swatch-chip[data-v-5819c311]{outline-style:dashed}.lab-swatch[data-v-5819c311]:focus-visible{box-shadow:inset 0 0 0 1px #4f7cff}@media (prefers-reduced-motion:reduce){.lab-swatch-chip[data-v-5819c311]{transition:none}}.lab-tool[data-v-653f4041]{cursor:pointer;color:#737373;width:1.75rem;height:1.75rem;transition:transform .16s var(--ease-out);justify-content:center;align-items:center;display:inline-flex}.lab-tool[data-v-653f4041]:hover{color:#171717}.dark .lab-tool[data-v-653f4041]:hover{color:#f5f5f5}.lab-tool[data-v-653f4041]:active{transform:scale(.94)}.lab-tool.is-on[data-v-653f4041]{color:#171717;background:#f5f5f5}.dark .lab-tool.is-on[data-v-653f4041]{color:#f5f5f5;background:#262626b3}.lab-flip-icon[data-v-653f4041]{transition:transform .3s var(--ease-in-out)}.lab-flip-icon.is-x[data-v-653f4041]{transform:perspective(40px) rotateY(var(--turn))}.lab-flip-icon.is-y[data-v-653f4041]{transform:perspective(40px) rotateX(var(--turn))}@media (prefers-reduced-motion:reduce){.lab-flip-icon[data-v-653f4041]{transition:none}}.lab-action[data-v-653f4041]:focus-visible,.lab-tool[data-v-653f4041]:focus-visible{outline-offset:-1px;outline:1px solid #4f7cff}.lab-action[data-v-653f4041]{cursor:pointer;height:1.75rem;transition:transform .16s var(--ease-out);background:#f5f5f5;align-items:center;gap:.5rem;padding:0 .5rem;font-size:.75rem;display:flex}.lab-action[data-v-653f4041]:hover:not(:disabled){background:#e5e5e5}.lab-action[data-v-653f4041]:active:not(:disabled){transform:scale(.98)}.lab-action[data-v-653f4041]:disabled{opacity:.4;cursor:default}.dark .lab-action[data-v-653f4041]{background:#262626b3}.dark .lab-action[data-v-653f4041]:hover:not(:disabled){background:#404040}.lab-action-kbd[data-v-653f4041]{color:#a3a3a3;margin-left:auto;font-family:inherit;font-size:.6875rem}@media (width>=1024px){html.lab-page{overflow:hidden}}.lab-body[data-v-429cfd50]{opacity:0;flex:1;grid-template-columns:minmax(0,1fr);grid-template-areas:"canvas""layers""inspector";min-height:0;display:grid}.lab-body.is-ready[data-v-429cfd50]{opacity:1;transition:opacity .3s var(--ease-out)}@media (width>=1024px){.lab-body[data-v-429cfd50]{--layers-width:13rem;--inspector-width:16rem;--layers-track:var(--layers-width);--inspector-track:var(--inspector-width);grid-template-columns:var(--layers-track) minmax(0,1fr) var(--inspector-track);grid-template-rows:minmax(0,1fr);grid-template-areas:"layers canvas inspector"}.lab-body.is-animated[data-v-429cfd50]{transition:opacity .3s var(--ease-out),grid-template-columns .22s var(--ease-out)}.lab-body.layers-closed[data-v-429cfd50]{--layers-track:0px}.lab-body.inspector-closed[data-v-429cfd50]{--inspector-track:0px}}@media (width>=1440px){.lab-body[data-v-429cfd50]{--layers-width:15rem;--inspector-width:18rem}}.lab-panel-inner[data-v-429cfd50]{padding:.75rem}@media (width>=1024px){.lab-panel[data-v-429cfd50]{--panel-line:#e5e5e5;min-height:0;display:flex;overflow:hidden auto}.dark .lab-panel[data-v-429cfd50]{--panel-line:#262626}.lab-panel-inner[data-v-429cfd50]{flex-shrink:0}.lab-panel-layers[data-v-429cfd50]{box-shadow:inset -1px 0 0 var(--panel-line);justify-content:flex-end}.lab-panel-layers .lab-panel-inner[data-v-429cfd50]{width:var(--layers-width)}.lab-panel-inspector[data-v-429cfd50]{box-shadow:inset 1px 0 0 var(--panel-line)}.lab-panel-inspector .lab-panel-inner[data-v-429cfd50]{width:var(--inspector-width)}.lab-panel.is-closed[data-v-429cfd50]{visibility:hidden;transition:visibility 0s .22s}}.lab-toolbar-button[data-v-429cfd50]{color:#525252;cursor:pointer;min-width:1.75rem;height:1.75rem;transition:transform .16s var(--ease-out);justify-content:center;align-items:center;font-size:.75rem;display:inline-flex}.lab-toolbar-button[data-v-429cfd50]:hover:not(:disabled){color:#171717;background:#f5f5f5}.lab-toolbar-button[data-v-429cfd50]:active:not(:disabled){transform:scale(.96)}.lab-toolbar-button[data-v-429cfd50]:disabled{opacity:.35;cursor:default}.dark .lab-toolbar-button[data-v-429cfd50]{color:#d4d4d4}.dark .lab-toolbar-button[data-v-429cfd50]:hover:not(:disabled){color:#fafafa;background:#262626}.lab-primary-button[data-v-429cfd50]{color:#fafafa;cursor:pointer;height:1.75rem;transition:transform .16s var(--ease-out);background:#171717;align-items:center;padding:0 .625rem;font-size:.75rem;font-weight:500;display:inline-flex}.lab-primary-button[data-v-429cfd50]:active:not(:disabled){transform:scale(.97)}.lab-primary-button[data-v-429cfd50]:disabled{opacity:.4;cursor:default}.dark .lab-primary-button[data-v-429cfd50]{color:#171717;background:#fafafa}.lab-primary-button[data-v-429cfd50]:focus-visible,.lab-toolbar-button[data-v-429cfd50]:focus-visible{outline-offset:1px;outline:1px solid #4f7cff}.lab-menu-item[data-v-429cfd50]{text-align:left;cursor:pointer;outline:none;gap:.375rem;width:100%;padding:.375rem .5rem;display:flex}.lab-menu-item[data-v-429cfd50]:focus-visible,.lab-menu-item[data-v-429cfd50]:hover{background:#f5f5f5}.dark .lab-menu-item[data-v-429cfd50]:focus-visible,.dark .lab-menu-item[data-v-429cfd50]:hover{background:#262626}.lab-kbd[data-v-429cfd50]{text-align:center;color:#525252;background:#f5f5f5;min-width:1.25rem;padding:0 .3rem;font-family:inherit;font-size:.6875rem;box-shadow:inset 0 -1px #e5e5e5}.dark .lab-kbd[data-v-429cfd50]{color:#d4d4d4;background:#262626;box-shadow:inset 0 -1px #404040}.lab-chevron[data-v-429cfd50]{transition:transform .15s var(--ease-out)}.lab-chevron.is-open[data-v-429cfd50]{transform:rotate(90deg)}.lab-collapse[data-v-429cfd50]{transition:grid-template-rows .2s var(--ease-out);grid-template-rows:0fr;display:grid}.lab-collapse.is-open[data-v-429cfd50]{grid-template-rows:1fr}.lab-swap-enter-active[data-v-429cfd50],.lab-swap-leave-active[data-v-429cfd50]{transition:opacity .15s var(--ease-out),transform .15s var(--ease-out),filter .15s var(--ease-out)}.lab-swap-enter-from[data-v-429cfd50],.lab-swap-leave-to[data-v-429cfd50]{opacity:0;filter:blur(2px);transform:scale(.8)}@media (prefers-reduced-motion:reduce){.lab-body.is-animated[data-v-429cfd50]{transition:opacity .3s var(--ease-out)}.lab-chevron[data-v-429cfd50],.lab-collapse[data-v-429cfd50]{transition:none}.lab-swap-enter-from[data-v-429cfd50],.lab-swap-leave-to[data-v-429cfd50]{filter:none;transform:none}}