/* Direct editing reuses the Studio canvas and tokens. */
.wb-workspace:has(.wb-inspector-compact){grid-template-columns:84px minmax(200px,1fr)}
.wb-inspector-compact{grid-column:1/-1;grid-row:2;border-left:0;border-top:1px solid var(--line);padding:8px 14px;max-height:36vh;overflow:auto}
.wb-inspector-compact summary{cursor:pointer;font-size:12px;font-weight:600;color:var(--accent);padding:8px}
.wb-inspector-compact details[open]{display:block}.wb-inspector-compact #elements{max-height:180px;overflow:auto}
.wb-inspector-compact details>button{margin:6px 4px 0 0}
.wb-workspace:has(.wb-inspector-compact) .wb-footer{grid-row:3}
.wb-quick-format{position:absolute;z-index:2;top:12px;left:12px;right:12px;display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:8px 12px;box-shadow:0 3px 12px rgb(35 39 61 / 6%)}
.wb-quick-format label{display:flex;align-items:center;gap:6px;font-size:12px}.wb-quick-format input[type=number]{width:72px}.wb-quick-format input[type=color]{width:42px;height:40px;padding:3px}.wb-quick-format output{font-size:11px;color:var(--muted)}.wb-quick-format button{margin-left:auto}
.wb-inline-edit{position:absolute;z-index:3;max-width:calc(100% - 16px);background:var(--surface);border:2px solid var(--accent);border-radius:8px;box-shadow:0 6px 20px rgb(35 39 61 / 12%);padding:8px}
.wb-inline-edit[hidden]{display:none}.wb-inline-edit textarea{display:block;box-sizing:border-box;width:100%;max-height:40vh;resize:none;line-height:1.3;border:0;padding:8px;background:transparent}.wb-inline-label{display:block;font-size:11px;color:var(--accent)}.wb-inline-edit>div{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}.wb-inline-edit span{font-size:10px;color:var(--muted);flex-basis:100%}.wb-inline-edit button{font-size:11px;padding:6px;min-height:32px}
@media(max-width:800px){.wb-workspace:has(.wb-inspector-compact){grid-template-columns:60px minmax(200px,1fr)}.wb-quick-format{gap:6px;top:6px;left:6px;right:6px;padding:6px}.wb-quick-format label{font-size:11px}.wb-quick-format button{margin-left:0}.wb-quick-format input[type=number]{width:58px}.wb-inspector-compact{grid-column:1/-1}}
@media print{.wb-quick-format,.wb-inline-edit{display:none!important}}

/* The formatting bar reserves space; it never covers the drawing surface. */
.wb-canvas-wrap:has(.wb-quick-format){display:flex;flex-direction:column}.wb-quick-format{position:relative;inset:auto;margin:8px;flex-shrink:0}.wb-canvas-wrap:has(.wb-quick-format)>svg{flex:1;min-height:0}

#canvas[data-tool=select][data-edge=true] [data-id]{cursor:crosshair}#canvas[data-edge=true] [data-resize]{cursor:nwse-resize}