.vector-editor{font-family:ui-rounded,Segoe UI,system-ui,sans-serif;color:#3b3226;background:#f5f3eb;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--color-background: #f5f3eb;--color-surface: #faf9f5;--color-element-surface: #fefdf9;--color-content-primary: #3b3226;--color-content-secondary: #5c4d3c;--color-border: #d4cfc4;--color-accent: #4a7c96;--slider-panel-width: 56px}.vector-editor *{box-sizing:border-box}.vector-editor [hidden]{display:none!important}.vector-editor .editor-shell button,.vector-editor .editor-shell input{font:inherit}.vector-editor button{-webkit-user-select:none;user-select:none}.vector-editor button:focus-visible,.vector-editor input:focus-visible{outline:2px solid #4a7c96;outline-offset:3px}.vector-editor .editor-shell{position:absolute;inset:0;height:var(--editor-height, 100%);overflow:hidden;--control-top: 16px;--control-left: max(16px, var(--editor-safe-area-left, 0px));--control-right: max(16px, var(--editor-safe-area-right, 0px));--compact-panel-width: calc(var(--toolbar-height) * 3 - 8px);--toolbar-height: 44px}.vector-editor .editor-shell,.vector-editor .editor-shell *{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.vector-editor .editor-shell :is(input:not([type]),input[type=text],input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=url],textarea,[contenteditable]:not([contenteditable=false]),[contenteditable]:not([contenteditable=false]) *){-webkit-touch-callout:default;-webkit-user-select:text;user-select:text}.vector-editor .editor-shell img,.vector-editor .editor-shell svg{-webkit-user-drag:none}.vector-editor .editor-canvas{position:absolute;inset:0;display:block;width:100%;height:100%;touch-action:none;outline:none}.vector-editor .editor-artwork{position:absolute;inset:0;display:block;width:100%;height:100%;pointer-events:none}.vector-editor .editor-canvas[data-tool=fill],.vector-editor .editor-canvas[data-tool=marquee],.vector-editor .editor-canvas[data-tool=lasso],.vector-editor .editor-canvas[data-tool=magic]{cursor:crosshair}.vector-editor .editor-primary-controls{position:absolute;top:var(--control-top);left:var(--control-left);display:flex;flex-direction:column;align-items:flex-start;gap:8px;pointer-events:none}.vector-editor .editor-primary-controls>.canvas-toolbar-group:first-child{width:max-content;flex-wrap:wrap;max-width:max(44px,calc(var(--editor-width, 100%) - var(--control-left) - var(--control-right) - var(--compact-panel-width) - 8px))}.vector-editor .editor-shell .canvas-toolbar-group{display:flex;align-items:center;gap:4px;padding:4px;border-radius:8px;background:var(--color-surface);box-shadow:0 2px 5px #3b32261a,0 1px 2px #3b32260c;pointer-events:auto}.vector-editor .editor-shell .canvas-toolbar-button{position:relative;display:inline-flex;justify-content:center;align-items:center;flex:0 0 auto;width:36px;height:36px;padding:8px;border:0;border-radius:8px;color:var(--color-content-primary);background:transparent;cursor:pointer;transition:background-color .12s;touch-action:manipulation}.vector-editor .editor-shell .canvas-toolbar-button:hover{background:#4a7c961f}.vector-editor .editor-shell .canvas-toolbar-button-selected,.vector-editor .editor-shell .canvas-toolbar-button-selected:hover{background:#4a7c9638}.vector-editor .editor-shell .canvas-toolbar-button:disabled{color:#999;opacity:.42;cursor:not-allowed;background:transparent}.vector-editor .editor-history{position:absolute;top:var(--control-top);right:var(--control-right)}.vector-editor .editor-options{align-self:flex-start}.vector-editor .editor-color-indicator{position:absolute;bottom:5px;right:5px;width:8px;height:8px;border-radius:50%;border:1px solid #3b322640}.vector-editor .editor-selection-actions{width:max-content;flex-wrap:wrap;max-width:min(328px,calc(var(--editor-width, 100%) - var(--control-left) - var(--control-right)))}.vector-editor .editor-panel{position:absolute;isolation:isolate;top:calc(var(--control-top) + 104px);left:var(--control-left);width:232px;max-width:calc(var(--editor-width, 100%) - var(--control-left) - var(--control-right));max-height:calc(var(--editor-height, 100%) - var(--control-top) - 180px - var(--editor-safe-area-bottom, 0px));overflow-y:auto;overscroll-behavior:contain;border-radius:8px;background:var(--color-element-surface);box-shadow:0 3px 12px #3b322621,0 1px 3px #3b32260c}.vector-editor .editor-panel-heading{display:flex;align-items:center;justify-content:space-between;padding:3px 4px 3px 14px;background:var(--color-surface);border-bottom:1px solid var(--color-border)}.vector-editor .editor-panel-heading strong{font-size:13px;font-weight:600}.vector-editor .editor-panel-heading .canvas-toolbar-button{width:30px;height:30px}.vector-editor .editor-panel-body{padding:14px}.vector-editor .editor-panel input[type=range]{width:100%;margin:10px 0;accent-color:var(--color-accent);cursor:pointer;touch-action:none}.vector-editor .editor-color-swatches{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:5px}.vector-editor .editor-color-swatch{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:1;border:1px solid #3b32261f;border-radius:6px;cursor:pointer;padding:0}.vector-editor .editor-color-swatch:hover{box-shadow:0 0 0 2px #3b322640}.vector-editor .editor-color-swatch-selected{border:2px solid white;box-shadow:0 0 0 2px #3b322673}.vector-editor .editor-status{position:absolute;left:var(--control-left);bottom:max(24px,calc(var(--editor-safe-area-bottom, 0px) + 12px));display:flex;align-items:center;gap:8px;max-width:calc(var(--editor-width, 100%) - 210px - var(--editor-safe-area-left, 0px) - var(--editor-safe-area-right, 0px));color:#7c7263;font-size:11px;line-height:1.45;pointer-events:none}.vector-editor .editor-status-busy{color:var(--color-accent)}.vector-editor .editor-spinner{flex-shrink:0;animation:editor-spin 1s linear infinite}.vector-editor .editor-view-controls{position:absolute;bottom:max(16px,calc(var(--editor-safe-area-bottom, 0px) + 8px));right:max(16px,var(--editor-safe-area-right, 0px))}.vector-editor .editor-primary-controls,.vector-editor .editor-history,.vector-editor .editor-view-controls{z-index:4}@keyframes editor-spin{to{transform:rotate(360deg)}}@container (max-width: 760px){.vector-editor .editor-shell{--control-top: 12px;--control-left: max(12px, var(--editor-safe-area-left, 0px));--control-right: max(12px, var(--editor-safe-area-right, 0px))}.vector-editor .editor-status{bottom:max(22px,calc(var(--editor-safe-area-bottom, 0px) + 12px));max-width:calc(var(--editor-width, 100%) - 180px - var(--editor-safe-area-left, 0px) - var(--editor-safe-area-right, 0px));font-size:10px}.vector-editor .editor-view-controls{right:max(12px,var(--editor-safe-area-right, 0px))}.vector-editor .editor-panel{left:var(--control-left)}}@container (max-width: 420px){.vector-editor .editor-shell{--toolbar-height: 48px}.vector-editor .editor-shell .canvas-toolbar-button{width:40px;height:40px}.vector-editor .editor-panel{top:calc(var(--control-top) + 112px)}.vector-editor .editor-status{max-width:calc(var(--editor-width, 100%) - 176px - var(--editor-safe-area-left, 0px) - var(--editor-safe-area-right, 0px))}}@container (max-height: 450px) and (min-width: 600px){.vector-editor .editor-shell{--control-top: 10px}.vector-editor .editor-status{display:none}.vector-editor .editor-panel{top:var(--control-top);left:max(236px,var(--editor-safe-area-left, 0px));max-height:calc(var(--editor-height, 100%) - 72px - var(--editor-safe-area-bottom, 0px))}}@media(prefers-reduced-motion:reduce){.vector-editor .editor-shell .canvas-toolbar-button{transition:none}.vector-editor .editor-spinner{animation:none}}.vector-editor .editor-panel-heading{cursor:grab;touch-action:none}.vector-editor .editor-panel-heading button{cursor:pointer}.vector-editor .editor-slider-panel{width:var(--slider-panel-width);max-height:calc(var(--editor-height, 100%) - var(--control-top) - 176px);overflow:hidden}.vector-editor .editor-slider-panel .editor-panel-heading{padding:0 2px 0 5px;height:34px}.vector-editor .editor-slider-panel .editor-panel-heading .canvas-toolbar-button{width:28px;height:32px;padding:5px}.vector-editor .editor-slider-body{display:flex;flex-direction:column;align-items:center;gap:8px;padding:8px 4px}.vector-editor .editor-slider-feedback{display:grid;place-items:center;flex:none;width:44px;height:24px;color:var(--color-content-secondary)}.vector-editor .editor-slider-icon{display:flex;align-items:center;justify-content:center}.vector-editor .editor-slider-feedback output{font-size:11px;font-variant-numeric:tabular-nums;line-height:20px}.vector-editor .editor-slider-body input[type=range]{writing-mode:vertical-lr;direction:rtl;width:32px;height:min(224px,calc(var(--editor-height, 100%) - var(--control-top) - 270px));min-height:56px;margin:0}.vector-editor .editor-color-panel{left:auto;right:var(--control-right);top:calc(var(--control-top) + var(--toolbar-height) + 8px);max-height:calc(var(--editor-height, 100%) - var(--control-top) - var(--toolbar-height) - max(84px,calc(var(--editor-safe-area-bottom, 0px) + 76px)));width:272px;display:flex;flex-direction:column;overflow:hidden}.vector-editor .editor-color-panel>.editor-panel-heading{flex:none}.vector-editor .editor-color-panel>.editor-panel-heading strong{flex:1}.vector-editor .editor-color-panel-compact{width:var(--compact-panel-width)}.vector-editor .editor-color-panel{--palette-max-width: min(480px, calc(var(--editor-width, 100%) - var(--control-left) - var(--control-right)));--palette-max-swatch: calc((480px - 24px - 35px - var(--palette-scrollbar-width, 0px)) / 8);min-width:min(240px,var(--palette-max-width));max-width:var(--palette-max-width);container-type:inline-size}.vector-editor .editor-color-panel-compact{min-width:var(--slider-panel-width);max-width:min(calc(var(--palette-max-swatch) * 18 + 16px + 85px + var(--palette-scrollbar-width, 0px)),calc(var(--editor-width, 100%) - var(--control-left) - var(--control-right)))}.vector-editor .editor-color-panel-compact .editor-color-swatches{grid-template-columns:repeat(var(--compact-columns, 3),var(--compact-swatch-size, minmax(0, 1fr)));justify-content:start}.vector-editor .editor-color-panel-compact .editor-color-swatch{max-width:var(--palette-max-swatch);justify-self:center}.vector-editor .editor-color-panel>.editor-panel-body{padding:12px;display:grid;gap:12px;overflow-x:hidden;overflow-y:auto;scrollbar-gutter:stable;min-height:0}.vector-editor .editor-color-panel-compact>.editor-panel-body{padding:8px}.vector-editor .editor-color-panel-compact .editor-color-section{min-width:0}.vector-editor .editor-color-panel-compact .editor-color-section{border:0;padding:0}.vector-editor .editor-color-panel-compact>.editor-panel-heading{padding-left:8px}.vector-editor .editor-color-panel>.editor-panel-body{flex:1 1 auto;align-content:start}@container (max-width: 115px){.vector-editor .editor-color-panel-compact>.editor-panel-heading{justify-content:flex-end;padding:3px 4px}.vector-editor .editor-color-panel-compact>.editor-panel-heading strong{display:none}}@container (max-width: 104px){.vector-editor .editor-shell .editor-color-expand{display:none}}@container (max-width: 81px){.vector-editor .editor-color-panel-compact>.editor-panel-heading .canvas-toolbar-button{width:24px;min-width:24px;height:32px;min-height:32px;padding:4px}.vector-editor .editor-color-panel-compact .editor-panel-resize:after{width:16px}.vector-editor .editor-color-panel-compact .editor-panel-resize-corner{width:20px}}.vector-editor .editor-color-section{display:grid;gap:8px;border-top:1px solid var(--color-border);padding-top:10px}.vector-editor .editor-color-section-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px;color:var(--color-content-secondary)}.vector-editor .editor-color-history-switch{width:32px;height:20px;flex:none;padding:3px;border:0;border-radius:12px;background:var(--color-border);cursor:pointer;touch-action:manipulation}.vector-editor .editor-color-history-switch:after{content:"";display:block;width:14px;height:14px;border-radius:50%;background:var(--color-element-surface)}.vector-editor .editor-color-history-switch[aria-checked=true]{background:var(--color-accent)}.vector-editor .editor-color-history-switch[aria-checked=true]:after{transform:translate(12px)}.vector-editor .editor-recent-colors{grid-template-rows:auto;min-height:24px}.vector-editor .editor-layers-panel{right:var(--control-right);bottom:var(--panel-toolbar-bottom, max(76px, calc(var(--editor-safe-area-bottom, 0px) + 8px)));top:auto;left:auto;width:var(--compact-panel-width);max-height:var(--panel-toolbar-height, calc(var(--editor-height, 100%) - var(--control-top) - 132px - var(--editor-safe-area-bottom, 0px)));display:flex;flex-direction:column;overflow:hidden}.vector-editor .editor-layers-panel>.editor-panel-heading{flex:none;padding-left:8px;gap:2px}.vector-editor .editor-layers-panel{width:min(180px,calc(var(--editor-width, 100%) - 148px));min-width:min(180px,calc(var(--editor-width, 100%) - 148px),calc(var(--editor-width, 100%) - var(--control-left) - var(--control-right)));max-width:min(480px,calc(var(--editor-width, 100%) - var(--control-left) - var(--control-right)))}.vector-editor .editor-layers-panel>.editor-panel-heading strong{flex:1;font-size:12px;white-space:nowrap}.vector-editor .editor-layer-count{margin-left:5px;color:var(--color-content-secondary);font-size:10px;font-weight:400}.vector-editor .editor-layer-list{flex:1 1 auto;padding:8px;display:grid;gap:6px;overflow-y:auto;overscroll-behavior:contain;min-height:0}.vector-editor .editor-layer-row{border:1px solid var(--color-border);border-radius:7px;background:var(--color-element-surface)}.vector-editor .editor-layer-active{border-color:var(--color-accent);background:#f0f5f6}.vector-editor .editor-layer-heading{padding:5px}.vector-editor .editor-layer-select{display:block;width:100%;min-width:0;border:0;padding:0;background:none;cursor:pointer}.vector-editor .editor-layer-preview{display:block;width:100%;aspect-ratio:16 / 9;margin:auto;overflow:hidden;background:repeating-conic-gradient(#e5e3de 0% 25%,#fff 0% 50%) 0/10px 10px;border:1px solid var(--color-border);border-radius:4px}.vector-editor .editor-layer-thumbnail{display:block;width:100%;height:100%;object-fit:contain}.vector-editor .editor-layer-options{padding:6px;display:grid;gap:6px;border-top:1px solid var(--color-border);border-radius:0 0 6px 6px;background:#f0f5f6}.vector-editor .editor-layer-opacity{display:flex;align-items:center;gap:3px}.vector-editor .editor-layer-opacity .editor-slider-feedback{order:-1;width:calc((100% - 12px)/4);height:32px;padding:7px}.vector-editor .editor-layer-opacity input[type=range]{min-width:0;flex:1;height:24px;margin:0}.vector-editor .editor-layer-arrange,.vector-editor .editor-layer-manage{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}.vector-editor .editor-layer-arrange{border-top:1px solid var(--color-border);padding-top:5px}.vector-editor .editor-layer-hidden{opacity:.4}.vector-editor .editor-layer-options .canvas-toolbar-button{width:100%;min-width:0;height:32px;padding:7px}.vector-editor .editor-canvas[data-tool=pipette]{cursor:none}.vector-editor .editor-pipette-preview{position:absolute;top:0;left:0;width:104px;height:104px;z-index:1;pointer-events:none}.vector-editor .editor-pipette-preview svg{display:block;width:100%;height:100%}@container (max-width: 760px){.vector-editor .editor-color-panel{left:auto;right:var(--control-right)}.vector-editor .editor-layers-panel{right:var(--control-right)}}@container (max-width: 420px){.vector-editor .editor-layers-panel{right:var(--control-right)}.vector-editor .editor-layers-panel .editor-panel-heading{padding-left:5px}.vector-editor .editor-layers-panel .editor-panel-heading strong{font-size:11px}.vector-editor .editor-layers-panel .editor-panel-heading .canvas-toolbar-button{width:26px}}@media(pointer:coarse){.vector-editor .editor-shell .canvas-toolbar-button{min-width:40px;min-height:40px}.vector-editor .editor-panel-heading .canvas-toolbar-button{min-width:30px;min-height:36px}.vector-editor .editor-slider-body input[type=range]{width:40px}.vector-editor .editor-shell{--toolbar-height: 48px}.vector-editor .editor-layer-options .canvas-toolbar-button{width:100%;min-width:0;height:40px}.vector-editor .editor-layer-opacity .editor-slider-feedback{height:40px}.vector-editor .editor-layer-opacity input[type=range]{height:32px}}@container (max-width: 359px){.vector-editor .editor-shell{--toolbar-height: 44px}.vector-editor .editor-primary-controls>.canvas-toolbar-group:first-child,.vector-editor .editor-history>.canvas-toolbar-group{gap:0;padding:2px}}@container (max-height: 450px) and (min-width: 600px){.vector-editor .editor-slider-panel{top:calc(var(--control-top) + 104px);left:var(--control-left);max-height:calc(var(--editor-height, 100%) - var(--control-top) - 120px - var(--editor-safe-area-bottom, 0px))}.vector-editor .editor-slider-body{gap:4px;padding:4px}.vector-editor .editor-slider-body input[type=range]{height:max(48px,calc(var(--editor-height, 100%) - var(--control-top) - 270px));min-height:48px}}.vector-editor .editor-custom-color{display:grid;gap:10px}.vector-editor .editor-color-plane{position:relative;height:140px;border-radius:5px;cursor:crosshair;touch-action:none;background-image:linear-gradient(to top,#000,transparent),linear-gradient(to right,#fff,transparent)}.vector-editor .editor-color-plane:focus-within{outline:2px solid var(--color-accent);outline-offset:3px}.vector-editor .editor-color-thumb{position:absolute;width:14px;height:14px;transform:translate(-50%,-50%);border:2px solid white;border-radius:50%;box-shadow:0 0 0 1px #0008;pointer-events:none}.vector-editor .editor-color-keyboard{position:absolute;width:1px!important;height:1px;padding:0;overflow:hidden;clip-path:inset(50%)}.vector-editor .editor-panel .editor-color-hue{appearance:none;-webkit-appearance:none;display:block;height:24px;margin:0;border-radius:12px;background:linear-gradient(to right,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.vector-editor .editor-color-hue::-webkit-slider-thumb{appearance:none;width:14px;height:28px;border:2px solid white;border-radius:7px;background:transparent;box-shadow:0 0 0 1px #0008}.vector-editor .editor-color-hue::-moz-range-thumb{width:10px;height:24px;border:2px solid white;border-radius:7px;background:transparent;box-shadow:0 0 0 1px #0008}.vector-editor .editor-color-current{display:flex;gap:8px;align-items:center}.vector-editor .editor-current-swatch{display:block;height:28px;flex:1;border:1px solid #3b322630;border-radius:5px}.vector-editor .editor-color-modes{display:flex;gap:4px;padding:3px;border-radius:7px;background:#3b32260a}.vector-editor .editor-color-modes button{flex:1;border:0;border-radius:5px;padding:7px;font-size:12px;color:inherit;background:transparent;cursor:pointer}.vector-editor .editor-color-modes button[aria-pressed=true]{background:var(--color-element-surface);box-shadow:0 1px 3px #3b322621}.vector-editor .editor-panel-resize{flex:none;height:12px;display:grid;place-items:center;cursor:ns-resize;touch-action:none}.vector-editor .editor-panel-resize-row{position:relative;flex:none;height:24px}.vector-editor .editor-panel-resize-row>[role=separator]{width:100%;height:100%}.vector-editor .editor-panel-resize:after{content:"";width:28px;height:3px;border-radius:2px;background:var(--color-border)}.vector-editor .editor-panel-resize:hover:after,.vector-editor .editor-panel-resize:focus-visible:after{background:var(--color-accent)}.vector-editor .editor-panel-resize:focus-visible{outline:2px solid var(--color-accent);outline-offset:-2px}.vector-editor .editor-panel-resize-corner{position:absolute;z-index:1;left:0;bottom:0;width:28px;height:100%;border:0;padding:0;background:transparent;color:var(--color-border);cursor:nesw-resize}.vector-editor .editor-panel-resize-corner:after{content:none}.vector-editor .editor-panel-resize-corner:hover,.vector-editor .editor-panel-resize-corner:focus-visible{color:var(--color-accent)}@media(pointer:coarse){.vector-editor .editor-panel-resize{height:20px}}.vector-editor .editor-slider-body,.vector-editor .editor-layer-opacity{user-select:none}.vector-editor{--control-top:16px;--control-left:16px;--control-right:16px;container-type:size}.vector-editor .editor-host-bottom-left{position:absolute;left:max(var(--editor-host-toolbar-gap, 16px),var(--editor-safe-area-left, 0px));bottom:max(var(--editor-host-toolbar-gap, 16px),calc(var(--editor-safe-area-bottom, 0px) + 8px));z-index:5;max-width:var(--drawing-task-toolbar-width);pointer-events:none;--drawing-task-toolbar-width: max(44px, calc(var(--editor-width, 100%) - max(var(--editor-host-toolbar-gap, 16px), var(--editor-safe-area-left, 0px)) - max(var(--editor-host-toolbar-gap, 16px), var(--editor-safe-area-right, 0px)) - 144px));--drawing-task-panel-width: max(44px, calc(var(--editor-width, 100%) - max(16px, var(--editor-safe-area-left, 0px)) - max(16px, var(--editor-safe-area-right, 0px))));--drawing-task-panel-height: max(4rem, min(12rem, calc(var(--editor-height, 100%) - 10rem - var(--editor-safe-area-bottom, 0px))))}.vector-editor .editor-host-bottom-left>div{position:relative;pointer-events:auto}.vector-editor[data-bottom-left-toolbar] .editor-status{width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@container (max-width: 760px){.vector-editor .editor-host-bottom-left{--editor-host-toolbar-gap: 12px}}html,body,#root{margin:0;width:100%;height:100%;overflow:hidden}#root{box-sizing:border-box;padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px)}