.format-toolbar-full{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:0 0 10px}
.format-toolbar-group{display:inline-flex;align-items:stretch;min-height:34px;border:1px solid var(--line);border-radius:8px;background:var(--field);overflow:hidden}
.format-toolbar-group>button,.format-toolbar-group>.format-toolbar-color{border:0;border-radius:0;border-right:1px solid var(--line);box-shadow:none;background:transparent}
.format-toolbar-group>:last-child{border-right:0}
.format-toolbar-group>button{min-width:34px;min-height:32px;padding:5px 9px;white-space:nowrap;color:var(--ink);font-size:13px;line-height:1.25}
.format-toolbar-group>button:hover,.format-toolbar-color:hover{background:var(--selected)}
.format-toolbar-group>button:focus-visible,.format-toolbar-color:focus-within{position:relative;z-index:1;outline:2px solid var(--accent);outline-offset:-2px}
.format-toolbar-full .format-toolbar-color{display:inline-flex;align-items:center;gap:5px;min-height:32px;padding:3px 5px 3px 8px;font-size:11px;color:var(--muted);cursor:pointer}
.format-toolbar-full .format-toolbar-color>button{border:0;background:transparent;padding:0;min-height:26px;font-size:12px;line-height:1.25;color:var(--ink)}
.format-toolbar-full .format-toolbar-color input{appearance:none;-webkit-appearance:none;width:18px;height:18px;padding:0;border:0;border-radius:50%;background:transparent;overflow:hidden;cursor:pointer}
.format-toolbar-full .format-toolbar-color input::-webkit-color-swatch-wrapper{padding:0}
.format-toolbar-full .format-toolbar-color input::-webkit-color-swatch{border:1px solid color-mix(in srgb,var(--ink) 20%,transparent);border-radius:50%}
.format-toolbar-full .format-toolbar-color input::-moz-color-swatch{border:1px solid color-mix(in srgb,var(--ink) 20%,transparent);border-radius:50%}
.format-toolbar-group:not(.format-toolbar-effects)>button{min-width:36px;font-size:16px;font-weight:600;line-height:1}
.format-toolbar-group>[data-command=bold],.format-toolbar-group>[data-command=heading]{font-weight:800}
.format-toolbar-group>[data-command=italic]>i{font:italic 500 18px/1 Georgia,"Times New Roman",serif}
.format-toolbar-group>[data-command=h2],.format-toolbar-group>[data-command=h3]{font-weight:500;color:var(--muted)}
.format-toolbar-effects{gap:7px;border:0;background:transparent;overflow:visible}
.format-toolbar-effects>.format-toolbar-color,.format-toolbar-effects>.format-toolbar-bokeh{display:inline-flex;align-items:center;min-height:34px;border:1px solid var(--line);border-radius:8px;background:var(--field);overflow:hidden}
.format-toolbar-effects>.format-toolbar-color{padding-right:5px}
.format-toolbar-effects>.format-toolbar-color:hover,.format-toolbar-effects>.format-toolbar-bokeh:hover{background:var(--selected)}
.format-toolbar-full .format-toolbar-bokeh>button{display:inline-flex;align-items:center;gap:6px;min-height:32px;border:0;background:transparent;padding:5px 8px;font-size:12px;color:var(--ink)}
.format-toolbar-full .format-toolbar-bokeh>button svg{order:2;width:17px;height:17px}
.format-toolbar-effects>.format-toolbar-bokeh{position:relative;overflow:visible}
.format-toolbar-full .format-toolbar-bokeh>button{border-radius:7px}
.format-toolbar-popover{position:absolute;z-index:40;top:calc(100% + 6px);right:0;display:flex;align-items:center;gap:6px;padding:8px;border:1px solid var(--line);border-radius:10px;background:var(--surface);box-shadow:var(--shadow);white-space:nowrap}
.format-toolbar-popover[hidden]{display:none}
.format-toolbar-percent{display:inline-flex;align-items:center;gap:4px;min-height:34px;padding:0 8px 0 4px;border:1px solid var(--line);border-radius:8px;background:var(--field);color:var(--muted);font-size:13px;font-weight:600}
.format-toolbar-percent:focus-within{border-color:var(--accent);outline:2px solid color-mix(in srgb,var(--accent) 28%,transparent);outline-offset:0}
.format-toolbar-percent input{width:46px;min-height:32px;padding:0 2px;border:0;background:transparent;color:var(--ink);font:inherit;font-size:14px;text-align:right;outline:0;-moz-appearance:textfield;appearance:textfield}
.format-toolbar-percent input::-webkit-inner-spin-button,.format-toolbar-percent input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.format-toolbar-popover>button{min-height:34px;padding:6px 11px;border-radius:8px;font-size:12px;font-weight:600}
.format-toolbar-full .quote-mark{font:600 19px/1 Georgia,serif}
.format-toolbar-full .format-toolbar-control{display:inline-flex;align-items:center;gap:5px;min-height:34px;padding:0 6px;border:1px solid var(--line);border-radius:8px;background:var(--field);font-size:11px;color:var(--muted)}
.format-toolbar-full .format-toolbar-control select{max-width:110px;min-height:30px;border:0;background:transparent;color:var(--ink);font-size:12px}
.format-toolbar-full .format-toolbar-control input[type=number]{width:58px;min-height:30px;border:0;background:transparent;color:var(--ink);font-size:12px}
@media(max-width:759px){.format-toolbar-full{gap:4px}.format-toolbar-group{min-height:40px}.format-toolbar-group>button{min-width:40px;min-height:40px}.format-toolbar-full .format-toolbar-control,.format-toolbar-full .format-toolbar-color{min-height:40px}}
/* desktop4 (07.10): row 1 = B I U · H1 H2 H3 · lists/quote icons, row 2 = colour, highlight, bokeh, undo/redo. */
.format-toolbar-break{flex-basis:100%;height:0}
#canvasToolbar .format-toolbar-break{display:none}
.format-toolbar-group:not(.format-toolbar-effects)>button{font-weight:500}
.format-toolbar-group>[data-command=bold]{font-weight:700}
.format-toolbar-group>[data-command=heading]{font-weight:600}
.format-toolbar-group>[data-command=h2],.format-toolbar-group>[data-command=h3]{font-weight:400}
.format-toolbar-icons>button{padding:5px 8px;color:var(--ink)}
.format-toolbar-icons>button svg{display:block;width:19px;height:19px}
.format-toolbar-history>button:disabled{color:var(--muted);opacity:.45;cursor:default;background:transparent}
.format-toolbar-full .format-toolbar-bokeh>button svg{width:21px;height:21px}
@media(min-width:760px){.format-toolbar-full{gap:6px}.format-toolbar-group:not(.format-toolbar-effects)>button{min-width:34px;padding:5px 7px}.format-toolbar-icons>button{padding:5px 7px}}