.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-7366a5f7]{--stage-padding:2.5rem;--ruler:20px;padding:var(--stage-padding) 1.25rem}.lab-stage.has-rulers[data-v-7366a5f7]{padding:calc(var(--stage-padding) + var(--ruler)) 1.25rem var(--stage-padding) calc(1.25rem + var(--ruler))}.lab-frame[data-v-7366a5f7]{touch-action:none;-webkit-user-select:none;user-select:none;width:100%}@media (width>=1024px){.lab-stage[data-v-7366a5f7]{height:100%;padding:0;container-type:size}.lab-stage.has-rulers[data-v-7366a5f7]{padding:var(--ruler) 0 0 var(--ruler)}.lab-frame[data-v-7366a5f7]{width:min(100cqw - 3rem,(100cqh - var(--stage-padding) * 2) * 2)}}.lab-frame[data-v-7366a5f7]:after{content:"";pointer-events:none;outline-offset:-1px;outline:1px solid #0000001a;position:absolute;inset:0}.dark .lab-frame[data-v-7366a5f7]:after{outline-color:#ffffff1a}.lab-ruler-corner[data-v-7366a5f7],.lab-ruler-track[data-v-7366a5f7]{z-index:20;position:absolute}.lab-ruler-track.is-x[data-v-7366a5f7]{top:0;left:var(--ruler);height:var(--ruler);cursor:row-resize;right:0}.lab-ruler-track.is-y[data-v-7366a5f7]{top:var(--ruler);width:var(--ruler);cursor:col-resize;bottom:0;left:0}.lab-ruler-corner[data-v-7366a5f7]{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-7366a5f7]{background:#171717}.lab-ruler-corner[data-v-7366a5f7]:after,.lab-ruler-track[data-v-7366a5f7]:after{content:"";pointer-events:none;position:absolute;inset:0;box-shadow:inset -1px -1px #e5e5e5}.lab-ruler-track.is-x[data-v-7366a5f7]:after{box-shadow:inset 0 -1px #e5e5e5}.lab-ruler-track.is-y[data-v-7366a5f7]:after{box-shadow:inset -1px 0 #e5e5e5}.dark .lab-ruler-track.is-x[data-v-7366a5f7]:after{box-shadow:inset 0 -1px #262626}.dark .lab-ruler-track.is-y[data-v-7366a5f7]:after{box-shadow:inset -1px 0 #262626}.dark .lab-ruler-corner[data-v-7366a5f7]:after{box-shadow:inset -1px -1px #262626}.lab-ruler-clear[data-v-7366a5f7]{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-7366a5f7]:hover{color:#f43f5e}.lab-ruler-clear[data-v-7366a5f7]:active{transform:scale(.9)}.lab-ruler-clear[data-v-7366a5f7]:focus-visible{outline-offset:-2px;outline:1px solid #4f7cff}.lab-corner-enter-from[data-v-7366a5f7],.lab-corner-leave-to[data-v-7366a5f7]{opacity:0;transform:scale(.8)}.lab-corner-leave-active[data-v-7366a5f7]{transition-duration:.1s}.lab-guide[data-v-7366a5f7]{pointer-events:auto;position:absolute;top:0;left:0}.lab-guide.is-x[data-v-7366a5f7]{cursor:ew-resize;width:9px;margin-left:-4px;bottom:0}.lab-guide.is-y[data-v-7366a5f7]{cursor:ns-resize;height:9px;margin-top:-4px;right:0}.lab-guide[data-v-7366a5f7]:before{content:"";opacity:.5;background:#f43f5e;position:absolute}.lab-guide.is-x[data-v-7366a5f7]:before{width:1px;top:0;bottom:0;left:4px}.lab-guide.is-y[data-v-7366a5f7]:before{height:1px;top:4px;left:0;right:0}.lab-guide.is-lit[data-v-7366a5f7]:before,.lab-guide[data-v-7366a5f7]:hover:before{opacity:1}.lab-guide.is-removing[data-v-7366a5f7]:before{opacity:.2}.lab-measure-label[data-v-7366a5f7]{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-7366a5f7],.lab-corner-leave-to[data-v-7366a5f7]{transform:none}}.lab-tiles[data-v-63fb536d]{justify-content:safe center}.lab-tile[data-v-63fb536d]{--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-63fb536d]{--tile-bg:#171717;--tile-border:#262626;--tile-muted:#a3a3a3;--tile-bar:#262626;--tile-bar-strong:#404040;--tile-edge:#ffffff1a}.lab-tile-label[data-v-63fb536d]{letter-spacing:.06em;text-transform:uppercase;font-weight:500}.lab-tile-caption[data-v-63fb536d],.lab-tile-label[data-v-63fb536d]{color:var(--tile-muted);font-size:11px}.lab-tile-caption[data-v-63fb536d]{text-align:left;font-style:normal}.lab-bar[data-v-63fb536d]{background:var(--tile-bar);height:5px;display:block}.lab-bar.is-strong[data-v-63fb536d]{background:var(--tile-bar-strong)}.lab-thumb[data-v-63fb536d]{position:relative}.lab-thumb[data-v-63fb536d]: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-96cb61b6]{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-96cb61b6],.lab-hue[data-v-96cb61b6]{touch-action:none;cursor:crosshair;outline:none;position:relative}.lab-field[data-v-96cb61b6]{aspect-ratio:16/10;background:linear-gradient(to top,#000,transparent),linear-gradient(to right,#fff,var(--hue))}.lab-hue[data-v-96cb61b6]{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-96cb61b6]:after,.lab-hue[data-v-96cb61b6]:after{content:"";pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #0000001a}.lab-field[data-v-96cb61b6]:focus-visible:after,.lab-hue[data-v-96cb61b6]:focus-visible:after{box-shadow:inset 0 0 0 1px #4f7cff}.lab-thumb[data-v-96cb61b6]{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-96cb61b6]{width:.375rem;height:.875rem;top:50%}.lab-hex[data-v-96cb61b6]{font-variant-numeric:tabular-nums;letter-spacing:.02em}.lab-link[data-v-96cb61b6]{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-96cb61b6],.lab-link[data-v-96cb61b6]:hover{color:#171717}.lab-link.is-on[data-v-96cb61b6]{background:#f5f5f5}.dark .lab-link.is-on[data-v-96cb61b6],.dark .lab-link[data-v-96cb61b6]:hover{color:#f5f5f5}.dark .lab-link.is-on[data-v-96cb61b6]{background:#262626b3}.lab-link[data-v-96cb61b6]:active{transform:scale(.94)}.lab-link[data-v-96cb61b6]:focus-visible{outline-offset:-1px;outline:1px solid #4f7cff}.lab-caption[data-v-c25abf1c]{font-variant-numeric:tabular-nums}.lab-swatches[data-v-c25abf1c]{background:var(--swatch-ground);box-shadow:inset 0 0 0 1px #0000000f}.dark .lab-swatches[data-v-c25abf1c]{box-shadow:inset 0 0 0 1px #ffffff0f}.lab-swatch[data-v-c25abf1c]{aspect-ratio:1;cursor:pointer;outline:none;justify-content:center;align-items:center;min-height:1.5rem;display:flex}.lab-swatch-chip[data-v-c25abf1c]{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-c25abf1c]{background:conic-gradient(from 90deg,#f87171,#facc15,#4ade80,#22d3ee,#60a5fa,#a78bfa,#f472b6,#f87171)}.lab-swatch:active .lab-swatch-chip[data-v-c25abf1c]{transform:scale(.85)}.lab-swatch.is-on .lab-swatch-chip[data-v-c25abf1c],.lab-swatch.is-open .lab-swatch-chip[data-v-c25abf1c]{outline:1px solid var(--swatch-ring);outline-offset:2px}.lab-swatch.is-inherited .lab-swatch-chip[data-v-c25abf1c]{outline-style:dashed}.lab-swatch[data-v-c25abf1c]:focus-visible{box-shadow:inset 0 0 0 1px #4f7cff}@media (prefers-reduced-motion:reduce){.lab-swatch-chip[data-v-c25abf1c]{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-f78c22e2]{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-f78c22e2]{opacity:1;transition:opacity .3s var(--ease-out)}@media (width>=1024px){.lab-body[data-v-f78c22e2]{--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-f78c22e2]{transition:opacity .3s var(--ease-out),grid-template-columns .22s var(--ease-out)}.lab-body.layers-closed[data-v-f78c22e2]{--layers-track:0px}.lab-body.inspector-closed[data-v-f78c22e2]{--inspector-track:0px}}@media (width>=1440px){.lab-body[data-v-f78c22e2]{--layers-width:15rem;--inspector-width:18rem}}.lab-panel-inner[data-v-f78c22e2]{padding:.75rem}@media (width>=1024px){.lab-panel[data-v-f78c22e2]{--panel-line:#e5e5e5;min-height:0;display:flex;overflow:hidden auto}.dark .lab-panel[data-v-f78c22e2]{--panel-line:#262626}.lab-panel-inner[data-v-f78c22e2]{flex-shrink:0}.lab-panel-layers[data-v-f78c22e2]{box-shadow:inset -1px 0 0 var(--panel-line);justify-content:flex-end}.lab-panel-layers .lab-panel-inner[data-v-f78c22e2]{width:var(--layers-width)}.lab-panel-inspector[data-v-f78c22e2]{box-shadow:inset 1px 0 0 var(--panel-line)}.lab-panel-inspector .lab-panel-inner[data-v-f78c22e2]{width:var(--inspector-width)}.lab-panel.is-closed[data-v-f78c22e2]{visibility:hidden;transition:visibility 0s .22s}}.lab-toolbar-button[data-v-f78c22e2]{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-f78c22e2]:hover:not(:disabled){color:#171717;background:#f5f5f5}.lab-toolbar-button[data-v-f78c22e2]:active:not(:disabled){transform:scale(.96)}.lab-toolbar-button[data-v-f78c22e2]:disabled{opacity:.35;cursor:default}.dark .lab-toolbar-button[data-v-f78c22e2]{color:#d4d4d4}.dark .lab-toolbar-button[data-v-f78c22e2]:hover:not(:disabled){color:#fafafa;background:#262626}.lab-primary-button[data-v-f78c22e2]{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-f78c22e2]:active:not(:disabled){transform:scale(.97)}.lab-primary-button[data-v-f78c22e2]:disabled{opacity:.4;cursor:default}.dark .lab-primary-button[data-v-f78c22e2]{color:#171717;background:#fafafa}.lab-primary-button[data-v-f78c22e2]:focus-visible,.lab-toolbar-button[data-v-f78c22e2]:focus-visible{outline-offset:1px;outline:1px solid #4f7cff}.lab-menu-item[data-v-f78c22e2]{text-align:left;cursor:pointer;outline:none;gap:.375rem;width:100%;padding:.375rem .5rem;display:flex}.lab-menu-item[data-v-f78c22e2]:focus-visible,.lab-menu-item[data-v-f78c22e2]:hover{background:#f5f5f5}.dark .lab-menu-item[data-v-f78c22e2]:focus-visible,.dark .lab-menu-item[data-v-f78c22e2]:hover{background:#262626}.lab-kbd[data-v-f78c22e2]{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-f78c22e2]{color:#d4d4d4;background:#262626;box-shadow:inset 0 -1px #404040}.lab-chevron[data-v-f78c22e2]{transition:transform .15s var(--ease-out)}.lab-chevron.is-open[data-v-f78c22e2]{transform:rotate(90deg)}.lab-collapse[data-v-f78c22e2]{transition:grid-template-rows .2s var(--ease-out);grid-template-rows:0fr;display:grid}.lab-collapse.is-open[data-v-f78c22e2]{grid-template-rows:1fr}.lab-swap-enter-active[data-v-f78c22e2],.lab-swap-leave-active[data-v-f78c22e2]{transition:opacity .15s var(--ease-out),transform .15s var(--ease-out),filter .15s var(--ease-out)}.lab-swap-enter-from[data-v-f78c22e2],.lab-swap-leave-to[data-v-f78c22e2]{opacity:0;filter:blur(2px);transform:scale(.8)}@media (prefers-reduced-motion:reduce){.lab-body.is-animated[data-v-f78c22e2]{transition:opacity .3s var(--ease-out)}.lab-chevron[data-v-f78c22e2],.lab-collapse[data-v-f78c22e2]{transition:none}.lab-swap-enter-from[data-v-f78c22e2],.lab-swap-leave-to[data-v-f78c22e2]{filter:none;transform:none}}