/* utono v2.0.10: focus-first library, deliberate sidebars, media options below cards, flicker-free auth */
/* Main left pane is independently collapsible on wide screens. */
@media (min-width:1101px){
  .utono-main-pane-toggle{display:inline-grid!important;place-items:center;flex:none;border:1px solid var(--utono-border);border-radius:10px;color:var(--utono-muted);background:var(--utono-card);width:35px;height:35px;cursor:pointer}
  body.utono-sidebar-collapsed #sidebar{display:none!important;flex:0 0 0!important;width:0!important;min-width:0!important}
  body.utono-sidebar-collapsed .workspace{min-width:0;flex:1}
  body.utono-sidebar-collapsed .utono-main-pane-toggle{background:var(--utono-selected);color:var(--utono-action)}
}
@media (max-width:1100px){.utono-main-pane-toggle{display:none!important}}
/* The notes pane is closed on every fresh note open, but remains available by request. */
.utono-content-frame.utono-has-note .utono-note-rail{display:none!important}
@media(min-width:900px){
  body.utono-note-rail-expanded .utono-content-frame.utono-has-note .utono-note-rail{display:flex!important}
  .utono-content-frame.utono-has-note .utono-editor-compose{max-width:950px;margin-inline:auto}
}
@media(max-width:899px){.utono-note-pane-toggle{display:none!important}}
.utono-note-pane-toggle{display:inline-grid;place-items:center;flex:none;width:31px;height:32px;border:1px solid var(--utono-border);border-radius:9px;background:var(--utono-card);color:var(--utono-muted);cursor:pointer}
body.utono-note-rail-expanded .utono-note-pane-toggle{background:var(--utono-selected);color:var(--utono-action)}
.utono-note-pane-toggle:hover,.utono-main-pane-toggle:hover{border-color:var(--utono-action)}
.utono-note-pane-toggle:focus-visible,.utono-main-pane-toggle:focus-visible{outline:2px solid var(--utono-action);outline-offset:2px}
/* Media options: reserved space AFTER a card, never overlay the photo, waveform or player. */
#document-blocks .doc-embed.utono-sized-embed>.utono-media-layout,
#document-blocks .doc-embed.utono-video-card>.utono-media-layout{
  position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;
  height:auto!important;min-height:0!important;width:100%!important;max-width:100%!important;
  opacity:1!important;display:flex!important;flex-direction:column;align-items:stretch;z-index:4!important;
  padding:0!important;margin:4px 0 3px!important;background:transparent;box-sizing:border-box;
}
#document-blocks .utono-media-layout .utono-media-settings-trigger{
  position:relative!important;align-self:flex-end!important;display:inline-flex!important;align-items:center;justify-content:center;
  gap:6px!important;width:auto!important;max-width:100%!important;min-width:32px!important;height:29px!important;min-height:29px!important;
  padding:3px 10px!important;font-size:11px!important;border:1px solid transparent!important;
  background:transparent!important;color:var(--utono-muted)!important;border-radius:9px!important;box-shadow:none!important;
}
#document-blocks .utono-media-layout .utono-media-settings-trigger:hover,
#document-blocks .utono-media-layout.is-open .utono-media-settings-trigger{background:var(--utono-selected)!important;color:var(--utono-text)!important;border-color:var(--utono-border)!important}
#document-blocks .utono-media-layout .utono-media-settings-trigger span{display:inline!important;white-space:nowrap}
#document-blocks .utono-media-layout .utono-media-settings-fields{display:none!important;position:relative!important;inset:auto!important;
  width:100%!important;max-width:100%!important;min-width:0!important;
  padding:10px!important;gap:7px!important;border:1px solid var(--utono-border)!important;
  border-radius:11px!important;background:var(--utono-card)!important;box-shadow:none!important;
  box-sizing:border-box!important;flex-wrap:wrap;align-items:center;justify-content:flex-start;
}
#document-blocks .utono-media-layout.is-open .utono-media-settings-fields{display:flex!important;flex-direction:row!important;align-items:center!important}
#document-blocks .utono-media-settings-fields label{display:flex!important;flex:0 1 auto!important;align-items:center;justify-content:flex-start!important;gap:7px!important;border:0!important;background:transparent!important;padding:0!important}
#document-blocks .utono-media-settings-fields label span{display:inline!important;white-space:nowrap}
#document-blocks .utono-media-settings-fields select{background:var(--utono-bg)!important;border:1px solid var(--utono-border)!important;min-height:32px!important;border-radius:7px!important}
#document-blocks .utono-media-settings-fields button{min-height:32px!important;width:auto!important;white-space:nowrap;text-align:center!important;padding:5px 9px!important;box-shadow:none!important}
#document-blocks .utono-media-settings-fields button:hover{background:var(--utono-selected)!important}
#document-blocks .utono-video-compact>.utono-media-layout{grid-column:1/-1;grid-row:auto;margin-top:7px!important}
/* Header-only overlay controls for edit/remove retain their accessible hover/focus states. */
@media(max-width:720px){
  #document-blocks .utono-media-settings-fields button{flex:1 1 auto!important;min-width:fit-content}
  #document-blocks .utono-media-layout .utono-media-settings-trigger{min-height:34px!important}
  .utono-note-pane-toggle{display:none!important}
}
/* Prevent the sign-in UI flashing before a saved Supabase session is restored. */
#utono-auth-loading{display:none}
body.utono-auth-booting{background:#FAF9F6!important}
body.utono-auth-booting #utono-auth-loading{display:flex;position:fixed;inset:0;z-index:100005;
  flex-direction:column;align-items:center;justify-content:center;gap:14px;background:#FAF9F6;
  color:#6b7469;font-size:12px;letter-spacing:.015em;font-weight:500}
#utono-auth-loading img{width:min(210px,64vw);max-height:110px;object-fit:contain}
/* The sign-in experience is intentionally light-only, regardless of saved workspace theme. */
body.utono-auth-visible #utono-auth-gate{background:#FAF9F6!important;color:#1F1F1E!important}
.utono-auth-appearance{display:none!important}