.toolbar.svelte-1biaa9h{display:flex;align-items:center;gap:2px;padding:4px 8px;background:var(--surface);border-bottom:1px solid var(--border);height:40px;-webkit-user-select:none;user-select:none}.toolbar-section.svelte-1biaa9h{display:flex;gap:2px}.toolbar-divider.svelte-1biaa9h{width:1px;height:20px;background:var(--border);margin:0 4px}.tool-btn.svelte-1biaa9h{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:6px;background:transparent;cursor:pointer;color:var(--text-secondary);transition:all .1s ease}.tool-btn.svelte-1biaa9h:hover{background:var(--hover);color:var(--text)}.tool-btn.active.svelte-1biaa9h{background:var(--accent);color:#fff}.tool-btn.svelte-1biaa9h:disabled{opacity:.3;cursor:default}.tool-icon.svelte-1biaa9h{font-size:13px;font-weight:600;font-family:system-ui,-apple-system,sans-serif}.undo-icon.svelte-1biaa9h,.redo-icon.svelte-1biaa9h{font-size:16px;font-weight:400}.import-icon.svelte-1biaa9h,.export-icon.svelte-1biaa9h{font-size:14px}.grid-icon.svelte-1biaa9h{display:block}.help-icon.svelte-1biaa9h{font-size:15px;font-weight:700}.layers-panel.svelte-1e6pemy{width:200px;min-width:200px;background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;-webkit-user-select:none;user-select:none;font-size:12px}.layers-header.svelte-1e6pemy{padding:8px 12px;font-weight:600;font-size:10px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);border-bottom:1px solid var(--border)}.layers-list.svelte-1e6pemy{flex:1;overflow-y:auto}.layer-row.svelte-1e6pemy{display:flex;align-items:center;height:32px;padding:0 8px;gap:4px;cursor:pointer;border-bottom:1px solid transparent;border-top:1px solid transparent;transition:background .1s}.layer-row.svelte-1e6pemy:hover{background:var(--hover)}.layer-row.selected.svelte-1e6pemy{background:#2196f31f}.layer-row.dragging.svelte-1e6pemy{opacity:.4}.layer-row.drop-above.svelte-1e6pemy{border-top-color:var(--accent)}.layer-row.drop-below.svelte-1e6pemy{border-bottom-color:var(--accent)}.layer-row.hidden-node.svelte-1e6pemy{opacity:.5}.layer-icon-btn.svelte-1e6pemy{display:flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;background:none;border:none;border-radius:3px;cursor:pointer;color:var(--text-secondary);flex-shrink:0}.layer-icon-btn.svelte-1e6pemy:hover{background:var(--hover);color:var(--text)}.layer-icon-btn.off.svelte-1e6pemy{color:var(--text-secondary)}.layer-type.svelte-1e6pemy{font-size:12px;color:var(--text-secondary);width:16px;text-align:center;flex-shrink:0}.layer-name.svelte-1e6pemy{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text);font-size:11px}.layer-rename.svelte-1e6pemy{flex:1;padding:1px 4px;border:1px solid var(--accent);border-radius:3px;background:var(--input-bg);color:var(--text);font-size:11px;font-family:inherit;outline:none;min-width:0}.pen-toolbar.svelte-15p9fy0{position:absolute;bottom:16px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:4px;padding:4px;background:color-mix(in srgb,var(--surface) 85%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:20px;box-shadow:0 2px 8px #0000001f;pointer-events:auto;z-index:10;user-select:none;-webkit-user-select:none}.tb-btn.svelte-15p9fy0{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;border-radius:14px;background:transparent;color:var(--text);cursor:pointer;transition:background .1s;touch-action:none}.tb-btn.svelte-15p9fy0:hover{background:var(--hover)}.tb-btn.active.svelte-15p9fy0{background:var(--accent);color:#fff}.tb-btn.active.svelte-15p9fy0:hover{background:var(--accent-light)}.canvas-area.svelte-l7t4g9{flex:1;position:relative;overflow:hidden;background:var(--canvas-bg)}#thorvg-canvas.svelte-l7t4g9{position:absolute;top:0;left:0;width:100%;height:100%}.overlay-canvas.svelte-l7t4g9{position:absolute;top:0;left:0;width:100%;height:100%;touch-action:none}.slider.svelte-1fbosnr{---track-width: var(--track-width, unset);---track-height: var(--track-height, 6px);---track-background: var(--track-background, #949494);---track-border: var(--track-border, none);---thumb-size: var(--thumb-size, 16px);---thumb-background: var(--thumb-background, #2d2d2d);---thumb-border: var(--thumb-border, none);---position: var(--position, 0px);---margin-inline-thumb-bigger: max(var(---thumb-size) - var(---track-height), 0px);---margin-inline-thumb-smaller: max(var(---track-height) - var(---thumb-size), 0px);position:relative;margin:auto;user-select:none;-webkit-user-select:none;background-color:transparent;cursor:pointer}.slider.svelte-1fbosnr:before{background-color:transparent}[aria-orientation=horizontal].svelte-1fbosnr{width:var(---track-width);max-width:calc(100% - 2 * var(---margin-inline-thumb-bigger));height:calc(max(var(---track-height),var(---thumb-size)) + 4px);height:max(var(---track-height),var(---thumb-size));margin-inline:var(---margin-inline-thumb-bigger);margin-block:var(--margin-block, 8px)}[aria-orientation=vertical].svelte-1fbosnr{width:max(var(---track-height),var(---thumb-size));height:var(---track-width);max-height:calc(100% - 2 * var(---margin-inline-thumb-bigger));margin-block:var(---margin-inline-thumb-bigger);margin-inline:var(--margin-block, 8px)}.track.svelte-1fbosnr{position:absolute;pointer-events:none;background:var(---track-background);border:var(---track-border);border-radius:calc(var(---track-height) / 2);box-sizing:border-box}[aria-orientation=horizontal].svelte-1fbosnr .track:where(.svelte-1fbosnr){height:var(---track-height);top:50%;transform:translateY(-50%);left:0;right:0}[aria-orientation=vertical].svelte-1fbosnr .track:where(.svelte-1fbosnr){width:var(---track-height);left:50%;transform:translate(-50%);top:0;bottom:0}.thumb.svelte-1fbosnr{pointer-events:none;position:absolute;height:var(---thumb-size);width:var(---thumb-size);border-radius:calc(var(---thumb-size) / 2);background:var(---thumb-background);border:var(---thumb-border);box-sizing:border-box;transform:translate(-50%,-50%);--margin-left: (2 * var(---track-height) - var(---thumb-size) - var(---margin-inline-thumb-smaller)) / 2;--left: calc(var(---position) * (100% - 2 * var(--margin-left)) + var(--margin-left))}[aria-orientation=horizontal].svelte-1fbosnr:not(.reverse) .thumb:where(.svelte-1fbosnr){top:50%;left:var(--left)}[aria-orientation=vertical].svelte-1fbosnr:not(.reverse) .thumb:where(.svelte-1fbosnr){left:50%;bottom:calc(var(--left) - var(---thumb-size))}[aria-orientation=horizontal].reverse.svelte-1fbosnr .thumb:where(.svelte-1fbosnr){top:50%;right:calc(var(--left) - var(---thumb-size))}[aria-orientation=vertical].reverse.svelte-1fbosnr .thumb:where(.svelte-1fbosnr){left:50%;top:calc(var(--left))}.slider.svelte-1fbosnr:focus-visible{outline:none}.slider.svelte-1fbosnr:focus-visible .track:where(.svelte-1fbosnr){outline:2px solid var(--focus-color, red);outline-offset:2px}.picker.svelte-a4gc6u{position:relative;display:inline-block;width:var(--picker-width, 200px);height:var(--picker-height, 200px);background:linear-gradient(#fff0,#000),linear-gradient(.25turn,#fff,#0000),var(--picker-color-bg);border-radius:var(--picker-radius, 8px);outline:none;-webkit-user-select:none;user-select:none;cursor:pointer}.s.svelte-a4gc6u,.v.svelte-a4gc6u{position:absolute;--track-background: none;--track-border: none;--thumb-background: none;--thumb-border: none;--thumb-size: 2px;--margin-block: 0;--track-height: var(--picker-indicator-size, 10px);user-select:none;-webkit-user-select:none}.s.svelte-a4gc6u{top:calc(var(--pos-y) * (var(--picker-height, 200px) - var(--picker-indicator-size, 10px) - 4px) / 100 + 2px);left:2px;--track-width: calc(var(--picker-width, 200px) - 4px)}.v.svelte-a4gc6u{top:2px;left:calc(var(--pos-x) * (var(--picker-width, 200px) - var(--picker-indicator-size, 10px) - 4px) / 100 + 2px);--track-width: calc(var(--picker-height, 200px) - 4px)}label.svelte-1o9p1lc{display:inline-flex;align-items:center;gap:8px;cursor:pointer;border-radius:3px;margin:4px;height:var(--input-size, 25px);-webkit-user-select:none;user-select:none}.container.svelte-1o9p1lc{position:relative;display:block;display:flex;align-items:center;justify-content:center;width:var(--input-size, 25px)}input.svelte-1o9p1lc{margin:0;padding:0;border:none;width:1px;height:1px;flex-shrink:0;opacity:0}.alpha.svelte-1o9p1lc{clip-path:circle(50%);background:var(--alpha-grid-bg)}.alpha.svelte-1o9p1lc,.color.svelte-1o9p1lc{position:absolute;width:var(--input-size, 25px);height:var(--input-size, 25px);border-radius:50%;-webkit-user-select:none;user-select:none}input.svelte-1o9p1lc:focus-visible~.color:where(.svelte-1o9p1lc){outline:2px solid var(--focus-color, red);outline-offset:2px}label.svelte-y0a4ew{display:flex;justify-content:center;margin-bottom:4px;grid-area:nullable;-webkit-user-select:none;user-select:none}input.svelte-y0a4ew{margin:0}input.svelte-y0a4ew:focus-visible{outline:none}input.svelte-y0a4ew:focus-visible+span:where(.svelte-y0a4ew){width:14px;height:14px;border-radius:2px;outline:2px solid var(--focus-color, red);outline-offset:2px}div.svelte-y0a4ew{width:32px;aspect-ratio:2;position:relative}div.svelte-y0a4ew :where(.svelte-y0a4ew){position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}div.svelte-1ph6e4z{position:absolute;left:calc(var(--pos-x) * (var(--picker-width, 200px) - 2px) / 100 - var(--picker-indicator-size, 10px) / 2 + 1px);top:calc(var(--pos-y) * (var(--picker-height, 200px) - 2px) / 100 - var(--picker-indicator-size, 10px) / 2 + 1px);width:var(--picker-indicator-size, 10px);height:var(--picker-indicator-size, 10px);background-color:#fff;box-shadow:0 0 4px #000;border-radius:50%;pointer-events:none;z-index:1;transition:box-shadow .2s}.swatches.svelte-1q3i30g{display:grid;grid-template-columns:var(--cp-swatch-grid-template-columns, repeat(auto-fit, minmax(24px, 1fr)));gap:8px;width:100%;height:100%;margin-top:8px;margin-bottom:8px}.swatch.svelte-1q3i30g{cursor:pointer;margin:0;padding:0;border:none;width:100%;aspect-ratio:1 / 1;height:auto;display:block}.swatch.svelte-1q3i30g:focus{outline:2px solid var(--focus-color, red);outline-offset:2px}.text-input.svelte-1xmlgu5{margin:var(--text-input-margin, 5px 0 0)}.input-container.svelte-1xmlgu5{display:flex;flex:1;gap:10px}input.svelte-1xmlgu5,button.svelte-1xmlgu5,.button-like.svelte-1xmlgu5{flex:1;border:none;background-color:var(--cp-input-color, #eee);color:var(--cp-text-color, var(--cp-border-color));padding:0;border-radius:5px;height:30px;line-height:30px;text-align:center}input.svelte-1xmlgu5{width:5px;font-family:inherit}button.svelte-1xmlgu5,.button-like.svelte-1xmlgu5{position:relative;flex:1;margin:8px 0 0;height:30px;width:100%;transition:background-color .2s;cursor:pointer;font-family:inherit}.button-like.svelte-1xmlgu5{cursor:default}.appear.svelte-1xmlgu5,.disappear.svelte-1xmlgu5{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:100%;transition:all .5s}button.svelte-1xmlgu5:hover .disappear:where(.svelte-1xmlgu5),.appear.svelte-1xmlgu5{opacity:0}.disappear.svelte-1xmlgu5,button.svelte-1xmlgu5:hover .appear:where(.svelte-1xmlgu5){opacity:1}button.svelte-1xmlgu5:hover{background-color:var(--cp-button-hover-color, #ccc)}input.svelte-1xmlgu5:focus,button.svelte-1xmlgu5:focus{outline:none}input.svelte-1xmlgu5:focus-visible,button.svelte-1xmlgu5:focus-visible{outline:2px solid var(--focus-color, red);outline-offset:2px}div.svelte-2y1dab{padding:8px;background-color:var(--cp-bg-color, white);margin:0 10px 10px;border:1px solid var(--cp-border-color, black);border-radius:12px;display:none;width:max-content}.is-open.svelte-2y1dab{display:inline-block}[role=dialog].svelte-2y1dab{position:absolute;top:calc(var(--input-size, 25px) + 12px);left:0;z-index:var(--picker-z-index, 2)}span.svelte-rmjmwh{position:relative;color:var(--cp-text-color, var(--cp-border-color));--alpha-grid-bg: linear-gradient(45deg, #eee 25%, #0000 25%, #0000 75%, #eee 75%) 0 0 / 10px 10px, linear-gradient(45deg, #eee 25%, #0000 25%, #0000 75%, #eee 75%) 5px 5px / 10px 10px}.h.svelte-rmjmwh,.a.svelte-rmjmwh{display:inline-flex;justify-content:center;--track-height: var(--slider-width, 10px);--track-width: var(--picker-height, 200px);--track-border: none;--thumb-size: calc(var(--slider-width, 10px) - 3px);--thumb-background: white;--thumb-border: 1px solid black;--margin-block: 0;--gradient-direction: .5turn}.horizontal.svelte-rmjmwh .h:where(.svelte-rmjmwh),.horizontal.svelte-rmjmwh .a:where(.svelte-rmjmwh){--track-width: calc(var(--picker-width, 200px) - 12px);--gradient-direction: .25turn;margin:4px 6px}.horizontal.svelte-rmjmwh .h:where(.svelte-rmjmwh){margin-top:8px}.vertical.svelte-rmjmwh .h:where(.svelte-rmjmwh),.vertical.svelte-rmjmwh .a:where(.svelte-rmjmwh){margin-left:3px}.h.svelte-rmjmwh{grid-area:hue;--gradient-hue: #ff1500fb, #ffff00 17.2%, #ffff00 18.2%, #00ff00 33.3%, #00ffff 49.5%, #00ffff 51.5%, #0000ff 67.7%, #ff00ff 83.3%, #ff0000;--track-background: linear-gradient(var(--gradient-direction), var(--gradient-hue))}.a.svelte-rmjmwh{grid-area:alpha;margin-top:2px;--alpha-grid-bg: linear-gradient(45deg, #eee 25%, #0000 25%, #0000 75%, #eee 75%) 0 0 / 10px 10px, linear-gradient(45deg, #eee 25%, #0000 25%, #0000 75%, #eee 75%) 5px 5px / 10px 10px;--track-background: linear-gradient(var(--gradient-direction), rgba(0, 0, 0, 0), var(--alphaless-color)), var(--alpha-grid-bg)}span.svelte-rmjmwh .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.cp-wrap.svelte-1jc3e0j{display:inline-flex}.cp-wrap.svelte-1jc3e0j label{margin:0;gap:0;height:24px}.cp-wrap.svelte-1jc3e0j .color,.cp-wrap.svelte-1jc3e0j .alpha{border-radius:4px!important}.cp-wrap.svelte-1jc3e0j .wrapper{margin:0;border-radius:8px}.cp-wrap.svelte-1jc3e0j [role=dialog]{position:fixed!important;left:auto!important;right:0;top:0}.gradient-editor.svelte-bl1nnd{display:flex;flex-direction:column;gap:6px}.gradient-preview.svelte-bl1nnd{height:20px;border-radius:4px;border:1px solid var(--border)}.stops.svelte-bl1nnd{display:flex;flex-direction:column;gap:4px}.stop-row.svelte-bl1nnd{display:flex;align-items:center;gap:4px}.stop-offset.svelte-bl1nnd,.stop-opacity.svelte-bl1nnd{width:38px;padding:2px 4px;border:1px solid var(--border);border-radius:3px;background:var(--input-bg);color:var(--text);font-size:11px}.stop-percent.svelte-bl1nnd{font-size:10px;color:var(--text-secondary)}.stop-remove.svelte-bl1nnd{background:none;border:none;cursor:pointer;color:var(--text-secondary);font-size:11px;padding:0 4px}.add-stop-btn.svelte-bl1nnd{background:none;border:1px dashed var(--border);border-radius:4px;padding:3px 8px;cursor:pointer;color:var(--text-secondary);font-size:11px}.add-stop-btn.svelte-bl1nnd:hover{background:var(--hover)}.inspector.svelte-1g5d88v{width:240px;background:var(--surface);border-left:1px solid var(--border);overflow-y:auto;font-size:12px;-webkit-user-select:none;user-select:none}.inspector-header.svelte-1g5d88v{padding:10px 12px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:6px}.node-type.svelte-1g5d88v{background:var(--accent);color:#fff;padding:1px 6px;border-radius:3px;font-size:10px;text-transform:uppercase;font-weight:600}.node-name.svelte-1g5d88v{color:var(--text);font-weight:500}.canvas-size-row.svelte-1g5d88v{display:flex;align-items:center;gap:6px}.canvas-size-label.svelte-1g5d88v{display:flex;align-items:center;gap:4px;flex:1;min-width:0}.canvas-size-label.svelte-1g5d88v span:where(.svelte-1g5d88v){color:var(--text-secondary);font-size:10px;font-weight:500;min-width:14px}.canvas-size-label.svelte-1g5d88v input:where(.svelte-1g5d88v){width:100%;padding:4px 6px;border:1px solid var(--border);border-radius:4px;background:var(--input-bg);color:var(--text);font-size:12px;font-family:inherit}.canvas-size-label.svelte-1g5d88v input:where(.svelte-1g5d88v):focus{outline:none;border-color:var(--accent)}.constrain-btn.svelte-1g5d88v{display:flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;background:none;border:1px solid var(--border);border-radius:4px;cursor:pointer;color:var(--text-secondary);flex-shrink:0}.constrain-btn.svelte-1g5d88v:hover{background:var(--hover)}.constrain-btn.active.svelte-1g5d88v{color:var(--accent);border-color:var(--accent)}.section.svelte-1g5d88v{padding:10px 12px;border-bottom:1px solid var(--border)}.section-title.svelte-1g5d88v{font-weight:600;color:var(--text-secondary);text-transform:uppercase;font-size:10px;letter-spacing:.5px;margin-bottom:8px;display:flex;align-items:center;justify-content:space-between}.prop-grid.svelte-1g5d88v{display:grid;grid-template-columns:1fr 1fr;gap:4px}.prop-grid.svelte-1g5d88v label:where(.svelte-1g5d88v){display:flex;align-items:center;gap:4px}.prop-grid.svelte-1g5d88v label:where(.svelte-1g5d88v) span:where(.svelte-1g5d88v){color:var(--text-secondary);font-size:10px;font-weight:500;min-width:18px}.prop-grid.svelte-1g5d88v input:where(.svelte-1g5d88v){width:100%;padding:4px 6px;border:1px solid var(--border);border-radius:4px;background:var(--input-bg);color:var(--text);font-size:12px;font-family:inherit}.prop-grid.svelte-1g5d88v input:where(.svelte-1g5d88v):focus{outline:none;border-color:var(--accent)}.blend-mode-row.svelte-1g5d88v{display:flex;align-items:center;gap:6px;margin-top:6px}.blend-label.svelte-1g5d88v{color:var(--text-secondary);font-size:10px;font-weight:500;white-space:nowrap}.fill-row.svelte-1g5d88v{display:flex;align-items:center;gap:8px}.opacity-label.svelte-1g5d88v{display:flex;align-items:center;gap:3px;flex:1}.opacity-label.svelte-1g5d88v span:where(.svelte-1g5d88v){color:var(--text-secondary);font-size:10px}.opacity-label.svelte-1g5d88v input:where(.svelte-1g5d88v){width:48px;padding:4px 6px;border:1px solid var(--border);border-radius:4px;background:var(--input-bg);color:var(--text);font-size:12px}.stroke-width.svelte-1g5d88v{display:flex;align-items:center;gap:4px;flex:1}.stroke-width.svelte-1g5d88v span:where(.svelte-1g5d88v){color:var(--text-secondary);font-size:10px;white-space:nowrap}.stroke-width.svelte-1g5d88v input:where(.svelte-1g5d88v){width:60px;padding:4px 6px;border:1px solid var(--border);border-radius:4px;background:var(--input-bg);color:var(--text);font-size:12px}.stroke-line-row.svelte-1g5d88v{display:flex;gap:6px;margin-top:6px}.stroke-line-label.svelte-1g5d88v{display:flex;align-items:center;gap:4px;flex:1;min-width:0}.stroke-line-label.svelte-1g5d88v span:where(.svelte-1g5d88v){color:var(--text-secondary);font-size:10px;font-weight:500;white-space:nowrap}.stroke-line-select.svelte-1g5d88v{flex:1;min-width:0;padding:4px;border:1px solid var(--border);border-radius:4px;background:var(--input-bg);color:var(--text);font-size:11px;font-family:inherit;cursor:pointer}.stroke-line-select.svelte-1g5d88v:focus{outline:none;border-color:var(--accent)}.stroke-line-label.svelte-1g5d88v input:where(.svelte-1g5d88v){flex:1;min-width:0;padding:4px 6px;border:1px solid var(--border);border-radius:4px;background:var(--input-bg);color:var(--text);font-size:12px;font-family:inherit}.stroke-line-label.svelte-1g5d88v input:where(.svelte-1g5d88v):focus{outline:none;border-color:var(--accent)}.fill-type-row.svelte-1g5d88v{margin-bottom:8px}.fill-type-select.svelte-1g5d88v,.spread-select.svelte-1g5d88v{width:100%;padding:4px 6px;border:1px solid var(--border);border-radius:4px;background:var(--input-bg);color:var(--text);font-size:11px;font-family:inherit;cursor:pointer}.fill-type-select.svelte-1g5d88v:focus,.spread-select.svelte-1g5d88v:focus{outline:none;border-color:var(--accent)}.spread-row.svelte-1g5d88v{display:flex;align-items:center;gap:6px;margin-top:8px}.spread-label.svelte-1g5d88v{color:var(--text-secondary);font-size:10px;font-weight:500;white-space:nowrap}.add-btn.svelte-1g5d88v,.remove-btn.svelte-1g5d88v{background:none;border:1px solid var(--border);border-radius:3px;width:18px;height:18px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-secondary);font-size:12px;line-height:1;padding:0}.add-btn.svelte-1g5d88v:hover,.remove-btn.svelte-1g5d88v:hover{background:var(--hover)}.effect-add-select.svelte-1g5d88v{padding:1px 4px;border:1px solid var(--border);border-radius:3px;background:var(--input-bg);color:var(--text-secondary);font-size:10px;font-family:inherit;cursor:pointer}.effect-item.svelte-1g5d88v{padding:6px 0;border-top:1px solid var(--border)}.effect-item.svelte-1g5d88v:first-child{border-top:none}.effect-header.svelte-1g5d88v{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.effect-header-actions.svelte-1g5d88v{display:flex;align-items:center;gap:4px}.effect-type-label.svelte-1g5d88v{color:var(--text);font-size:11px;font-weight:500}.effect-props.svelte-1g5d88v{display:flex;flex-wrap:wrap;gap:4px}.effect-props.svelte-1g5d88v label:where(.svelte-1g5d88v){display:flex;align-items:center;gap:3px;flex:1 1 auto;min-width:0}.effect-props.svelte-1g5d88v label:where(.svelte-1g5d88v) span:where(.svelte-1g5d88v){color:var(--text-secondary);font-size:10px;font-weight:500;white-space:nowrap}.effect-props.svelte-1g5d88v input:where(.svelte-1g5d88v){width:0;flex:1;min-width:36px;padding:4px;border:1px solid var(--border);border-radius:4px;background:var(--input-bg);color:var(--text);font-size:12px;font-family:inherit}.effect-props.svelte-1g5d88v input:where(.svelte-1g5d88v):focus{outline:none;border-color:var(--accent)}.effect-swatches.svelte-1g5d88v{display:flex;align-items:center;gap:8px;margin-bottom:4px}.effect-swatch-pair.svelte-1g5d88v{display:flex;align-items:center;gap:3px}.effect-swatch-pair.svelte-1g5d88v span:where(.svelte-1g5d88v){color:var(--text-secondary);font-size:10px;font-weight:500}.help-panel.svelte-yr6hip{position:fixed;top:40px;right:0;bottom:0;width:360px;background:var(--surface);border-left:1px solid var(--border);box-shadow:-4px 0 16px #0000001a;display:flex;flex-direction:column;z-index:100;animation:svelte-yr6hip-slide-in .15s ease-out}@keyframes svelte-yr6hip-slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}.help-header.svelte-yr6hip{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid var(--border);flex-shrink:0}.help-title.svelte-yr6hip{font-weight:600;font-size:13px}.close-btn.svelte-yr6hip{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;border-radius:4px;background:transparent;cursor:pointer;color:var(--text-secondary)}.close-btn.svelte-yr6hip:hover{background:var(--hover);color:var(--text)}.help-content.svelte-yr6hip{overflow-y:auto;flex:1;padding:8px 0}details.svelte-yr6hip{border-bottom:1px solid var(--border)}summary.svelte-yr6hip{padding:8px 12px;font-weight:600;font-size:12px;cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--text);list-style:none}summary.svelte-yr6hip::-webkit-details-marker{display:none}summary.svelte-yr6hip:before{content:"▶";display:inline-block;margin-right:6px;font-size:9px;transition:transform .1s ease}details[open].svelte-yr6hip>summary:where(.svelte-yr6hip):before{transform:rotate(90deg)}summary.svelte-yr6hip:hover{background:var(--hover)}.section-body.svelte-yr6hip{padding:4px 12px 10px 24px;font-size:12px;line-height:1.6;color:var(--text-secondary)}.tool-row.svelte-yr6hip{margin-bottom:6px}.tool-row.svelte-yr6hip strong:where(.svelte-yr6hip){color:var(--text)}ul.svelte-yr6hip{padding-left:14px;margin:0}li.svelte-yr6hip{margin-bottom:2px}li.svelte-yr6hip strong:where(.svelte-yr6hip){color:var(--text)}.shortcut-table.svelte-yr6hip{width:100%;border-collapse:collapse}.shortcut-table.svelte-yr6hip td:where(.svelte-yr6hip){padding:2px 0;vertical-align:top}.shortcut-table.svelte-yr6hip td:where(.svelte-yr6hip):first-child{width:130px;white-space:nowrap}kbd.svelte-yr6hip{display:inline-block;padding:1px 5px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:11px;line-height:1.4;color:var(--text);background:var(--hover);border:1px solid var(--border);border-radius:3px}.app.svelte-1n46o8q{display:flex;flex-direction:column;width:100vw;height:100vh;overflow:hidden}.main.svelte-1n46o8q{display:flex;flex:1;overflow:hidden}:root{--surface: #f8f8f8;--canvas-bg: #e8e8e8;--border: #d4d4d4;--hover: rgba(0, 0, 0, .06);--accent: #2563eb;--accent-light: #3b82f6;--text: #1a1a1a;--text-secondary: #737373;--input-bg: #ffffff;--danger: #ef4444}@media(prefers-color-scheme:dark){:root{--surface: #1e1e1e;--canvas-bg: #2a2a2a;--border: #3a3a3a;--hover: rgba(255, 255, 255, .08);--accent: #3b82f6;--accent-light: #60a5fa;--text: #e5e5e5;--text-secondary: #a3a3a3;--input-bg: #2a2a2a}}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:13px;color:var(--text);background:var(--surface);-webkit-font-smoothing:antialiased}#app{width:100%;height:100%}input[type=number]{-moz-appearance:textfield}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none}