/* utono v2.0.6 — single-row mobile toolbar and calm handle-only block movement.
   Isolated release override: previous UI and note data are unchanged. */
:root{--utono-drop-indicator:#748f78}
.utono-editor-compose,.utono-editor-layout,#main,.editor-page{min-width:0}
/* The toolbar always remains one measured horizontal row. */
.utono-v205-toolbar.format-toolbar{
  display:flex!important;align-items:center!important;flex-direction:row!important;flex-wrap:nowrap!important;
  overflow-x:auto!important;overflow-y:hidden!important;white-space:nowrap!important;
  width:100%!important;min-width:0!important;max-width:100%!important;
  height:52px!important;min-height:52px!important;max-height:52px!important;
  padding:5px 9px!important;box-sizing:border-box!important;scrollbar-width:none!important;
  overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;touch-action:pan-x;
}
.utono-v205-toolbar.format-toolbar::-webkit-scrollbar{display:none}
.utono-v205-toolbar .utono-toolbar-family{
  flex:0 0 auto!important;width:max-content!important;min-width:max-content!important;max-width:none!important;
  display:inline-flex!important;white-space:nowrap!important;word-break:normal!important;overflow-wrap:normal!important;
  align-items:center!important;line-height:1.2!important;
}
.utono-v205-toolbar .format-action,.utono-v205-toolbar .utono-toolbar-divider{
  flex-grow:0!important;flex-shrink:0!important;align-self:center!important;
}
/* No floating arrow clusters on text blocks, at any size. */
#document-blocks .utono-rich-line{position:relative;min-width:0}
#document-blocks .utono-v3-block-actions{
  position:absolute!important;top:0!important;right:auto!important;left:-28px!important;
  order:unset!important;align-self:auto!important;display:flex!important;
  width:25px!important;height:30px!important;opacity:0!important;transition:opacity .15s ease;
  z-index:4;pointer-events:none;
}
#document-blocks .utono-rich-line:is(:hover,:focus-within)>.utono-v3-block-actions{opacity:1!important;pointer-events:auto}
#document-blocks .utono-drag-handle{
  cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none;
  -webkit-touch-callout:none;border:1px solid transparent!important;
  border-radius:9px!important;background:transparent!important;color:var(--utono-muted)!important;
  display:inline-flex!important;align-items:center;justify-content:center;
  padding:0!important;width:26px!important;height:30px!important;min-width:26px!important;
  font-size:18px!important;line-height:1!important;
}
#document-blocks .utono-drag-handle:active{cursor:grabbing}
#document-blocks .utono-drag-handle:hover,#document-blocks .utono-drag-handle:focus-visible{
  background:var(--utono-selected)!important;color:var(--utono-action)!important;
}
#document-blocks .utono-drag-handle:focus-visible{outline:2px solid var(--utono-action);outline-offset:1px}
/* Media gets one drag handle + optional Edit; other actions are tucked under •••. */
#document-blocks .doc-embed{position:relative}
#document-blocks .doc-embed>.embed-controls{
  position:absolute!important;right:8px!important;top:8px!important;left:auto!important;
  z-index:12!important;display:flex!important;align-items:center!important;gap:3px!important;
  opacity:0!important;transition:opacity .15s ease;
}
#document-blocks .doc-embed:is(:hover,:focus-within)>.embed-controls{opacity:1!important}
#document-blocks .doc-embed>.embed-controls .utono-drag-handle,
#document-blocks .doc-embed>.embed-controls .utono-embed-edit{
  width:30px!important;height:30px!important;min-width:30px!important;
  background:var(--utono-card)!important;border:1px solid var(--utono-border)!important;
  border-radius:9px!important;box-shadow:0 2px 5px var(--utono-shadow);
}
#document-blocks .doc-embed .utono-media-layout{
  position:absolute!important;left:8px!important;top:8px!important;right:auto!important;
  margin:0!important;opacity:0!important;z-index:13!important;
  display:block!important;width:32px!important;height:32px!important;
}
#document-blocks .doc-embed:is(:hover,:focus-within) .utono-media-layout,
#document-blocks .doc-embed .utono-media-layout.is-open{opacity:1!important}
#document-blocks .utono-media-settings-trigger{
  display:grid!important;place-items:center;width:32px!important;height:32px!important;
  padding:0!important;border:1px solid var(--utono-border)!important;border-radius:9px!important;
  color:var(--utono-text)!important;background:var(--utono-card)!important;
  box-shadow:0 2px 5px var(--utono-shadow);cursor:pointer;
}
#document-blocks .utono-media-settings-fields{
  display:none!important;position:absolute;top:38px;left:0;
  width:200px;max-width:calc(100vw - 50px);
  padding:8px;gap:5px;border:1px solid var(--utono-border);
  border-radius:12px;background:var(--utono-card);box-shadow:0 9px 22px var(--utono-shadow);
  z-index:30;min-width:0;box-sizing:border-box;
}
#document-blocks .utono-media-layout.is-open .utono-media-settings-fields{
  display:flex!important;flex-direction:column;align-items:stretch;
}
#document-blocks .utono-media-settings-fields label{
  margin:0!important;box-shadow:none!important;display:flex;align-items:center;justify-content:space-between;
}
#document-blocks .utono-media-settings-fields button{width:100%;text-align:left;min-height:32px;box-shadow:none!important}
#document-blocks .utono-media-settings-fields select{font-size:13px;min-width:68px}
#document-blocks .utono-media-settings-fields label>span{display:inline!important;color:var(--utono-muted)}
#document-blocks .utono-gutter-insert{opacity:0!important;pointer-events:none}
#document-blocks .utono-gutter-insert:focus-visible{opacity:1!important;pointer-events:auto}
#document-blocks .doc-embed.dragging-media,#document-blocks .utono-rich-line.dragging-media{opacity:.5}
/* A fine insertion line communicates actual before/after drop placement. */
#document-blocks :is(.utono-rich-line,.doc-embed).drop-media-target{outline:none!important}
#document-blocks .utono-drop-before{box-shadow:inset 0 3px 0 var(--utono-drop-indicator)!important}
#document-blocks .utono-drop-after{box-shadow:inset 0 -3px 0 var(--utono-drop-indicator)!important}
@media(max-width:900px){
 .utono-v205-toolbar.format-toolbar{
   height:48px!important;min-height:48px!important;max-height:48px!important;
   margin-top:9px!important;border-radius:11px!important;padding:4px 5px!important;
 }
 .utono-v205-toolbar .utono-toolbar-family,.utono-v205-toolbar .utono-toolbar-family+.utono-toolbar-divider{display:none!important}
 .utono-v205-toolbar .format-action{height:38px!important;min-height:38px!important;width:38px!important;min-width:38px!important}
 .utono-v205-toolbar .utono-toolbar-aa{width:40px!important;min-width:40px!important}
 .utono-v205-toolbar .utono-toolbar-divider{height:23px!important;min-height:23px!important;margin:0 3px!important}
 .utono-v205-toolbar .utono-toolbar-more{margin-left:0!important}
 /* touch devices keep a discreet but accessible grab handle, no move arrows */
 #document-blocks .utono-rich-segment{padding-left:25px!important;margin-left:0!important;min-width:0}
 #document-blocks .utono-v3-block-actions{left:-25px!important;opacity:.45!important;pointer-events:auto}
 #document-blocks .utono-rich-line:is(:hover,:focus-within)>.utono-v3-block-actions{opacity:1!important}
 #document-blocks .doc-embed>.embed-controls{opacity:.82!important}
 #document-blocks .doc-embed .utono-media-layout{opacity:.85!important}
 #document-blocks .utono-media-settings-fields{width:185px}
 #document-blocks .utono-empty-boundary{margin-left:0!important;padding-left:0!important}
}
@media(max-width:380px){
 .utono-v205-toolbar .format-action{width:36px!important;min-width:36px!important}
 .utono-v205-toolbar .utono-toolbar-divider{margin:0 2px!important}
 #document-blocks .doc-embed>.embed-controls{right:3px!important;top:5px!important}
 #document-blocks .doc-embed .utono-media-layout{left:4px!important;top:5px!important}
}
@media(hover:none){
 #document-blocks .doc-embed .utono-media-layout{position:absolute!important;top:8px!important;left:8px!important;margin:0!important}
 #document-blocks .doc-embed>.embed-controls{top:8px!important;right:8px!important}
}
@media(prefers-reduced-motion:reduce){#document-blocks .utono-v3-block-actions,#document-blocks .doc-embed>.embed-controls{transition:none}}