/* Shared editor presentation: workspace and official templates. */
.svg-editor-surface .svg-workbench-art text{cursor:move;pointer-events:bounding-box}
.svg-editor-surface .svg-inline-active{opacity:0!important}
.svg-inline-text{position:absolute;left:0;top:0;z-index:3;box-sizing:content-box!important;padding:2px!important;margin:0;border:0!important;border-radius:0;outline:1px solid #a28bd7;outline-offset:2px;background:transparent;box-shadow:none;resize:none;overflow:hidden;transform-origin:0 0;text-align:left;white-space:pre;min-width:0!important;min-height:0!important;max-width:none!important;max-height:none!important;caret-color:#7051b8;cursor:text;}
.svg-editor-surface .svg-workbench-board:has(.svg-inline-text) .svg-workbench-overlay{visibility:hidden}
.svg-editor-inspector>.svg-workbench-properties{border:0;flex:1;padding:16px;min-height:0;font-size:11px;background:#fff}
.svg-editor-inspector .svg-property-grid{gap:12px}
.svg-editor-inspector .svg-workbench-layers{margin-top:8px;gap:4px}
.svg-editor-surface .svg-workbench-tools{display:flex;flex-wrap:wrap;overflow:visible;align-items:center;gap:4px;padding:7px 9px;background:#fff}
.svg-editor-surface .svg-tool-group{display:flex;align-items:center;gap:2px;flex:0 0 auto}
.svg-editor-surface .svg-workbench-tools .svg-tool-separator{width:1px;height:20px;margin:0 3px;background:#e8eaf0;flex:0 0 1px}
.svg-editor-surface .svg-tool-spacer{flex:1 0 10px}
.svg-editor-surface .svg-workbench-tools button{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:28px;border:1px solid transparent;border-radius:6px;padding:5px 7px;background:transparent;color:#657084;font-size:10px;white-space:nowrap;cursor:pointer}
.svg-editor-surface .svg-workbench-tools button:hover:not(:disabled){background:#f0ecf8;color:#65499e}
.svg-editor-surface .svg-workbench-tools button:focus-visible,.svg-editor-surface .svg-align-menu summary:focus-visible{outline:2px solid #a58ed1;outline-offset:1px}
.svg-editor-surface .svg-workbench-tools button:disabled{opacity:.38;cursor:default}
.svg-editor-surface .svg-align-actions button{width:27px;padding:5px}
.svg-editor-surface .svg-align-actions svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.svg-editor-surface .svg-align-menu summary{border:1px solid #e8eaf0;border-radius:6px;padding:6px 8px;background:#fff;color:#747d8d;font-size:10px;cursor:pointer;white-space:nowrap}
.svg-editor-surface .svg-workbench-tools label{margin:0 2px 0 4px;font-size:10px;color:#8991a1;white-space:nowrap}
.svg-editor-surface .svg-workbench-tools select{max-width:82px;border:1px solid #e5e7ed;border-radius:5px;padding:4px 5px;background:#fff;color:#657084;font-size:10px}
.svg-editor-surface{display:flex;flex:1;flex-direction:column;min-height:0;overflow:hidden}
.svg-editor-surface.has-external-properties .svg-workbench-main{display:flex;min-height:0;flex:1}
.svg-editor-surface .svg-workbench-scroller{flex:1;min-height:0;padding:28px 22px;background:radial-gradient(#dde1e9 .7px,transparent .7px) 0 0/12px 12px,#f2f4f8}
.svg-editor-surface .svg-workbench-board{box-shadow:0 7px 28px #2834531c}
.svg-editor-surface .svg-workbench-tools{border-color:#edf0f5;z-index:2}
.svg-editor-surface .svg-workbench-source{max-height:220px;overflow:auto;flex-shrink:0}
.svg-editor-inspector[data-panel=layers] .svg-workbench-properties>:not(.svg-layers-heading):not(.svg-workbench-layers){display:none}
.svg-editor-inspector[data-panel=properties] :is(.svg-layers-heading,.svg-workbench-layers){display:none}
.svg-editor-inspector[data-panel=layers]>.svg-workbench-properties{display:flex;flex-direction:column;overflow:hidden;padding:10px}
.svg-editor-inspector[data-panel=layers] .svg-layers-heading{margin:4px 6px 8px;flex-shrink:0}
.svg-editor-inspector[data-panel=layers] .svg-workbench-layers{display:block;max-height:none;flex:1;overflow:auto;min-height:0}
.svg-editor-inspector[data-panel=layers] .svg-layer-row{margin-bottom:2px}
.svg-editor-inspector{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}
.svg-editor-tabs{display:flex;flex-shrink:0;padding:8px;gap:4px;border-bottom:1px solid #edf0f5;background:#fff}
.svg-editor-tabs button{flex:1;padding:9px 4px;border:0;border-radius:7px;background:transparent;color:#8c91a0;font-family:inherit;font-size:12px;font-weight:500;cursor:pointer}
.svg-editor-tabs button[aria-selected=true]{background:#f0ecfa;color:#7857bd}
@media(max-width:580px){.svg-editor-surface .svg-workbench-scroller{padding:12px}}

.svg-editor-inspector :is(input,textarea){border-radius:6px;background:#fafbfe;color:#41495a}