/* utono 2.0.17: editor navigation, rich media sizing, and sticky actions.
   Shared semantic tokens work in both light and dark mode. */
.utono-editor-layout:has(.utono-e2-workbench){grid-template-columns:minmax(0,1fr)!important}
.utono-editor-layout:has(.utono-e2-workbench) .utono-editor-inspector{display:none;position:fixed;top:75px;right:15px;bottom:18px;width:min(320px,calc(100vw - 30px));max-height:calc(100dvh - 95px);z-index:140;background:var(--utono-card,var(--panel));color:var(--utono-text,var(--text));border:1px solid var(--utono-border,var(--line));border-radius:14px;box-shadow:0 18px 55px var(--utono-shadow,rgba(0,0,0,.18));overflow-y:auto}
.utono-editor-layout:has(.utono-e2-workbench) .utono-editor-inspector.inspector-open{display:block!important}
.utono-editor-layout:has(.utono-e2-workbench) .utono-inspector-toggle{display:inline-flex!important}
.utono-content-frame.utono-has-note .editor-actions{position:sticky;top:0;z-index:45;background:var(--utono-bg,var(--surface));box-shadow:0 5px 12px -12px rgba(0,0,0,.24)}
.utono-e2-workbench{position:relative}
.utono-e2-toolbar{top:55px;overflow-x:auto;overflow-y:hidden}
.utono-e2-toolbar [data-e2-action="style-menu"]{font-size:12px;font-weight:700}
.utono-e2-style-pop,.utono-e2-media-pop{position:absolute;z-index:80;top:55px;left:115px;width:178px;display:flex;flex-direction:column;gap:3px;padding:7px;background:var(--utono-card,var(--panel));color:var(--utono-text,var(--text));border:1px solid var(--utono-border,var(--line));box-shadow:0 12px 30px rgba(0,0,0,.14);border-radius:12px}
.utono-e2-media-pop{left:min(57%,450px);width:198px}
.utono-e2-style-pop button,.utono-e2-media-pop button{color:inherit;border:none;background:transparent;border-radius:8px;text-align:left;min-height:35px;padding:8px 10px;cursor:pointer;font:inherit;font-size:13px}
.utono-e2-style-pop button:hover,.utono-e2-media-pop button:hover{background:var(--utono-selected,rgba(130,160,140,.15))}
.utono-e2-canvas [id^="utono-section-"]{scroll-margin-top:145px}
.utono-e2-canvas a[data-utono-note-id]{display:inline;text-decoration:underline;text-decoration-style:dotted;text-underline-offset:3px}
.utono-e2-canvas [id^="utono-section-"].utono-link-target{outline:2px solid var(--utono-action,#708e77);outline-offset:5px;border-radius:3px}
.utono-e2-link-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.50);z-index:99998;display:flex;align-items:center;justify-content:center;padding:18px}
.utono-e2-link-dialog{width:min(460px,100%);max-height:90dvh;overflow:auto;background:var(--utono-card,var(--panel,#fff));color:var(--utono-text,var(--text,#222));border:1px solid var(--utono-border,var(--line));box-shadow:0 18px 58px rgba(0,0,0,.22);border-radius:18px;padding:24px;display:flex;flex-direction:column;gap:12px}
.utono-e2-link-dialog h3{font-size:20px;margin:0}.utono-e2-link-dialog p{font-size:13px;color:var(--utono-muted,var(--muted));line-height:1.5;margin:0 0 7px}
.utono-e2-link-dialog label{display:flex;flex-direction:column;gap:5px;font-size:12px;font-weight:650}
.utono-e2-link-dialog :is(select,input){padding:11px 12px;border:1px solid var(--utono-border,var(--line));background:var(--utono-pane,var(--surface,#fafafa));color:var(--utono-text,var(--text));border-radius:9px;font:inherit;width:100%;min-width:0}
.utono-e2-link-dialog>div:last-child{display:flex;gap:10px;justify-content:flex-end;margin-top:8px}
.utono-e2-link-dialog button{cursor:pointer;border-radius:9px;padding:10px 15px;border:1px solid var(--utono-border,var(--line));background:var(--utono-pane,var(--surface));color:var(--utono-text,var(--text))}
.utono-e2-link-dialog [data-link-insert]{background:var(--utono-action,#7b977f);color:var(--utono-action-ink,#fff);border-color:transparent}
/* Image widths are persisted on the actual IMG, not on the transient editor frame. */
.utono-e2-canvas .utono-e2-image-frame{display:inline-flex;vertical-align:top;align-items:flex-start;flex-direction:column;max-width:100%;margin:0 3px 9px 0;box-sizing:border-box;touch-action:pan-y}
.utono-e2-canvas .utono-e2-image-frame[data-utono-width="100"]{width:calc(100% - 6px)}
.utono-e2-canvas .utono-e2-image-frame[data-utono-width="50"]{width:calc(50% - 6px)}
.utono-e2-canvas .utono-e2-image-frame[data-utono-width="33"]{width:calc(33.333% - 6px)}
.utono-e2-canvas .utono-e2-image-frame>img[data-utono-media-id]{width:100%;height:auto;max-width:100%;min-width:0;max-height:620px;object-fit:contain;object-position:left center;vertical-align:top;margin:0}
.utono-e2-canvas .utono-e2-image-social{width:100%;min-width:0}
.utono-e2-canvas video[data-utono-media-id]{display:block;width:min(100%,760px);height:auto;max-height:540px;background:#111;border-radius:12px;margin:14px 0}
.utono-e2-canvas audio[data-utono-media-id]{display:block;margin:12px 0}
@media(max-width:650px){.utono-content-frame.utono-has-note .editor-actions{top:0;z-index:75}.utono-e2-toolbar{top:53px}.utono-e2-media-pop{left:auto;right:3px}.utono-e2-style-pop{left:12px}.utono-editor-layout:has(.utono-e2-workbench) .utono-editor-inspector{top:65px;right:10px;width:min(340px,calc(100vw - 20px))}.utono-e2-link-dialog{padding:19px}.utono-e2-canvas .utono-e2-image-frame[data-utono-width="33"]{width:calc(33.333% - 6px)}}