#arrangeToolsBtn[hidden]{display:none!important}
#manuscriptView.active .ys-writing-tools #arrangeToolsBtn{align-self:flex-end;width:auto!important;min-width:90px!important;margin-top:4px;font-size:11px!important;height:24px!important;min-height:24px!important}
#toolbarOrderModal.open{display:flex;align-items:center;justify-content:center;padding:16px}
#toolbarOrderModal .modal-card{width:min(580px,100%);max-height:90dvh;overflow:auto}
#toolbarOrderList{list-style:none;margin:16px 0;padding:0;display:grid;gap:5px}
#toolbarOrderList li{display:flex;align-items:center;gap:8px;padding:7px 10px;border:1px solid #d8d3ca;border-radius:7px;background:#fff;cursor:grab}
#toolbarOrderList li.dragging{opacity:.5}
#toolbarOrderList span{flex:1}
#toolbarOrderList button{padding:4px 10px;font-size:16px;border:1px solid #d8d3ca;border-radius:5px;background:#faf8f3;cursor:pointer}
.toolbar-order-actions{display:flex;justify-content:flex-end;gap:8px;position:sticky;bottom:0;padding:10px 0;background:#fff}
.toolbar-order-actions button{padding:8px 12px;border:1px solid #d8d3ca;border-radius:7px;cursor:pointer}
#toolbarOrderSave{background:#284e53;color:#fff}
@media(max-width:700px){
 /* Keep the same real buttons, order and Images picker on both screen sizes. */
 #manuscriptView.active .ys-option3-toolbar .ys-writing-tools.ys-section-open .ys-group-controls{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important;width:100%!important;min-width:0!important;padding:8px!important;box-sizing:border-box!important}
 #manuscriptView.active .ys-option3-toolbar .ys-writing-tools:not(.ys-section-open) #arrangeToolsBtn{display:none!important}
 #manuscriptView.active .ys-option3-toolbar .ys-writing-tools .ys-group-controls button{min-width:0!important;min-height:44px!important;height:auto!important;white-space:normal!important;font:12px/1.3 system-ui!important;padding:7px 4px!important}
 #manuscriptView.active .ys-writing-tools #arrangeToolsBtn{min-height:40px!important;height:auto!important;padding:7px 10px!important;margin:2px 8px 8px auto!important}
 #toolbarOrderModal.open{padding:8px}
 #toolbarOrderModal .modal-card{box-sizing:border-box;max-height:calc(100dvh - 16px);min-width:0}
 #toolbarOrderList button,.toolbar-order-actions button{min-height:44px;touch-action:manipulation}
}