.svg-editor-root{--se-bg:#0e0f11;--se-panel:#16181b;--se-panel-2:#1e2125;--se-line:#2b2e33;--se-text:#e8e9ec;--se-dim:#8b9099;--se-accent:#5eead4;--se-accent-2:#f472b6;display:flex;flex-direction:column;height:100%;max-height:100%;overflow:hidden;background:var(--se-bg);color:var(--se-text);font-family:var(--font-inter),-apple-system,"Segoe UI",Arial,sans-serif;color-scheme:dark}.svg-editor-root,.svg-editor-root *,.svg-editor-root :after,.svg-editor-root :before{box-sizing:border-box}.svg-editor-root button{font-size:12px;cursor:pointer;border-radius:6px;border:1px solid var(--se-line);background:var(--se-panel-2);color:var(--se-text);padding:6px 10px;line-height:1.2}.svg-editor-root button:hover{border-color:var(--se-accent)}.svg-editor-root button:disabled{opacity:.35;cursor:not-allowed}.svg-editor-root button:disabled:hover{border-color:var(--se-line)}.svg-editor-root button.active{background:var(--se-accent);color:#0e0f11;border-color:var(--se-accent);font-weight:600}.svg-editor-root input,.svg-editor-root select,.svg-editor-root textarea{font-family:inherit}.svg-editor-root input[type=color]{width:26px;height:24px;padding:0;border:1px solid var(--se-line);border-radius:4px;background:none;cursor:pointer}.svg-editor-root input[type=number]{width:60px;background:var(--se-panel-2);color:var(--se-text);border:1px solid var(--se-line);border-radius:5px;padding:4px 6px;font-size:12px}.svg-editor-root input[type=range]{accent-color:var(--se-accent)}.svg-editor-root select{background:var(--se-panel-2);color:var(--se-text);border:1px solid var(--se-line);border-radius:5px;padding:4px 6px;font-size:12px}.svg-editor-root .se-topbar{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--se-panel);border-bottom:1px solid var(--se-line);flex-shrink:0;flex-wrap:wrap}.svg-editor-root .se-grp{display:flex;gap:6px;align-items:center;padding-right:10px;border-right:1px solid var(--se-line)}.svg-editor-root .se-grp:last-child{border-right:none}.svg-editor-root .se-logo{font-weight:700;font-size:13px;color:var(--se-accent);padding-right:10px;text-decoration:none}.svg-editor-root .se-logo:hover{text-decoration:underline}.svg-editor-root .se-body{flex:1;display:flex;min-height:0}.svg-editor-root .se-toolstrip{width:52px;background:var(--se-panel);border-right:1px solid var(--se-line);display:flex;flex-direction:column;align-items:center;padding:10px 0;gap:6px;flex-shrink:0}.svg-editor-root .se-toolstrip button{width:36px;height:36px;padding:0;font-size:16px;display:flex;align-items:center;justify-content:center}.svg-editor-root .se-canvas{flex:1;position:relative;background:#08090a;overflow:hidden;background-image:linear-gradient(45deg,#131416 25%,transparent 0),linear-gradient(-45deg,#131416 25%,transparent 0),linear-gradient(45deg,transparent 75%,#131416 0),linear-gradient(-45deg,transparent 75%,#131416 0);background-size:24px 24px;background-position:0 0,0 12px,12px -12px,-12px 0}.svg-editor-root .se-stage{width:100%;height:100%;display:block;touch-action:none;cursor:default}.svg-editor-root .se-stage.panMode,.svg-editor-root .se-stage[data-cursor=pan]{cursor:grab}.svg-editor-root .se-stage.panning{cursor:grabbing}.svg-editor-root .se-stage[data-cursor=draw]{cursor:crosshair}.svg-editor-root .se-stage [data-handle=br],.svg-editor-root .se-stage [data-handle=tl]{cursor:nwse-resize}.svg-editor-root .se-stage [data-handle=bl],.svg-editor-root .se-stage [data-handle=tr]{cursor:nesw-resize}.svg-editor-root .se-stage [data-handle=rotate],.svg-editor-root .se-stage [data-vertex]{cursor:grab}.svg-editor-root .se-stage [data-vertex-insert]{cursor:copy}.svg-editor-root .se-stage g[data-locked]{cursor:default}.svg-editor-root .se-stage g:not([data-locked]){cursor:move}.svg-editor-root .se-zoom{position:absolute;left:12px;bottom:12px;display:flex;gap:6px;align-items:center;background:var(--se-panel);border:1px solid var(--se-line);border-radius:8px;padding:5px 8px;font-size:12px}.svg-editor-root .se-zoom button{padding:2px 8px}.svg-editor-root .se-zoom span{min-width:42px;text-align:center;color:var(--se-dim)}.svg-editor-root .se-sidebar{width:290px;background:var(--se-panel);border-left:1px solid var(--se-line);display:flex;flex-direction:column;flex-shrink:0;overflow-y:auto}.svg-editor-root .se-section{border-bottom:1px solid var(--se-line);padding:14px}.svg-editor-root .se-section h2{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--se-dim);margin:0 0 10px;font-weight:600}.svg-editor-root .se-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:9px}.svg-editor-root .se-row:last-child{margin-bottom:0}.svg-editor-root .se-row label{font-size:12px;color:var(--se-text);flex-shrink:0}.svg-editor-root .se-grow{flex:1}.svg-editor-root .se-hint{font-size:11px;color:var(--se-dim);line-height:1.5}.svg-editor-root .se-empty{font-size:12px;color:var(--se-dim);line-height:1.5}.svg-editor-root .se-btnrow{display:flex;gap:6px;flex-wrap:wrap}.svg-editor-root .se-btnrow button{flex:1;min-width:60px}.svg-editor-root .se-mt{margin-top:14px}.svg-editor-root .se-props-textarea{width:100%;background:var(--se-panel-2);color:var(--se-text);border:1px solid var(--se-line);border-radius:5px;padding:6px;font-size:12px;resize:vertical}.svg-editor-root .se-canvas-num{width:70px}.svg-editor-root #layerList{display:flex;flex-direction:column;gap:2px;max-height:280px;overflow-y:auto}.svg-editor-root .layerRow{display:flex;align-items:center;gap:6px;padding:5px 6px;border-radius:5px;font-size:12px;cursor:pointer}.svg-editor-root .layerRow:hover{background:var(--se-panel-2)}.svg-editor-root .layerRow.selected{background:#233;outline:1px solid var(--se-accent)}.svg-editor-root .layerRow .icon{width:16px;height:16px;flex-shrink:0;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:.7;font-size:12px}.svg-editor-root .layerRow .icon:hover{opacity:1;color:var(--se-accent)}.svg-editor-root .layerRow .name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.svg-editor-root .layerRow.hidden{opacity:.4}.svg-editor-root .layerRow .ordbtns{display:flex;flex-direction:column;gap:0}.svg-editor-root .layerRow .ordbtns span{font-size:9px;line-height:8px;cursor:pointer;color:var(--se-dim)}.svg-editor-root .layerRow .ordbtns span:hover{color:var(--se-accent)}.svg-editor-root .se-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.6);display:none;align-items:center;justify-content:center;z-index:50}.svg-editor-root .se-modal-overlay.show{display:flex}.svg-editor-root .se-modal{background:var(--se-panel);border:1px solid var(--se-line);border-radius:10px;padding:18px;width:560px;max-width:92vw;max-height:80vh;display:flex;flex-direction:column}.svg-editor-root .se-modal h3{margin:0 0 10px;font-size:14px}.svg-editor-root .se-modal textarea{width:100%;flex:1;min-height:260px;background:#0a0b0c;color:#c9e8e0;border:1px solid var(--se-line);border-radius:6px;padding:10px;font-family:var(--font-jetbrains),"SF Mono",Menlo,Consolas,monospace;font-size:11.5px;resize:vertical}.svg-editor-root .se-modal-btns{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}.svg-editor-root .se-modal-msg{font-size:11.5px;margin-top:6px;min-height:14px}.svg-editor-root .se-modal-msg[data-tone=ok]{color:var(--se-accent)}.svg-editor-root .se-modal-msg[data-tone=err]{color:var(--se-accent-2)}.svg-editor-root .se-multi-hint{margin-bottom:10px}.svg-editor-root .se-gap-sm{margin-top:10px}.svg-editor-root .se-flip-row{margin:8px 0}.svg-editor-root .se-actions{margin-top:12px}.svg-editor-root .se-vertex-hint{margin-bottom:8px}.svg-editor-root .se-vertex-target{font-size:12px;color:var(--se-accent);margin-bottom:8px}.svg-editor-root .se-num-sm{width:56px}.svg-editor-root .se-full-btn{margin-top:10px;width:100%}.svg-editor-root .is-hidden{display:none}.svg-editor-root .svg-ed-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.svg-editor-root ::-webkit-scrollbar{width:8px;height:8px}.svg-editor-root ::-webkit-scrollbar-thumb{background:var(--se-line);border-radius:4px}@media (max-width:768px){.svg-editor-root{overscroll-behavior:none}.svg-editor-root .se-topbar{padding:6px 8px;gap:6px}.svg-editor-root .se-grp{flex-wrap:wrap;border-right:none;padding-right:0}.svg-editor-root .se-body{flex-direction:column}.svg-editor-root .se-toolstrip{width:100%;flex-direction:row;overflow-x:auto;border-right:none;border-bottom:1px solid var(--se-line);padding:6px 8px;justify-content:flex-start;-webkit-overflow-scrolling:touch}.svg-editor-root .se-canvas{min-height:42vh;flex:1 1 auto}.svg-editor-root .se-sidebar{width:100%;max-height:38%;border-left:none;border-top:1px solid var(--se-line)}.svg-editor-root .se-zoom{top:8px;bottom:auto}}