.wb-root[data-v-bfbe23db]{position:absolute;inset:0;background:var(--light);outline:none;touch-action:manipulation;-moz-user-select:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;--wb-ink: var(--dark);--wb-line: color-mix(in srgb, var(--dark) 12%, transparent);--wb-hover: color-mix(in srgb, var(--dark) 6%, transparent);--wb-active: color-mix(in srgb, var(--primary) 35%, transparent)}.wb-root input[data-v-bfbe23db],.wb-root textarea[data-v-bfbe23db]{-moz-user-select:text;user-select:text;-webkit-user-select:text;-webkit-touch-callout:default}.wb-panel[data-v-bfbe23db]{position:absolute;top:12px;left:50%;transform:translate(-50%) translate(var(--wb-vv-center, 0px),var(--wb-vv-top, 0px)) scale(var(--wb-vv-scale, 1));transform-origin:top center;touch-action:none;display:flex;align-items:center;gap:8px;padding:4px 8px;background:var(--light);border:1px solid var(--wb-line);border-radius:12px;box-shadow:0 2px 10px color-mix(in srgb,var(--dark) 7%,transparent);z-index:10;width:-moz-max-content;width:max-content;max-width:calc(100% - 24px);flex-wrap:wrap;justify-content:center;transition:padding .2s ease}.wb-panel.collapsed[data-v-bfbe23db]{padding:4px 6px;gap:6px;border-radius:10px}.wb-tool[data-v-bfbe23db]{width:30px;height:30px;border:none;border-radius:8px;background:transparent;color:var(--wb-ink);cursor:pointer;font-size:16px;display:inline-flex;align-items:center;justify-content:center}.wb-tool[data-v-bfbe23db]:hover{background:var(--wb-hover)}.wb-tool.active[data-v-bfbe23db]{background:var(--wb-active)}.wb-collapse svg[data-v-bfbe23db]{transition:transform .2s ease}.wb-group[data-v-bfbe23db]{position:relative;display:inline-flex}.wb-drop[data-v-bfbe23db]{position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px;background:var(--light);border:1px solid var(--wb-line);border-radius:12px;box-shadow:0 2px 10px color-mix(in srgb,var(--dark) 7%,transparent);animation:wb-drop-in-bfbe23db .18s ease}@keyframes wb-drop-in-bfbe23db{0%{opacity:0;transform:translate(-50%) translateY(-6px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.wb-thumb[data-v-bfbe23db]{position:absolute;top:0;left:6px;width:34px;height:34px;border-radius:8px;background:var(--primary);box-shadow:0 1px 4px color-mix(in srgb,var(--primary) 40%,transparent);transition:transform .25s cubic-bezier(.4,0,.2,1);pointer-events:none}.wb-opt[data-v-bfbe23db]{position:relative;width:34px;height:34px;border:none;border-radius:8px;background:transparent;color:var(--wb-ink);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:0}.wb-opt[data-v-bfbe23db]:hover:not(.active){background:var(--wb-hover)}.wb-drop--wide[data-v-bfbe23db]{align-items:stretch;min-width:230px;left:-7px;transform:none}@keyframes wb-drop-in-wide-bfbe23db{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.wb-drop--wide[data-v-bfbe23db]{animation-name:wb-drop-in-wide-bfbe23db}.wb-drop--wide .wb-thumb[data-v-bfbe23db]{width:calc(100% - 12px);border-radius:8px}.wb-opt--row[data-v-bfbe23db]{width:100%;display:flex;align-items:center;gap:0;padding:0 10px 0 0;justify-content:flex-start}.wb-row-icon[data-v-bfbe23db]{width:30px;height:30px;margin:2px 0;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;border-radius:6px;background:color-mix(in srgb,var(--primary) 12%,transparent)}.wb-opt--row.active .wb-row-icon[data-v-bfbe23db]{background:transparent}.wb-key-cell[data-v-bfbe23db]{width:26px;margin:0 0 0 10px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}.wb-key[data-v-bfbe23db]{font-family:inherit;font-size:11px;font-weight:600;line-height:1;min-width:18px;box-sizing:border-box;padding:4px 6px;text-align:center;border:none;border-radius:5px;background:var(--light);box-shadow:0 2px 2px color-mix(in srgb,var(--dark) 18%,transparent);color:var(--dark-light-50);flex:0 0 auto}.wb-row-name[data-v-bfbe23db]{font-size:13px;text-align:left;flex:1;white-space:nowrap;line-height:22px;padding-left:10px}.wb-drop--colors[data-v-bfbe23db]{min-width:0;width:-moz-max-content;width:max-content}.wb-drop--shapes[data-v-bfbe23db]{width:252px}.wb-drop--colors .wb-opt--row[data-v-bfbe23db]{padding-right:4px}.wb-drop--colors .wb-key-cell[data-v-bfbe23db]{width:auto;margin:0 0 0 3px;padding:0}.wb-drop--colors .wb-dot-btn[data-v-bfbe23db],.wb-drop--colors .wb-add-icon[data-v-bfbe23db]{width:31px;height:31px}.wb-dot-btn[data-v-bfbe23db]{border:none;background:transparent;cursor:pointer;padding:0}.wb-row-sep[data-v-bfbe23db]{width:1px;height:18px;background:var(--wb-line);flex:0 0 auto;margin-left:10px}.wb-row-arrow[data-v-bfbe23db]{width:18px;height:18px;color:var(--dark-light-50);display:inline-flex;align-items:center;justify-content:center}.wb-row-arrow-btn[data-v-bfbe23db]{flex:none;border:none;background:transparent;cursor:pointer;padding:0}.wb-row-arrow-btn[data-v-bfbe23db]:hover{color:var(--dark);flex:0 0 auto}.wb-hash-field[data-v-bfbe23db]{display:inline-flex;align-items:center;border-radius:5px;background:var(--light);box-shadow:0 2px 2px color-mix(in srgb,var(--dark) 18%,transparent);padding:4px 6px;font-family:inherit;font-size:12px}.wb-hash-prefix[data-v-bfbe23db]{color:var(--dark-light-50);-webkit-user-select:none;-moz-user-select:none;user-select:none;margin-right:1px}.wb-hash-input[data-v-bfbe23db]{width:52px;border:none;outline:none;background:transparent;color:var(--dark);font:inherit;padding:0}.wb-picker-footer[data-v-bfbe23db]{display:flex;align-items:center;justify-content:space-between;gap:8px}.wb-picker-footer .wb-hex[data-v-bfbe23db]{margin-left:2px;cursor:default}.wb-picker-footer .wb-hex[data-v-bfbe23db]:hover{color:var(--dark-light-50);text-decoration:none}.wb-dash-toggle[data-v-bfbe23db]{position:relative;display:inline-flex;flex:1;padding:3px;border-radius:999px;background:var(--wb-hover)}.wb-dash-toggle[data-v-bfbe23db]:before{content:"";position:absolute;top:3px;bottom:3px;left:3px;width:calc(50% - 3px);border-radius:999px;background:var(--primary);transition:transform .25s cubic-bezier(.4,0,.2,1)}.wb-dash-toggle.dashed[data-v-bfbe23db]:before{transform:translate(100%)}.wb-dash-toggle .wb-dot-btn[data-v-bfbe23db]{position:relative;flex:1;width:auto;height:26px;padding:0 14px;border-radius:999px;background:transparent;color:var(--dark-light-50);transition:color .2s ease}.wb-dash-toggle .wb-dot-btn.wb-dash-on[data-v-bfbe23db]{color:var(--dark)}.wb-cat-btn[data-v-bfbe23db]{font-family:inherit;font-size:12px;font-weight:600;white-space:nowrap;padding:0 10px}.wb-opt--disabled[data-v-bfbe23db]{opacity:.4}.wb-opt--locked[data-v-bfbe23db]{opacity:.35;cursor:not-allowed}.wb-opt--locked[data-v-bfbe23db]:hover{background:transparent}.wb-opt--disabled .wb-dot-btn[data-v-bfbe23db],.wb-opt--disabled .wb-hex-btn[data-v-bfbe23db]{cursor:default}.wb-text-input[data-v-bfbe23db]{position:absolute;z-index:9;min-width:40px;min-height:1.25em;padding:0;border:1px dashed color-mix(in srgb,var(--dark) 35%,transparent);background:var(--light);font-family:Mulish,sans-serif;resize:horizontal;outline:none;overflow:hidden;white-space:pre-wrap;overflow-wrap:break-word;word-break:break-word}.wb-text-popover[data-v-bfbe23db]{position:absolute;z-index:9;display:flex;align-items:center;gap:8px;padding:4px 8px;border:1px solid var(--wb-line);border-radius:12px;background:var(--light);box-shadow:0 2px 10px color-mix(in srgb,var(--dark) 7%,transparent)}.wb-text-size-input[data-v-bfbe23db]{width:46px;height:30px;padding:0 2px;border:none;border-radius:8px;background:transparent;font-family:inherit;font-size:13px;color:var(--wb-ink);text-align:center;outline:none}.wb-text-size-input[data-v-bfbe23db]:hover,.wb-text-size-input[data-v-bfbe23db]:focus{background:var(--wb-hover)}.wb-text-color-select[data-v-bfbe23db]{position:relative;display:inline-flex}.wb-text-color-current[data-v-bfbe23db]{display:inline-flex;align-items:center;justify-content:center;gap:4px;height:30px;padding:0 6px;border:none;border-radius:8px;background:transparent;cursor:pointer;color:var(--wb-ink)}.wb-text-color-current[data-v-bfbe23db]:hover{background:var(--wb-hover)}.wb-text-color-list[data-v-bfbe23db]{position:absolute;top:calc(100% + 4px);left:0;display:flex;flex-direction:column;gap:2px;padding:4px;border:1px solid var(--wb-line);border-radius:8px;background:var(--light);box-shadow:0 2px 10px color-mix(in srgb,var(--dark) 7%,transparent);z-index:11}.wb-text-color-item[data-v-bfbe23db]{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border:none;border-radius:6px;background:transparent;cursor:pointer}.wb-text-color-item[data-v-bfbe23db]:hover{background:var(--wb-hover)}.wb-trash-btn[data-v-bfbe23db]{border:none;background:transparent;cursor:pointer;padding:4px;display:inline-flex;align-items:center;color:var(--dark-light-50)}.wb-trash-btn[data-v-bfbe23db]:hover{color:var(--accent4)}.wb-ok-btn[data-v-bfbe23db]{border:none;border-radius:6px;background:var(--primary);color:var(--dark);font-size:12px;font-weight:600;padding:5px 14px;cursor:pointer}.wb-ok-btn[data-v-bfbe23db]:hover{filter:brightness(.95)}.wb-hex[data-v-bfbe23db]{font-family:inherit;font-size:12px;color:var(--dark-light-50)}.wb-hex-btn[data-v-bfbe23db]{display:inline-flex;align-items:center;gap:0;border:none;background:transparent;cursor:pointer;padding:4px 0 4px 10px}.wb-hex-btn .wb-row-arrow[data-v-bfbe23db]{margin-left:auto}.wb-hex-btn:hover .wb-hex[data-v-bfbe23db],.wb-hex-btn:hover .wb-row-arrow[data-v-bfbe23db]{color:var(--dark)}.wb-add-icon[data-v-bfbe23db]{background:transparent;border:1.5px dashed color-mix(in srgb,var(--dark) 30%,transparent);color:var(--dark-light-50);box-sizing:border-box}.wb-add-name[data-v-bfbe23db]{color:var(--dark-light-50);font-size:12px}.wb-color-editor[data-v-bfbe23db]{position:absolute;left:calc(100% + 8px);display:flex;flex-direction:column;gap:8px;width:176px;padding:8px;background:var(--light);border:1px solid var(--wb-line);border-radius:10px;box-shadow:0 2px 10px color-mix(in srgb,var(--dark) 7%,transparent)}.wb-sv[data-v-bfbe23db]{position:relative;width:100%;height:110px;border-radius:6px;cursor:crosshair;touch-action:none}.wb-hue[data-v-bfbe23db]{position:relative;width:100%;height:12px;border-radius:6px;cursor:ew-resize;touch-action:none}.wb-picker-cursor[data-v-bfbe23db]{position:absolute;width:12px;height:12px;border-radius:50%;border:2px solid var(--light);box-shadow:0 0 0 1px color-mix(in srgb,var(--dark) 40%,transparent);transform:translate(-50%,-50%);pointer-events:none}.wb-picker-cursor--bar[data-v-bfbe23db]{top:50%}.wb-shape-label[data-v-bfbe23db]{font-size:11px;color:var(--dark-light-50)}.wb-width-editor[data-v-bfbe23db]{width:160px}.wb-width-preview[data-v-bfbe23db]{height:48px;display:flex;align-items:center;justify-content:center}.wb-width-range[data-v-bfbe23db]{width:100%;accent-color:var(--primary);cursor:ew-resize}.wb-color-dot[data-v-bfbe23db]{width:15px;height:15px;border-radius:4px;display:inline-block;transform:rotate(45deg)}.wb-tool .wb-color-dot[data-v-bfbe23db]{width:13px;height:13px}@keyframes wb-dot-spin-bfbe23db{0%{transform:rotate(45deg)}to{transform:rotate(135deg)}}.wb-drop--colors .wb-opt--row.active .wb-color-dot[data-v-bfbe23db],.wb-dot-spin-once[data-v-bfbe23db]{animation:wb-dot-spin-bfbe23db .25s ease-in-out}.wb-width-line[data-v-bfbe23db]{width:18px;background:var(--wb-ink);border-radius:999px;display:inline-block}.wb-width-line--wide[data-v-bfbe23db]{width:80%}.wb-width-line--dash[data-v-bfbe23db]{background:repeating-linear-gradient(to right,var(--wb-ink) 0 5px,transparent 5px 8px)}.wb-file-input[data-v-bfbe23db]{display:none}.wb-sidebtn[data-v-bfbe23db]{width:36px;height:36px;border:1px solid var(--wb-line);border-radius:10px;background:var(--light);color:var(--wb-ink);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 2px 10px color-mix(in srgb,var(--dark) 7%,transparent)}.wb-sidebtn[data-v-bfbe23db]:hover{background:var(--wb-hover)}.wb-history[data-v-bfbe23db]{position:absolute;left:8px;top:50%;transform:translateY(-50%) translate(var(--wb-vv-left, 0px),var(--wb-vv-middle, 0px)) scale(var(--wb-vv-scale, 1));transform-origin:left center;touch-action:none;display:none;flex-direction:column;gap:6px;z-index:10}@media (pointer: coarse){.wb-history[data-v-bfbe23db]{display:flex}}.wb-history--pen[data-v-bfbe23db]{display:flex}.wb-sidebtn.active[data-v-bfbe23db]{background:var(--wb-active)}.wb-history-btn[data-v-bfbe23db]:disabled{opacity:.35;cursor:default}.wb-canvas[data-v-bfbe23db]{position:absolute;inset:0;width:100%;height:100%;touch-action:none;-moz-user-select:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;display:block}@media (pointer: coarse){.wb-tool[data-v-bfbe23db],.wb-opt[data-v-bfbe23db]{width:42px;height:42px}.wb-opt--row[data-v-bfbe23db]{width:100%}.wb-thumb[data-v-bfbe23db]{width:42px;height:42px}.wb-drop--wide .wb-thumb[data-v-bfbe23db]{width:calc(100% - 12px)}.wb-row-icon[data-v-bfbe23db]{width:42px;height:38px}.wb-dot-btn[data-v-bfbe23db]{height:38px}.wb-color-dot[data-v-bfbe23db]{width:18px;height:18px}.wb-row-arrow[data-v-bfbe23db]{width:24px;height:24px}.wb-row-name[data-v-bfbe23db]{font-size:14px}.wb-hex[data-v-bfbe23db]{font-size:13px}.wb-ok-btn[data-v-bfbe23db]{padding:9px 18px}.wb-width-range[data-v-bfbe23db]{height:28px}}@media (max-width: 640px){.wb-panel[data-v-bfbe23db]{top:8px;max-width:calc(100% - 96px);gap:3px;padding:3px 5px}.wb-tool[data-v-bfbe23db]{width:28px;height:28px}.wb-history[data-v-bfbe23db]{left:8px}.wb-drop--wide[data-v-bfbe23db]{max-width:calc(100vw - 32px)}.wb-row-name[data-v-bfbe23db]{white-space:normal}.wb-color-editor[data-v-bfbe23db]{position:fixed;left:12px;right:12px;width:auto;top:auto!important;bottom:16px;z-index:20}.wb-sv[data-v-bfbe23db]{height:140px}}@media (max-height: 480px){.wb-history[data-v-bfbe23db]{top:auto;bottom:12px;transform:translate(var(--wb-vv-left, 0px),var(--wb-vv-bottom, 0px)) scale(var(--wb-vv-scale, 1));transform-origin:left bottom;flex-direction:row}}