.svg-block-editor{--sbe-border:#ffffff14;--sbe-panel:#ffffff04;--sbe-hover:#ffffff0c;--sbe-muted:#9296a2;--sbe-control:#111318;--sbe-text:#d4d4d8;color-scheme:dark;box-sizing:border-box;position:fixed;inset:0;margin:auto;width:min(1180px,96vw);height:min(820px,94vh);max-width:96vw;max-height:94vh;padding:0;border:1px solid #ffffff24;border-radius:22px;background:#17191f;color:#f4f4f5;box-shadow:0 30px 100px #0008;overflow:hidden;font:14px/1.5 system-ui,sans-serif;z-index:100100}
.svg-block-editor::backdrop{background:#090b14b3;backdrop-filter:blur(8px)}
.svg-block-editor .sbe-layout{height:100%;display:flex;flex-direction:column}
.svg-block-editor .sbe-header,.svg-block-editor .sbe-footer{display:flex;align-items:center;gap:10px;padding:14px 20px;flex-shrink:0}
.svg-block-editor .sbe-header{border-bottom:1px solid var(--sbe-border);justify-content:space-between}
.svg-block-editor h2{font-size:17px;font-weight:650;margin:0}
.svg-block-editor .sbe-subtitle{font-size:12px;color:var(--sbe-muted);margin-top:4px}
.svg-block-editor button{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:7px;flex-shrink:0;height:36px;padding:0 11px;border:1px solid var(--sbe-border);border-radius:9px;background:var(--sbe-panel);color:var(--sbe-text);font:500 12px/1.2 system-ui,sans-serif;white-space:nowrap;cursor:pointer;transition:background .15s,border-color .15s,color .15s,opacity .15s}
.svg-block-editor button:hover:not(:disabled){background:var(--sbe-hover);border-color:#818cf840}
.svg-block-editor button:focus-visible{outline:2px solid #818cf8;outline-offset:2px}
.svg-block-editor button:disabled{opacity:.3;cursor:default}
.svg-block-editor button>svg{display:block;width:16px;height:16px;flex-shrink:0}
.svg-block-editor .sbe-icon-button{width:32px;height:32px;padding:0}
.svg-block-editor .sbe-close{width:32px;height:32px;border-color:transparent;background:transparent}
.svg-block-editor .sbe-toolbar{display:flex;align-items:center;flex-wrap:nowrap;gap:8px;flex-shrink:0;margin:12px;padding:8px 10px;border:1px solid var(--sbe-border);border-radius:12px;background:var(--sbe-panel);overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:#818cf840 transparent;scroll-padding-inline:10px}
.svg-block-editor .sbe-toolbar>button,.svg-block-editor .sbe-toolgroup>button{border-color:transparent;background:transparent}
.svg-block-editor .sbe-toolbar button:hover:not(:disabled){background:var(--sbe-hover)}
.svg-block-editor .sbe-toolgroup{display:flex;align-items:center;gap:2px;flex-shrink:0}
.svg-block-editor .sbe-divider{width:1px;height:22px;margin:0 2px;background:var(--sbe-border);flex-shrink:0}
.svg-block-editor .sbe-spacer{flex:1;min-width:0}
.svg-block-editor .sbe-short-label{display:none}
.svg-block-editor .sbe-toolbar .sbe-delete{color:#fda4af}
.svg-block-editor .sbe-toolbar .sbe-delete:hover:not(:disabled){background:#fb718512;border-color:#fb718522}
.svg-block-editor .sbe-zoom{font:11px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;font-variant-numeric:tabular-nums;color:var(--sbe-muted);min-width:39px;text-align:center}
.svg-block-editor .sbe-view-tools>[data-action=fit]{margin-left:5px}
.svg-block-editor .sbe-colorbar{display:flex;align-items:center;flex-wrap:nowrap;gap:5px;flex-shrink:0;padding:3px 4px;border:1px solid #818cf821;border-radius:9px;background:#6366f107}
.svg-block-editor .sbe-color-title{font-size:11px;font-weight:500;color:var(--sbe-muted);margin:0 3px}
.svg-block-editor .sbe-color-field{box-sizing:border-box;display:flex;align-items:center;gap:7px;height:30px;padding:0 6px;border:1px solid var(--sbe-border);border-radius:6px;background:var(--sbe-control);transition:border-color .15s,box-shadow .15s}
.svg-block-editor .sbe-color-field:focus-within{border-color:#818cf8;box-shadow:0 0 0 2px #818cf817}
.svg-block-editor .sbe-color-field:has(:disabled){opacity:.4}
.svg-block-editor .sbe-color-field:has([aria-invalid=true]){border-color:#fb7185}
.svg-block-editor .sbe-color-picker{appearance:none;box-sizing:border-box;width:22px;height:22px;padding:0;border:0;border-radius:5px;background:transparent;cursor:pointer;flex-shrink:0}
.svg-block-editor .sbe-color-picker::-webkit-color-swatch-wrapper{padding:0}
.svg-block-editor .sbe-color-picker::-webkit-color-swatch{border:1px solid #ffffff30;border-radius:4px}
.svg-block-editor .sbe-color-picker::-moz-color-swatch{border:1px solid #ffffff30;border-radius:4px}
.svg-block-editor .sbe-color-picker:focus-visible{outline:2px solid #818cf8;outline-offset:2px}
.svg-block-editor .sbe-color-hex{box-sizing:border-box;width:76px;min-width:0;padding:0;border:0;outline:0;background:transparent;color:inherit;font:11px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.2px}
.svg-block-editor .sbe-color-hex::placeholder{color:var(--sbe-muted);letter-spacing:0}
.svg-block-editor .sbe-color-picker:disabled,.svg-block-editor .sbe-color-hex:disabled{cursor:default}
.svg-block-editor .sbe-apply-color{height:30px;gap:5px;padding:0 8px;border-color:#818cf833;border-radius:6px;background:#6366f120;color:#c7d2fe;font-weight:600}
.svg-block-editor .sbe-colorbar .sbe-apply-color:hover:not(:disabled){background:#6366f133;border-color:#818cf866}
.svg-block-editor .sbe-stage{flex:1;min-height:0;margin:0 12px;border:1px solid #ffffff18;border-radius:12px;overflow:hidden;background:#e5e7eb}
.svg-block-editor iframe{display:block;width:100%;height:100%;border:0}
.svg-block-editor .sbe-footer{min-height:48px;flex-wrap:wrap}
.svg-block-editor .sbe-feedback{flex:1;min-width:180px;display:flex;flex-direction:column;gap:3px}
.svg-block-editor .sbe-status{font-size:12px;color:var(--sbe-text)}
.svg-block-editor .sbe-color-hint{font-size:11px;color:var(--sbe-muted)}
.svg-block-editor .sbe-error{color:#fda4af}
.svg-block-editor .sbe-save{background:#6366f1;border-color:#6366f1;color:#fff;min-width:100px}
.svg-block-editor .sbe-save:hover:not(:disabled){background:#7577f4;border-color:#7577f4}
.svg-block-editor[data-theme=light]{--sbe-border:#e4e7ef;--sbe-panel:#f8f9fc;--sbe-hover:#eceff6;--sbe-muted:#7d8292;--sbe-control:#fff;--sbe-text:#525669;color-scheme:light;background:#fff;color:#242632;border-color:#dcdfe6}
.svg-block-editor[data-theme=light] .sbe-colorbar{background:#eef0ff70;border-color:#dfe3fa}
.svg-block-editor[data-theme=light] .sbe-colorbar .sbe-apply-color{background:#e9ecff;border-color:#d8defe;color:#4f46e5}
.svg-block-editor[data-theme=light] .sbe-colorbar .sbe-apply-color:hover:not(:disabled){background:#dfe4ff;border-color:#b8c2fc}
.svg-block-editor[data-theme=light] .sbe-color-field:has([aria-invalid=true]){border-color:#e11d48}
.svg-block-editor[data-theme=light] .sbe-toolbar .sbe-delete{color:#dc496a}
.svg-block-editor[data-theme=light] .sbe-error{color:#dc264b}
@media(max-width:650px){.svg-block-editor .sbe-header,.svg-block-editor .sbe-footer{padding:12px}.svg-block-editor .sbe-subtitle{max-width:260px}.svg-block-editor .sbe-toolbar{gap:6px;padding:7px 8px;margin:10px 12px}.svg-block-editor .sbe-toolbar>[data-action=same-color]{padding-inline:8px;gap:5px}.svg-block-editor .sbe-full-label{display:none}.svg-block-editor .sbe-short-label{display:inline}.svg-block-editor .sbe-toolbar>.sbe-delete{width:32px;padding:0}.svg-block-editor .sbe-color-title{display:none}.svg-block-editor .sbe-color-hex{width:72px}.svg-block-editor .sbe-feedback{min-width:150px}.svg-block-editor .sbe-save{min-width:88px}}
@media(prefers-reduced-motion:reduce){.svg-block-editor button,.svg-block-editor .sbe-color-field{transition:none}}