/* utono v1.5.1 — responsive editor inspector, accessible Share and assistant */
.utono-editor-layout{display:grid;grid-template-columns:minmax(0,1fr) 253px;gap:22px;align-items:start;width:100%;max-width:1330px;margin:0 auto;padding:22px 28px 52px;overflow:visible}
.utono-editor-compose{min-width:0;max-width:940px;width:100%;margin:0 auto;display:flex;flex-direction:column}
.utono-editor-inspector{position:sticky;top:16px;align-self:start;min-width:0;max-height:calc(100dvh - 110px);overflow:auto;border:1px solid var(--line);border-radius:15px;background:var(--surface);padding:14px;scrollbar-width:thin}
.utono-inspector-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 5px 12px}.utono-inspector-heading strong{font-size:13px}.utono-inspector-heading button{background:none;border:0;color:var(--muted);cursor:pointer}
.utono-inspector-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:4px;border-radius:11px;background:var(--bg);gap:3px}.utono-inspector-tabs button{background:none;border:0;border-radius:8px;color:var(--muted);font-size:12px;padding:9px 0;cursor:pointer}.utono-inspector-tabs button.active{color:var(--text);background:var(--surface-raised,#34343a);font-weight:700}
.utono-inspector-content{display:flex;flex-direction:column;gap:6px;padding-top:15px}.utono-inspector-content>button,.utono-inspector-info button{display:flex;align-items:center;gap:11px;min-height:40px;width:100%;padding:10px 12px;border:1px solid var(--line);background:var(--bg);color:var(--text);text-align:left;border-radius:11px;cursor:pointer;font-size:12px}.utono-inspector-content button:hover{border-color:var(--accent)}.utono-inspector-info strong,.utono-inspector-info small{display:block}.utono-inspector-info p{font-size:12px;color:var(--muted);margin:8px 0}.inspector-hint{font-size:11px;color:var(--muted);line-height:1.5;margin:0 0 6px}.inspector-divider{height:1px;background:var(--line);margin:7px 0}
.utono-sticky-share,.utono-sticky-assistant{min-height:34px!important;padding:5px 11px!important;border-radius:10px!important;font-size:12px!important;white-space:nowrap}.utono-sticky-share{background:var(--accent);color:var(--button-text,#151321)}.editor-actions{position:sticky;top:0;z-index:7;background:var(--bg);padding-top:5px}.utono-inspector-toggle{display:none}
.assistant-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.assistant-choice-grid button{background:var(--surface,#25252a);color:var(--text,#fff);border:1px solid var(--line,#484850);padding:16px;border-radius:14px;text-align:left;display:flex;flex-direction:column;gap:7px;cursor:pointer}.assistant-choice-grid strong{display:block;font-size:14px}.assistant-choice-grid small{font-size:11px;color:var(--muted,#aaa)}
.md-check{display:inline-block;min-width:19px;font-size:17px;color:var(--accent);vertical-align:-1px}
@media(max-width:1000px){.utono-editor-layout{grid-template-columns:minmax(0,1fr);padding:20px clamp(15px,4vw,35px)}.utono-inspector-toggle{display:grid}.utono-editor-inspector{display:none;position:fixed;top:70px;right:12px;bottom:calc(18px + env(safe-area-inset-bottom));width:min(320px,calc(100vw - 24px));max-height:none;z-index:150;box-shadow:0 20px 70px #0008}.utono-editor-inspector.inspector-open{display:block}.utono-sticky-assistant span{display:none}}
@media(max-width:720px){.utono-editor-layout{padding:14px 15px 35px}.utono-editor-inspector{top:calc(70px + env(safe-area-inset-top));bottom:calc(82px + env(safe-area-inset-bottom))}.utono-sticky-share span{display:none}.utono-sticky-share,.utono-sticky-assistant{padding:6px!important;min-width:33px!important}.editor-actions-right{flex-wrap:nowrap!important;gap:5px}.utono-inspector-toggle{min-width:30px}.assistant-choice-grid{grid-template-columns:1fr}.editor-actions{top:0}}

/* True in-document checkbox/bullet inputs (Markdown-compatible storage) */
.utono-document-segment{width:100%;display:flex;flex-direction:column;min-width:0;gap:0;padding:8px 0}.utono-list-line{display:flex;align-items:center;gap:9px;min-height:35px;padding:3px 0}.utono-line-text{flex:1;min-width:0;border:0!important;background:transparent!important;color:var(--text)!important;font:inherit;font-size:15px!important;line-height:1.7;outline:0!important;padding:4px 1px!important;box-shadow:none!important}.utono-line-check{accent-color:var(--accent);width:18px;height:18px;flex:0 0 18px;cursor:pointer}.utono-line-check:checked + .utono-line-text{text-decoration:line-through;opacity:.62}.utono-line-bullet{width:18px;flex:0 0 18px;text-align:center;font-size:19px;color:var(--accent)}.utono-prose-line{padding-left:0}.utono-prose-line .utono-line-text{font-size:15px!important}
@media(max-width:720px){.utono-line-text{font-size:16px!important;min-height:36px}.utono-list-line{min-height:40px}}

/* utono v1.5.3: visible, editable formatting. Note body still saves as Markdown. */
.utono-rich-segment{min-width:0;width:100%;padding:7px 0;display:flex;flex-direction:column;gap:1px;font-size:15px;line-height:1.7}
.utono-rich-line{display:flex;align-items:flex-start;min-height:29px;min-width:0;gap:9px;position:relative}
.utono-rich-content{flex:1;min-width:0;white-space:pre-wrap;overflow-wrap:anywhere;outline:none;word-break:break-word;padding:2px 0;min-height:26px;cursor:text}
.utono-rich-content:focus-visible{outline:none}
.utono-rich-content strong,.utono-rich-content b{font-weight:750}
.utono-rich-content em,.utono-rich-content i{font-style:italic}
.utono-rich-content code{background:var(--surface-raised,var(--surface));padding:1px 4px;border-radius:3px}
.utono-rich-marker{display:none;flex:0 0 20px;width:20px;align-items:center;justify-content:center;margin-top:4px}
.utono-rich-line.kind-bullet .utono-rich-marker,.utono-rich-line.kind-check .utono-rich-marker{display:flex}
.utono-live-bullet{font-size:22px;line-height:19px;color:var(--accent)}
.utono-live-check{width:18px;height:18px;accent-color:var(--accent);cursor:pointer}
.utono-rich-line.kind-check:has(.utono-live-check:checked) .utono-rich-content{text-decoration:line-through;opacity:.62}
.utono-rich-line.kind-heading .utono-rich-content{font-size:21px;font-weight:750;line-height:1.35;margin:5px 0}
.utono-rich-line.kind-heading[data-level="1"] .utono-rich-content{font-size:27px}
.utono-rich-line.kind-heading[data-level="3"] .utono-rich-content{font-size:17px}
.utono-rich-segment:empty:before{content:'Start writing...';color:var(--subtle)}
@media(max-width:720px){.utono-rich-segment{font-size:16px}.utono-rich-line{min-height:34px}.utono-rich-content{min-height:32px}}