.field[data-v-1402f666],.hue[data-v-1402f666]{touch-action:none;cursor:crosshair;outline:none;position:relative}.field[data-v-1402f666]{aspect-ratio:16/10;background:linear-gradient(to top,#000,transparent),linear-gradient(to right,#fff,var(--hue));border-radius:8px}.hue[data-v-1402f666]{cursor:ew-resize;background:linear-gradient(90deg,red,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red);border-radius:9999px;height:12px}.field[data-v-1402f666]:after,.hue[data-v-1402f666]:after{content:"";border-radius:inherit;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #0000001a}.field[data-v-1402f666]:focus-visible:after,.hue[data-v-1402f666]:focus-visible:after{box-shadow:inset 0 0 0 2px #3b82f6}.thumb[data-v-1402f666]{z-index:1;pointer-events:none;border-radius:9999px;width:16px;height:16px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 2px #fff,0 0 0 3px #0003,0 1px 3px 1px #00000040}.hex[data-v-1402f666]{font-variant-numeric:tabular-nums;letter-spacing:.02em;background:#a3a3a324;border-radius:8px;align-items:center;gap:6px;height:32px;padding:0 10px 0 8px;font-size:13px;display:flex}.hex[data-v-1402f666]:focus-within{outline-offset:0;outline:2px solid #3b82f6}.chip[data-v-1402f666]{border-radius:9999px;flex-shrink:0;width:16px;height:16px;box-shadow:inset 0 0 0 1px #00000026}.board[data-v-16085df9]{flex-direction:column;gap:8px;display:flex}.toolbar[data-v-16085df9]{transition:opacity .2s var(--ease-out);background:#a3a3a31f;border-radius:12px;flex-wrap:wrap;align-items:center;gap:4px;padding:4px;display:flex}.toolbar[inert][data-v-16085df9]{opacity:.5}.group[data-v-16085df9]{transition:opacity .2s var(--ease-out);align-items:center;display:flex;position:relative}.group[data-v-16085df9]:not(:last-child){margin-right:4px;padding-right:5px}.group[data-v-16085df9]:not(:last-child):after{content:"";background:#a3a3a366;width:1px;height:18px;position:absolute;top:50%;right:0;transform:translateY(-50%)}.group[inert][data-v-16085df9]{opacity:.35}.tool[data-v-16085df9],.tool[data-v-16085df9-s]{color:#525252;width:36px;height:36px;transition:background-color .16s var(--ease-out),color .16s var(--ease-out),opacity .16s var(--ease-out),scale .16s var(--ease-out);border-radius:8px;place-items:center;display:grid;position:relative}.dark .tool[data-v-16085df9],.dark .tool[data-v-16085df9-s]{color:#a3a3a3}.tool[data-v-16085df9]:active:not(:disabled),.tool[data-v-16085df9-s]:active:not(:disabled){scale:.94}.tool[data-v-16085df9]:disabled,.tool[data-v-16085df9-s]:disabled{opacity:.35;cursor:default}.board-surface[data-v-16085df9]:focus-visible,.inspector-delete[data-v-16085df9]:focus-visible,.inspector-ink[data-v-16085df9]:focus-visible,.replay[data-v-16085df9]:focus-visible,.scrubber[data-v-16085df9]:focus-visible,.tool[data-v-16085df9]:focus-visible,.tool[data-v-16085df9-s]:focus-visible{outline-offset:2px;outline:2px solid #3b82f6}@media (hover:hover) and (pointer:fine){.tool[data-v-16085df9]:hover:not(:disabled),.tool[data-v-16085df9-s]:hover:not(:disabled){background:#a3a3a333}}.custom[data-v-16085df9]:after,.tool[role=radio][data-v-16085df9]:after{content:"";transition:box-shadow .16s var(--ease-out);border-radius:7px;position:absolute;inset:3px;box-shadow:0 0 #a3a3a300}.custom[data-checked=true][data-v-16085df9]:after,.tool[role=radio][aria-checked=true][data-v-16085df9]:after{box-shadow:0 0 0 1.5px #737373}.dark .custom[data-checked=true][data-v-16085df9]:after,.dark .tool[role=radio][aria-checked=true][data-v-16085df9]:after{box-shadow:0 0 0 1.5px #d4d4d4}.tool[role=radio][aria-checked=true][data-v-16085df9]{color:#171717}.dark .tool[role=radio][aria-checked=true][data-v-16085df9]{color:#f5f5f5}.inspector-ink[data-v-16085df9],.swatch[data-v-16085df9]{--c:var(--ink)}.dark .inspector-ink[data-v-16085df9],.dark .swatch[data-v-16085df9]{--c:var(--ink-dark)}.swatch[data-v-16085df9]{width:32px;height:32px}.swatch[data-v-16085df9]:before{content:"";background:var(--c);border-radius:9999px;width:14px;height:14px;box-shadow:inset 0 0 0 1px #a3a3a366}.custom[data-v-16085df9]:before{box-sizing:border-box;background:linear-gradient(var(--c,transparent),var(--c,transparent)) padding-box,conic-gradient(#ef4444,#eab308,#22c55e,#06b6d4,#6366f1,#d946ef,#ef4444) border-box;width:18px;height:18px;box-shadow:none;border:2px solid #0000}.size[data-v-16085df9]:before{content:"";width:var(--dot);height:var(--dot);background:currentColor;border-radius:9999px}.paper[data-v-16085df9]{background-color:#fff;background-image:radial-gradient(circle,#a3a3a338 1px,#0000 1.2px);background-size:20px 20px;border:1px solid #e5e5e5;border-radius:12px;position:relative;overflow:hidden}.dark .paper[data-v-16085df9]{background-color:#1c1c1c;background-image:radial-gradient(circle,#a3a3a333 1px,#0000 1.2px);border-color:#404040cc}.ink[data-v-16085df9]{fill:var(--ink)}.dark .ink[data-v-16085df9]{fill:var(--ink-dark)}.board-surface[data-v-16085df9]{aspect-ratio:8/5;cursor:crosshair;touch-action:none;-webkit-user-select:none;user-select:none;outline-offset:-2px;width:100%;height:auto;display:block}.board-surface[data-mode=view][data-v-16085df9],.paper[data-replaying=true] .board-surface[data-v-16085df9]{cursor:default}.board-surface[data-mode=view][data-v-16085df9]{touch-action:auto}.pins[data-v-16085df9]{pointer-events:none;inset:0}.mark[data-v-16085df9],.pins[data-v-16085df9]{position:absolute}.mark[data-v-16085df9]{--c:var(--ink);animation:mark-in-16085df9 .2s var(--ease-out);transition:opacity .16s var(--ease-out)}.dark .mark[data-v-16085df9]{--c:var(--ink-dark)}.mark[data-spot=off][data-v-16085df9]{opacity:.25}.mark[data-spot=on][data-v-16085df9]{z-index:1}.mark[data-spot=on] .pin-dot[data-v-16085df9]{box-shadow:0 0 0 2px #fff,0 0 0 10px color-mix(in srgb,var(--c) 30%,transparent)}.dark .mark[data-spot=on] .pin-dot[data-v-16085df9]{box-shadow:0 0 0 2px #1c1c1c,0 0 0 10px color-mix(in srgb,var(--c) 30%,transparent)}.mark[data-spot=on] .zone-box[data-v-16085df9]{background:color-mix(in srgb,var(--c) 20%,transparent);box-shadow:0 0 0 4px color-mix(in srgb,var(--c) 25%,transparent);border-style:solid}.mark[data-spot=on] .pin-pill[data-v-16085df9]{box-shadow:0 0 0 2px var(--c),0 1px 3px #00000026}@keyframes mark-in-16085df9{0%{opacity:0;scale:.96}}.pin-dot[data-v-16085df9]{transition:box-shadow .16s var(--ease-out);background:var(--c);border-radius:9999px;width:8px;height:8px;position:absolute;top:0;left:0;transform:translate(-50%,-50%);box-shadow:0 0 0 2px #fff,0 0 0 3px #00000026}.dark .pin-dot[data-v-16085df9]{box-shadow:0 0 0 2px #1c1c1c,0 0 0 3px #fff3}.mark[data-zone=false] .pin-pill[data-v-16085df9]{position:absolute;top:0;left:0;transform:translate(10px,-50%)}.mark[data-zone=false][data-flip=true] .pin-pill[data-v-16085df9]{transform:translate(calc(-100% - 10px),-50%)}.zone-box[data-v-16085df9]{transition:background-color .16s var(--ease-out),box-shadow .16s var(--ease-out);border:1.5px dashed var(--c);background:color-mix(in srgb,var(--c) 8%,transparent);pointer-events:none;border-radius:8px;position:absolute;inset:0}.mark[data-zone=true] .pin-pill[data-v-16085df9]{position:absolute;top:0;left:0;transform:translateY(calc(-100% - 4px))}.mark[data-zone=true][data-flip=true] .pin-pill[data-v-16085df9]{left:100%;transform:translate(-100%,calc(-100% - 4px))}.mark[data-zone=true][data-top=true] .pin-pill[data-v-16085df9]{transform:translate(4px,4px)}.mark[data-zone=true][data-top=true][data-flip=true] .pin-pill[data-v-16085df9]{left:100%;transform:translate(calc(-100% - 4px),4px)}.pin-pill[data-v-16085df9]{width:max-content;max-width:220px;box-shadow:0 0 0 1px color-mix(in srgb,var(--c) 55%,transparent),0 1px 3px #0000001a;color:#171717;white-space:nowrap;-webkit-user-select:none;user-select:none;transition:transform .22s var(--ease-out),left .22s var(--ease-out);background:#fff;border-radius:6px;align-items:center;padding:2px 8px;font-size:12px;font-weight:500;line-height:20px;display:inline-flex;left:auto;right:4px}.dark .pin-pill[data-v-16085df9]{color:#f5f5f5;box-shadow:0 0 0 1px color-mix(in srgb,var(--c) 55%,transparent),0 1px 3px #0006;background:#262626}.pin-pill[data-v-16085df9]:focus-within{box-shadow:0 0 0 2px #3b82f6,0 1px 3px #0000001a}.pin-text[data-v-16085df9]{text-overflow:ellipsis;overflow:hidden}.pins[data-active=true] .pin-dot[data-v-16085df9],.pins[data-active=true] .pin-pill[data-v-16085df9]:not(.is-draft){pointer-events:auto;cursor:grab;touch-action:none}.mark[data-moving=true] .pin-dot[data-v-16085df9],.mark[data-moving=true] .pin-pill[data-v-16085df9]{cursor:grabbing}@media (hover:hover) and (pointer:fine){.pins[data-active=true] .pin-pill[data-v-16085df9]:not(.is-draft):hover{box-shadow:0 0 0 1.5px var(--c),0 1px 3px #00000026}}.pin-pill.is-draft[data-v-16085df9]{pointer-events:auto}.pin-input[data-v-16085df9]{-webkit-user-select:text;user-select:text;min-width:0;font:inherit;color:inherit;background:0 0;border:0;outline:0;padding:0}.pin-input[data-v-16085df9]::placeholder{color:#a3a3a3}.hint[data-v-16085df9]{color:#a3a3a3;pointer-events:none;place-items:center;margin:0;font-size:14px;display:grid;position:absolute;inset:0}.hint[data-low=true][data-v-16085df9]{place-items:end center;padding-bottom:14px}.inspector[data-v-16085df9]{flex-direction:column;gap:12px;width:224px;padding:4px;display:flex}.inspector-name[data-v-16085df9]{color:#171717;background:#a3a3a324;border:0;border-radius:8px;outline:0;height:32px;padding:0 10px;font-size:13px}.dark .inspector-name[data-v-16085df9]{color:#f5f5f5}.inspector-name[data-v-16085df9]:focus{outline-offset:-2px;outline:2px solid #3b82f6}.inspector-inks[data-v-16085df9]{justify-content:space-between;padding:0 4px;display:flex}.inspector-ink[data-v-16085df9]{background:var(--c);width:20px;height:20px;transition:scale .16s var(--ease-out);border-radius:9999px;position:relative}.inspector-ink[data-v-16085df9]:active{scale:.9}.inspector-ink[aria-checked=true][data-v-16085df9]{box-shadow:0 0 0 2px #fff,0 0 0 3.5px var(--c)}.dark .inspector-ink[aria-checked=true][data-v-16085df9]{box-shadow:0 0 0 2px #171717,0 0 0 3.5px var(--c)}.inspector-delete[data-v-16085df9]{color:#b91c1c;height:32px;transition:background-color .16s var(--ease-out),scale .16s var(--ease-out);border-radius:8px;justify-content:center;align-self:stretch;align-items:center;gap:6px;padding:0 8px;font-size:13px;font-weight:500;display:inline-flex}.inspector-delete[data-v-16085df9]:active{scale:.96}@media (hover:hover) and (pointer:fine){.inspector-delete[data-v-16085df9]:hover{background:#dc26261a}}.footer[data-v-16085df9]{flex-wrap:wrap;align-items:center;gap:8px 12px;min-height:32px;display:flex}.stats[data-v-16085df9]{flex:1;min-width:0}.replay[data-v-16085df9]{color:#525252;height:32px;transition:background-color .16s var(--ease-out),opacity .16s var(--ease-out),scale .16s var(--ease-out);border-radius:8px;align-items:center;gap:6px;margin-left:auto;padding:0 12px;font-size:13px;font-weight:500;display:inline-flex}.dark .replay[data-v-16085df9]{color:#a3a3a3}.replay.is-on[data-v-16085df9]{color:#171717;background:#a3a3a329}.dark .replay.is-on[data-v-16085df9]{color:#f5f5f5}.replay[data-v-16085df9]:active:not(:disabled){scale:.96}.replay[data-v-16085df9]:disabled{opacity:.35;cursor:default}@media (hover:hover) and (pointer:fine){.replay[data-v-16085df9]:hover:not(:disabled){background:#a3a3a333}}.scrubber[data-v-16085df9]{accent-color:#737373;flex:1;min-width:80px}.time[data-v-16085df9]{color:#737373;font-variant-numeric:tabular-nums;min-width:70px;font-size:12px}@media (prefers-reduced-motion:reduce){.custom[data-v-16085df9]:after,.group[data-v-16085df9],.inspector-delete[data-v-16085df9],.inspector-ink[data-v-16085df9],.replay[data-v-16085df9],.tool[data-v-16085df9],.tool[role=radio][data-v-16085df9]:after,.toolbar[data-v-16085df9],.tool[data-v-16085df9-s]{transition:none}.mark[data-v-16085df9]{animation:none}.mark[data-v-16085df9],.pin-dot[data-v-16085df9],.pin-pill[data-v-16085df9],.zone-box[data-v-16085df9]{transition:none}}.key[data-kind=draw][data-v-cff51d95],.tick[data-kind=draw][data-v-cff51d95]{background:#737373}.key[data-kind=label][data-v-cff51d95],.tick[data-kind=label][data-v-cff51d95]{background:#3b82f6}.key[data-kind=undo][data-v-cff51d95],.tick[data-kind=undo][data-v-cff51d95]{background:#f43f5e}.key[data-kind=check][data-v-cff51d95],.tick[data-kind=check][data-v-cff51d95]{background:#10b981}.head[data-v-cff51d95]:before{content:"";background:inherit;border-radius:9999px;width:8px;height:8px;position:absolute;top:-3px;left:50%;translate:-50%}.row[data-child=true][data-v-cff51d95]:has(+.row:not([data-child=true])){margin-bottom:4px}