[data-v-04880a2d]{box-sizing:border-box;margin:0;padding:0}.editor-container[data-v-04880a2d]{width:100vw;height:100vh;display:flex;flex-direction:column;background:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;position:relative}.header[data-v-04880a2d]{position:absolute;top:1rem;left:1rem;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(0,0,0,.1);padding:.5rem .75rem;display:flex;align-items:center;gap:1rem;z-index:100;border-radius:4px;box-shadow:0 2px 8px #0000000d}.app-title[data-v-04880a2d]{font-size:.625rem;font-weight:400;color:#666;letter-spacing:.1em;text-transform:uppercase}.toolbar[data-v-04880a2d]{display:flex;gap:.5rem}.tool-btn[data-v-04880a2d]{background:transparent;border:1px solid rgba(0,0,0,.2);border-radius:2px;padding:.25rem;cursor:pointer;transition:all .15s;color:#666;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.tool-btn[data-v-04880a2d]:hover{background:#0000000d;border-color:#000;color:#000}.tool-btn.active[data-v-04880a2d]{background:#000;color:#fff;border-color:#000}.main-content[data-v-04880a2d]{flex:1;display:flex;overflow:hidden}.canvas-section[data-v-04880a2d]{flex:1;display:flex;align-items:center;justify-content:center;padding:1rem;background:#f8f8f8}.drawing-canvas[data-v-04880a2d]{width:100%;max-width:600px;height:auto;background:#fff;border:1px solid #000000;cursor:crosshair}.rendered-path[data-v-04880a2d]{stroke:#000;stroke-width:1;fill:#0000000d;cursor:pointer;transition:fill .15s}.rendered-path[data-v-04880a2d]:hover{fill:#0000001a}.preview-path[data-v-04880a2d]{stroke:#000;stroke-width:1;fill:none}.handle-line[data-v-04880a2d]{stroke:#000;stroke-width:.5;opacity:.3}.handle-point[data-v-04880a2d]{fill:#fff;stroke:#000;stroke-width:1;cursor:move}.handle-point.selected[data-v-04880a2d]{fill:#000}.anchor-point[data-v-04880a2d]{fill:#fff;stroke:#000;stroke-width:1;cursor:move}.anchor-point.selected[data-v-04880a2d]{fill:#000;stroke-width:1.5}.sidebar[data-v-04880a2d]{width:280px;background:#fff;border-left:1px solid #000000;display:flex;flex-direction:column;gap:1.5rem;padding:1.5rem;overflow-y:auto}.panel[data-v-04880a2d]{background:#fff}.panel-title[data-v-04880a2d]{font-size:.625rem;font-weight:400;color:#000;text-transform:uppercase;letter-spacing:.1em;margin-bottom:.75rem}.layer-list[data-v-04880a2d]{display:flex;flex-direction:column;gap:.5rem}.layer-item[data-v-04880a2d]{display:flex;align-items:center;gap:.75rem;padding:.5rem 0;cursor:pointer;transition:all .15s;border-bottom:1px solid transparent}.layer-item[data-v-04880a2d]:hover{border-bottom-color:#e0e0e0}.layer-item.active[data-v-04880a2d]{border-bottom-color:#000}.layer-thumb[data-v-04880a2d]{width:32px;height:32px;border:1px solid #000000;background:#fff}.layer-path[data-v-04880a2d]{stroke:#000;stroke-width:1;fill:#0000000d}.layer-name[data-v-04880a2d]{font-size:.75rem;color:#000}.add-layer-btn[data-v-04880a2d]{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.5rem;background:#fff;color:#000;border:1px solid #000000;font-size:.75rem;font-weight:400;cursor:pointer;transition:all .15s;margin-top:.5rem}.add-layer-btn[data-v-04880a2d]:hover{background:#000;color:#fff}.svg-output[data-v-04880a2d]{width:100%;height:100px;padding:.5rem;border:1px solid #000000;font-family:Monaco,Menlo,monospace;font-size:.625rem;resize:vertical;background:#fafafa}.copy-btn[data-v-04880a2d]{width:100%;padding:.5rem;margin-top:.5rem;background:#fff;color:#000;border:1px solid #000000;font-size:.75rem;font-weight:400;cursor:pointer;transition:all .15s}.copy-btn[data-v-04880a2d]:hover{background:#000;color:#fff}@media(max-width:768px){.main-content[data-v-04880a2d]{flex-direction:column}.sidebar[data-v-04880a2d]{width:100%;border-left:none;border-top:1px solid #e1e1e3}.canvas-section[data-v-04880a2d]{padding:1rem}}html,body{height:100%}body{margin:0;background:#eee;display:flex;flex-direction:column;align-items:center;justify-content:center}