/* One layout owner: all tools stay in two visible, fully filled rows. */
.editor-side .toolbar{flex:none;display:flex;flex-direction:column;gap:7px;padding:10px;background:#fff;border-bottom:1px solid #dce2ea;position:relative;overflow:visible;box-sizing:border-box;white-space:normal;container-type:inline-size}
.toolbar .toolbar-row{display:flex;flex-wrap:nowrap;align-items:center;gap:5px;min-width:0;width:100%;margin:0}
.toolbar .toolbar-row-actions{padding-top:7px;border-top:1px solid #edf0f4}
.toolbar .tool-group{display:flex;align-items:center;flex:var(--tool-count) 0 auto;gap:2px;padding-right:5px;border-right:1px solid #e1e6ed;min-width:0}
.toolbar .tool-group:last-child{padding-right:0;border-right:0}
.toolbar-row>.tool-group>.tool,.toolbar-row>.tool-group>.style-select{flex:1 0 auto}
.tool{display:inline-flex;justify-content:center;align-items:center;gap:3px;box-sizing:border-box;position:relative;cursor:pointer;height:32px;min-width:26px;padding:0 3px;border:1px solid transparent;border-radius:5px;background:transparent;color:#4c5d74;font:500 12px/1 var(--ui-font);white-space:nowrap;transition:background-color .15s,border-color .15s}
.tool:hover{background:#f0f3f8;border-color:#d8e0eb}.tool[aria-pressed=true],.tool.active,.tool[aria-expanded=true]{color:#815c17;background:#fff4da;border-color:#e6cc96}.tool:disabled{opacity:.45;cursor:not-allowed}.tool:focus-visible,.toolbar select:focus-visible{outline:2px solid #ae8540;outline-offset:2px}
.tool svg{width:16px;height:16px;flex:none;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linejoin:round;stroke-linecap:round;pointer-events:none}.tool i{font-style:normal}.tool .tool-arrow{font:10px/1 var(--ui-font);flex:none;margin:0;padding:0;position:static}
.tool[data-cmd=bold]{font-weight:700}.tool[data-cmd=italic]{font-style:italic}.tool[data-cmd=underline]{text-decoration:underline}.tool.strike-tool{text-decoration:line-through}
.toolbar-row .tool[data-cmd=bold],.toolbar-row .tool[data-cmd=italic],.toolbar-row .tool[data-cmd=underline],.toolbar-row .strike-tool{font-size:14px}
.toolbar .style-select{height:32px;width:62px;min-width:0;padding:0 3px;border:1px solid #dbe2ec;border-radius:5px;background:#fff;color:#4c5d74;font:12px var(--ui-font)}.toolbar #fontSelect{width:79px}.toolbar #fontSizeSelect{width:55px}
.toolbar .auto-layout-button{min-width:68px;padding:0 7px;background:#FFBA32;color:#352609;font-weight:600}.toolbar .auto-layout-button:hover{background:#ffca61}
.toolbar .icon-tool>.tool-label,.toolbar .labelled-tool>.tool-label,.toolbar .colour-tool>.tool-label{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden;white-space:nowrap}
.toolbar #structureBtn>.tool-label{position:static;clip-path:none;width:auto;height:auto;overflow:visible}.toolbar #structureBtn svg{display:none}
.toolbar .colour-tool{min-width:32px}.toolbar .colour-tool::before{display:block;flex:none;width:17px;height:18px;box-sizing:border-box;font-size:16px;line-height:16px;text-align:center;pointer-events:none}.toolbar .text-colour::before{content:'A';border-bottom:3px solid #4c5d74}.toolbar .background-colour::before{content:'A';background:#fff0b9;border-bottom:3px solid #FFBA32;border-radius:2px}
@container(min-width:650px){.toolbar #componentStyleBtn>.tool-label,.toolbar #pasteBtn>.tool-label,.toolbar #importBtn>.tool-label,.toolbar #insertBtn>.tool-label{position:static;clip-path:none;width:auto;height:auto;overflow:visible}.toolbar .tool{padding:0 4px}}
@container(min-width:780px){.toolbar .colour-tool>.tool-label,.toolbar #plainTextBtn>.tool-label,.toolbar #columnPresetBtn>.tool-label{position:static;clip-path:none;width:auto;height:auto;overflow:visible}.toolbar .toolbar-row{gap:6px}.toolbar .tool-group{padding-right:6px;gap:3px}}
.toolbar-tooltip{position:fixed;z-index:110;max-width:min(360px,90vw);padding:6px 9px;border-radius:5px;background:#263447;color:white;font:11px/1.5 var(--ui-font);pointer-events:none;box-shadow:0 3px 10px #27334724}.toolbar-tooltip[hidden]{display:none}
.layout-error{flex:none;display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:10px 12px;background:#fff7ed;border-bottom:1px solid #ecd8b8;color:#815829;font:12px/1.6 var(--ui-font)}.layout-error>span{flex:1 1 240px}.layout-error button{font-size:11px}
@media(prefers-reduced-motion:reduce){.tool{transition:none}}