.content:has(.ed-frame){padding:0}.ed-frame{--ed-rail-w:76px;grid-template-columns:minmax(180px, 216px) minmax(0, 1fr) var(--ed-rail-w);height:calc(100vh - var(--topbar-height));height:calc(100dvh - var(--topbar-height));grid-template-areas:"outline main rail";min-height:480px;display:grid;position:relative;overflow:hidden}.ed-frame.is-wide.has-preview{grid-template-columns:minmax(190px, 230px) minmax(360px, 1fr) minmax(340px, 1fr) var(--ed-rail-w);grid-template-areas:"outline main preview rail"}.ed-frame>.ed-outline{grid-area:outline}.ed-form{min-width:0;min-height:0;padding:var(--s5) var(--s5) var(--s6);grid-area:main;overflow:clip auto}.ed-form[hidden]{display:none}.ed-form>.editor-form{max-width:720px;margin:0 auto}.ed-pass:not(:empty){margin-bottom:var(--s4)}.ed-preview{overscroll-behavior-x:none;gap:var(--s4);min-width:0;min-height:0;padding:var(--s5);border-left:1px solid var(--border);background:var(--raised);grid-area:preview;align-content:start;display:grid;overflow:hidden auto}.ed-frame.is-medium .ed-preview,.ed-frame.is-wide:not(.has-preview) .ed-preview{border-left:0;grid-area:main}.ed-section{grid-template-columns:minmax(0,1fr);display:grid}.ed-section-head{align-items:flex-start;gap:var(--s3);display:flex}.ed-section-title{flex:1;min-width:0}.ed-section-title h2{align-items:center;gap:var(--s2);letter-spacing:-.015em;flex-wrap:wrap;margin:0;font-size:22px;font-weight:700;display:flex}.ed-section-icon{color:var(--subtle);display:inline-flex}.ed-section-title h2 .ai-open-chip{margin-left:0}.ed-section-title p{margin:var(--s1) 0 0;max-width:56ch;color:var(--muted);font-size:14px}.ed-section-head .sec-actions{align-items:center;padding-top:2px}.ed-top-actions{gap:var(--s2)}
.ed-rail{padding:var(--s3) 6px;border-left:1px solid var(--border);background:var(--bg);flex-direction:column;grid-area:rail;align-items:center;gap:6px;display:flex;overflow-y:auto}.ed-tool{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:10px;justify-content:center;align-items:center;gap:6px;text-decoration:none;display:inline-flex}.ed-tool:hover{background:var(--hover);color:var(--text)}.ed-tool[aria-pressed=true]{background:var(--accent-soft);color:var(--accent-text)}.ed-tool:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.ed-rail .ed-tool{text-align:center;flex-direction:column;gap:3px;width:64px;min-height:52px;padding:6px 2px;font-size:11px;font-weight:700;line-height:1.2}.ed-rail .ed-tool-preview{margin-top:auto}.ed-drawer{top:0;bottom:0;right:var(--ed-rail-w);z-index:6;width:min(440px, calc(100% - var(--ed-rail-w) - 200px));padding:0 var(--s5) var(--s6);border-left:1px solid var(--border);background:var(--bg);animation:.18s ease-out ed-drawer-in;position:absolute;overflow:clip auto;box-shadow:-12px 0 30px #11111114}.ed-drawer[hidden]{display:none}.ed-drawer-head{z-index:3;align-items:center;gap:var(--s2);margin-bottom:var(--s2);padding:var(--s4) 0 var(--s3);background:var(--bg);display:flex;position:sticky;top:0}.ed-drawer-head h2{letter-spacing:-.01em;flex:1;margin:0;font-size:18px;font-weight:700}@keyframes ed-drawer-in{0%{opacity:0;transform:translate(16px)}}@media (prefers-reduced-motion:reduce){.ed-drawer{animation:none}}
.ed-frame.is-phone{height:auto;min-height:0;display:block;overflow:visible}.ed-strip{top:var(--topbar-height);z-index:6;gap:var(--s2);padding:var(--s2) var(--s4);border-bottom:1px solid var(--border);background:var(--bg);display:grid;position:sticky}.ed-phone-bar{align-items:center;gap:var(--s1);min-width:0;display:flex}.ed-phone-bar>.seg{margin-right:auto}.ed-tools.is-compact,.ed-phone-undo{align-items:center;gap:2px;display:flex}.ed-tools.is-compact .ed-tool{width:36px;height:36px}.ed-frame.is-phone .ed-outline{align-items:center;gap:var(--s2);margin:0 calc(var(--s4) * -1);padding:0 var(--s4) 2px;scrollbar-width:none;border:0;flex-direction:row;overflow:auto hidden}.ed-frame.is-phone .ed-outline-head{padding:0}.ed-frame.is-phone .ed-outline-head-text{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.ed-frame.is-phone .ed-outline-list{gap:var(--s1);display:flex}.ed-frame.is-phone .ed-outline-item{white-space:nowrap;min-height:36px;padding:4px 10px}.ed-frame.is-phone .ed-outline-name{overflow:visible}.ed-frame.is-phone .drag-handle{display:none}.ed-frame.is-phone .ed-outline-add{flex:none;margin:0;padding:0;display:flex}.ed-frame.is-phone .ed-form{padding:var(--s4) var(--s4) var(--s6);overflow:visible}.ed-frame.is-phone .ed-preview{padding:var(--s4);background:0 0;border:0;overflow:visible}.ed-frame.is-phone .ed-drawer{top:auto;left:0;right:0;bottom:var(--tabbar-height,0px);z-index:22;width:auto;max-height:min(78dvh, calc(100dvh - var(--topbar-height) - var(--tabbar-height,0px) - var(--s5)));padding:0 var(--s4) var(--s5);border-left:0;border-top:1px solid var(--border);border-radius:var(--r-lg) var(--r-lg) 0 0;animation-name:ed-sheet-in;position:fixed;box-shadow:0 -12px 30px #1111111f}@keyframes ed-sheet-in{0%{opacity:0;transform:translateY(24px)}}@media (max-width:820px){.ed-top-actions .export-label{display:none}}@media (max-width:640px){.ed-top-actions{gap:var(--s1)}.ed-top-actions .share-label,.ed-top-actions .dropdown-toggle>svg:last-child:not(:first-child){display:none}.ed-top-actions .dropdown-toggle{gap:4px;padding:0 10px}.title-input{flex:auto;min-width:0}.title-input~.save-state>span[aria-hidden=true]:not(.save-state-pip){display:none}}
@media (max-width:640px){.bullet-row{flex-wrap:wrap;row-gap:2px}.bullet-row textarea{field-sizing:content;resize:vertical;flex:calc(100% - 20px);min-height:3lh}.bullet-row>.btn,.bullet-row>.drag-handle{width:32px;min-width:32px;height:32px;min-height:32px;padding:0}.bullet-row>textarea+*{margin-left:auto}.ai-field-bar{gap:var(--s1) var(--s2)}.ai-field-actions{align-items:center;gap:var(--s1);flex:100%;display:flex}.ai-field-actions .btn{width:36px;min-width:36px;height:36px;min-height:36px;padding:0}.ai-field-actions .ai-action{flex:1;justify-content:center;height:36px;min-height:36px}}
.ed-outline{gap:var(--s1);min-height:0;padding:var(--s4) var(--s2) var(--s6);border-right:1px solid var(--border);flex-direction:column;display:flex;overflow-y:auto}.ed-outline-head{align-items:center;gap:var(--s3);padding:0 var(--s2) var(--s3);display:flex}.ed-outline-head-text strong{font-size:14px;display:block}.ed-outline-head-text small{color:var(--muted);font-size:12px;display:block}.ed-ring{flex:none;place-items:center;display:inline-grid;position:relative}.ed-ring svg{transform:rotate(-90deg)}.ed-ring-track{stroke:var(--border)}.ed-ring-fill{stroke:var(--accent);transition:stroke-dashoffset .3s}.ed-ring b{font-size:11px;position:absolute}.ed-outline-list{gap:2px;margin:0;padding:0;list-style:none;display:grid}.ed-outline-row{border-radius:10px;align-items:center;gap:2px;display:flex}.ed-outline-item{min-width:0;min-height:36px;padding:6px var(--s2);color:var(--muted);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;flex:1;align-items:center;gap:9px;font-size:14px;font-weight:600;display:flex}.ed-outline-item:hover{background:var(--hover);color:var(--text)}.ed-outline-item[aria-current=true]{background:var(--surface);color:var(--text);box-shadow:0 0 0 1px var(--border)}.ed-outline-item:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.ed-outline-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.ed-outline-row.is-hidden .ed-outline-name{text-decoration:line-through;-webkit-text-decoration-color:var(--subtle);text-decoration-color:var(--subtle)}.ed-outline-off{color:var(--subtle);flex:none}.ed-outline-item .ai-open-chip{margin-left:0;padding:0 6px}.ed-outline-row .drag-handle{opacity:0}.ed-outline-row:hover .drag-handle,.ed-outline-row .drag-handle:focus-visible,.ed-outline-row.reorder-lifted .drag-handle{opacity:1}@media (hover:none){.ed-outline-row .drag-handle{opacity:1}}.ed-mark{border-radius:50%;flex:none;place-items:center;width:16px;height:16px;display:inline-grid}.ed-mark.is-done{background:var(--positive-soft);color:var(--positive)}.ed-mark.is-todo,.ed-mark.is-hidden{border:1.5px dashed var(--subtle)}.ed-outline-add{gap:var(--s2);margin-top:var(--s3);padding:0 var(--s1);display:grid}.ed-outline-add>.dropdown>.btn{justify-content:flex-start;width:100%}.ed-outline-add>.dropdown>.btn svg:last-child{margin-left:auto}@media (prefers-reduced-motion:reduce){.ed-ring-fill{transition:none}}