:root{--ink:#1e2029;--ink-2:#292c38;--ink-3:#3c4050;--paper:#f4efe4;--paper-2:#ebe4d8;--paper-3:#e1d8ca;--sheet:#fffaf1;--sheet-2:#fbf5ea;--orange:#df583d;--orange-soft:#f5dfd5;--blue:#687be0;--gold:#dbb35d;--text:#24252e;--muted:#817d7a;--muted-2:#a7a097;--line:#ddd4c6;--line-dark:rgba(255,255,255,.11);--success:#527f71;--danger:#bf4635;--shadow:0 16px 38px rgba(50,41,28,.07);--serif:Georgia,'Times New Roman',serif;--sans:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{font:13px/1.4 var(--sans);background:var(--paper);color:var(--text);-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}button{cursor:pointer;color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--blue);outline-offset:2px}button:disabled{opacity:.45;cursor:not-allowed}a{color:inherit;text-decoration:none}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.micro-label{margin:0 0 6px;color:#93877b;font-size:8px;line-height:1.2;letter-spacing:.17em;font-weight:800}.app-shell{display:flex;flex-direction:column;min-height:0}.app-topbar{height:64px;flex:0 0 64px;background:var(--ink);color:#f8f2e8;display:flex;align-items:center;padding:0 20px;gap:24px;border-bottom:1px solid #383a45;position:relative;z-index:20}.app-brand{display:flex;align-items:center;gap:11px;flex:0 0 250px;min-width:0}.brand-bars{width:24px;height:24px;display:flex;gap:2px;align-items:flex-end;flex:0 0 auto}.brand-bars i{width:5px;height:10px;background:var(--orange);border-radius:1px}.brand-bars i:nth-child(2){height:17px;background:var(--gold)}.brand-bars i:nth-child(3){height:22px;background:var(--blue)}.brand-name{font-size:10px;font-weight:900;letter-spacing:.14em;white-space:nowrap;line-height:1.4}.brand-name b{color:var(--gold);font-weight:900}.brand-name small{display:block;font-size:7px;color:#9696a0;letter-spacing:.16em;font-weight:600}.topbar-center{flex:1;display:flex;align-items:center;gap:10px;min-width:0;color:#8d8e97;font-size:10px;letter-spacing:.08em}.topbar-breadcrumb{font-size:8px;letter-spacing:.17em;color:#777985;font-weight:800}.topbar-slash{color:var(--orange)}.topbar-current{color:#dfddd8;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;letter-spacing:0;font-size:11px;max-width:35vw}.save-pulse{display:inline-flex;align-items:center;gap:6px;color:#aaa9a8;font-size:8px;letter-spacing:.02em;margin-left:6px;white-space:nowrap}.save-pulse i,.status-left i{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--success)}.save-pulse.saving i,.status-left .saving i{background:var(--gold);box-shadow:0 0 0 3px rgba(219,179,93,.12)}.save-pulse.error i,.status-left .error i{background:var(--danger)}.topbar-actions{display:flex;align-items:center;gap:7px}.top-icon-button{height:31px;min-width:32px;border:1px solid rgba(255,255,255,.13);background:transparent;color:#d0ced0;border-radius:3px;font-size:14px;display:inline-flex;align-items:center;justify-content:center;gap:2px}.top-icon-button small{font-size:9px;color:#b3b0af}.top-icon-button:hover{background:rgba(255,255,255,.08);color:white}.top-primary{height:34px;padding:0 12px;background:var(--orange);color:#fff9f1;border:1px solid var(--orange);font-size:10px;font-weight:800;border-radius:2px;letter-spacing:.02em}.top-primary span{margin-left:17px}.top-primary:hover{background:#c94831}.mobile-only{display:none}
.app-layout{display:grid;grid-template-columns:265px minmax(0,1fr) 250px;flex:1;min-height:0;position:relative;transition:grid-template-columns .18s ease}.library-panel{background:#eee7db;border-right:1px solid #d7cdbd;min-width:0;min-height:0;display:flex;flex-direction:column;overflow:hidden}.library-topline{padding:22px 17px 15px;display:flex;align-items:flex-end;justify-content:space-between}.library-topline h1{font:normal 30px/.95 var(--serif);letter-spacing:-.045em;margin:0;display:flex;align-items:center;gap:9px}.library-topline h1 span{display:inline-flex;align-items:center;justify-content:center;border:1px solid #d4c7b6;width:21px;height:21px;border-radius:50%;font:700 8px var(--sans);letter-spacing:0;color:#95887b}.new-document-button{display:flex;align-items:center;gap:5px;padding:7px 9px;background:var(--ink);color:#fdf6e9;border:0;border-radius:2px;font-size:10px;font-weight:700}.new-document-button:hover{background:var(--orange)}.new-document-button:first-letter{font-size:15px}.library-search{margin:0 15px 13px;background:#faf5eb;border:1px solid #ded4c5;display:flex;align-items:center;gap:7px;height:35px;padding:0 9px;color:#8f867d;border-radius:3px}.library-search>span{font-size:20px;font-family:var(--serif)}.library-search input{background:transparent;border:0;outline:none!important;min-width:0;flex:1;font-size:10px;color:var(--text)}.library-search input::placeholder{color:#a0988d}.library-search kbd{font:8px var(--mono);border:1px solid #ded5c8;border-radius:2px;padding:3px 4px;color:#9c958b}.library-search button{border:0;background:transparent;color:#9b9186;font-size:15px;padding:0}.library-quickfilters{display:flex;gap:5px;padding:0 15px 16px}.filter-chip{display:flex;align-items:center;gap:5px;font-size:9px;color:#857b70;border:1px solid transparent;background:transparent;padding:6px 7px;border-radius:2px;white-space:nowrap}.filter-chip span{font-size:8px;opacity:.7}.filter-chip.active{background:#fff8ed;border-color:#dbcebd;color:var(--ink);font-weight:800}.filter-chip:hover{border-color:#d1c2b0}.folder-heading,.document-list-heading{display:flex;align-items:center;justify-content:space-between;padding:9px 17px;color:#96897b;font-size:8px;letter-spacing:.16em;font-weight:900}.folder-heading{border-top:1px solid #ded5c8}.folder-heading button{background:transparent;border:0;color:var(--orange);font-size:15px;padding:0 3px}.folder-list{padding:0 9px 10px;max-height:150px;overflow:auto}.folder-row{width:100%;border:0;background:transparent;display:flex;align-items:center;gap:8px;text-align:left;padding:8px 9px;border-radius:3px;color:#6e6964;font-size:10px}.folder-row .folder-glyph{width:16px;color:#9b8a77;font-size:13px}.folder-row .folder-count{margin-left:auto;color:#a79a8c;font-size:9px}.folder-row.active{background:#e0d6c7;color:var(--ink);font-weight:800}.folder-row.active .folder-glyph{color:var(--orange)}.folder-row:hover{background:rgba(255,250,241,.66)}.document-list-heading{padding-top:14px}.document-list-heading>span:last-child{font-size:9px;letter-spacing:0;color:#a3988a}.document-list{min-height:60px;overflow:auto;flex:1;padding:0 9px 10px}.document-row{position:relative;display:grid;grid-template-columns:29px minmax(0,1fr) 22px;gap:8px;align-items:center;padding:10px 8px;margin:2px 0;border:1px solid transparent;border-radius:3px;transition:background .12s,border-color .12s}.document-row:hover{background:rgba(255,250,241,.64)}.document-row.selected{background:#fff8ed;border-color:#e1d3c2;box-shadow:0 2px 6px rgba(59,42,23,.03)}.document-row.selected:before{content:'';position:absolute;left:-1px;top:8px;bottom:8px;width:3px;background:var(--orange);border-radius:0 2px 2px 0}.document-file-icon{width:29px;height:35px;border:1px solid #d9cebe;background:#faf4e9;display:flex;flex-direction:column;align-items:center;justify-content:center;font:800 8px var(--sans);color:var(--orange);position:relative}.document-file-icon:after{content:'';position:absolute;top:-1px;right:-1px;border-style:solid;border-width:0 8px 8px 0;border-color:transparent #eee4d6 transparent transparent}.document-row.selected .document-file-icon{border-color:#edb8a7;background:#f8e5dc}.document-row-copy{min-width:0;text-align:left;background:transparent;border:0;padding:0;display:flex;flex-direction:column;gap:4px;align-self:stretch;justify-content:center}.document-row-copy b{display:block;font-size:10px;line-height:1.4;font-weight:750;color:#302e32;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.document-row.selected .document-row-copy b{color:#1d1c22}.document-row-copy small{font-size:8px;line-height:1.3;color:#a09487;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.document-row-side{display:flex;flex-direction:column;align-items:center;gap:5px}.doc-pin,.doc-more{width:21px;height:21px;background:transparent;border:0;color:#b0a496;padding:0;font-size:13px;display:grid;place-items:center;border-radius:3px}.doc-pin.pinned{color:var(--orange)}.doc-more{font-size:14px;letter-spacing:1px;opacity:.55}.document-row:hover .doc-more,.document-row.selected .doc-more{opacity:1}.doc-pin:hover,.doc-more:hover{background:#ece2d5;color:var(--ink)}.document-context-menu{position:absolute;z-index:12;right:5px;top:calc(100% - 3px);width:155px;background:#fffaf1;border:1px solid #d7caba;box-shadow:0 14px 30px rgba(45,34,22,.16);padding:5px}.document-context-menu button{display:block;width:100%;text-align:left;font-size:10px;background:transparent;border:0;border-radius:2px;padding:8px;color:#534c47}.document-context-menu button:hover{background:#f0e6d8;color:var(--ink)}.document-context-menu button.danger-action{color:var(--danger)}.library-empty{padding:36px 18px;text-align:center;color:#82776c}.library-empty>span{font-size:28px;color:#b5a697}.library-empty b{display:block;color:#49413a;font:normal 17px var(--serif);margin:7px 0}.library-empty p{font-size:10px;line-height:1.7}.library-empty button{border:1px solid #d2c6b6;background:#fff8ed;padding:7px 10px;font-size:9px}.library-bottom{padding:10px 13px;border-top:1px solid #d9cfc0;display:grid;grid-template-columns:1fr 1fr;gap:7px}.library-bottom button{border:1px solid #d5cabb;background:rgba(255,250,241,.54);padding:9px 7px;text-align:left;font-size:9px;color:#655d56;white-space:nowrap}.library-bottom button span{font-size:12px;color:var(--orange);margin-right:4px}.library-bottom button:hover{background:#fffaf1;border-color:#bea994}.storage-note{display:flex;align-items:center;gap:8px;background:#e5ddcf;padding:12px 14px 14px;border-top:1px solid #d4c8b7}.storage-mark{color:var(--success);font-size:8px}.storage-note>div{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}.storage-note b{font-size:9px;color:#5b554d;font-weight:800}.storage-note small{font-size:8px;color:#998d7d}.storage-note button{width:17px;height:17px;border:1px solid #c6b8a6;border-radius:50%;background:transparent;color:#8d806f;font-size:10px;line-height:1}
.editor-stage{min-width:0;min-height:0;display:flex;flex-direction:column;background:#f3ede2;position:relative}.document-bar{height:76px;flex:0 0 76px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 23px;border-bottom:1px solid #dfd5c7;background:#f5efe4;position:relative;z-index:4}.doc-title-group{display:flex;align-items:center;gap:12px;min-width:0;flex:1}.document-type-icon{height:39px;width:33px;flex:0 0 33px;background:#f7e3d9;border:1px solid #edbdac;color:var(--orange);font:900 11px var(--sans);display:flex;align-items:center;justify-content:center;position:relative}.document-type-icon span{font-size:9px;position:absolute;right:5px;bottom:5px;color:#a73528}.doc-title-input-wrap{min-width:0;flex:1}.doc-title-input-wrap>input{display:block;width:100%;min-width:0;background:transparent;border:0;outline:none!important;font:normal clamp(18px,1.6vw,24px)/1.1 var(--serif);letter-spacing:-.025em;color:#272630;padding:0}.doc-title-input-wrap>input:focus-visible{outline:0!important;box-shadow:0 1px 0 var(--orange)}.doc-subtitle{display:flex;align-items:center;gap:7px;margin-top:7px;color:#988d80;font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-dot{width:3px;height:3px;border-radius:50%;background:#c7b8a5;flex:0 0 auto}.pin-button{width:28px;height:28px;border:0;background:transparent;font-size:19px;color:#a49a8d;display:grid;place-items:center;flex:0 0 auto}.pin-button.pinned{color:var(--orange)}.document-bar-actions{position:relative;display:flex;align-items:center;gap:5px;flex:0 0 auto}.subtle-action,.icon-action{height:30px;display:flex;align-items:center;justify-content:center;gap:6px;padding:0 8px;border:1px solid transparent;background:transparent;color:#81796f;font-size:10px;border-radius:2px}.subtle-action:hover,.subtle-action.active{background:#e8dfd2;color:#413a35;border-color:#ded2c2}.subtle-action.active{color:var(--orange)}.icon-action{font-size:20px;letter-spacing:1px;width:28px;padding:0}.icon-action:hover{background:#e8dfd2}.action-menu{position:absolute;z-index:30;top:36px;right:0;width:194px;background:#fffaf1;border:1px solid #d8ccbc;padding:5px;box-shadow:0 15px 35px rgba(53,42,27,.16)}.action-menu button{width:100%;display:block;text-align:left;border:0;background:transparent;border-radius:2px;padding:9px;font-size:10px;color:#5e564e}.action-menu button:hover{background:#efe5d7}.action-menu button.danger-action{color:var(--danger)}.find-replace-panel{display:flex;gap:8px;align-items:flex-end;padding:10px 22px;background:#eae0d1;border-bottom:1px solid #d7c8b5}.find-field{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.find-field label{font-size:8px;color:#88786a;text-transform:uppercase;letter-spacing:.13em;font-weight:900}.find-field input{height:29px;border:1px solid #d3c4b2;background:#fffaf1;border-radius:2px;padding:0 8px;font-size:10px;min-width:0;outline:none}.find-field span{font-size:8px;color:#998c7c}.find-actions{display:flex;gap:3px}.find-actions button{height:29px;min-width:29px;padding:0 8px;border:1px solid #d1c1ae;background:#f8f0e4;font-size:10px;color:#65594c;border-radius:2px}.find-actions button:hover{background:#fffaf1}.find-actions .replace-all{background:var(--ink);color:#fff5e5;border-color:var(--ink)}.find-actions button:last-child{font-size:16px}.find-replace-panel[hidden]{display:none}
.editor-toolbar{height:46px;flex:0 0 46px;display:flex;align-items:center;gap:10px;padding:0 18px;border-bottom:1px solid #e0d7c9;background:#f1eade;position:relative;z-index:3}.format-group{display:flex;align-items:center;gap:2px}.format-group button{border:1px solid transparent;background:transparent;min-width:27px;height:27px;padding:0 5px;display:flex;align-items:center;justify-content:center;border-radius:2px;color:#5d5650;font-size:12px}.format-group button:hover{background:#e2d7c7;border-color:#d2c3af;color:#26252d}.format-group button b,.format-group button i,.format-group button s{font-size:12px}.format-group button small{font-size:8px;align-self:flex-start;margin-top:5px}.toolbar-divider{width:1px;height:17px;background:#d6cbbb;margin:0 4px}.toolbar-separator{width:1px;height:18px;background:#d9cebf}.toolbar-spacer{flex:1}.view-switcher{display:flex;align-items:center;gap:2px;background:#e6dccc;border:1px solid #d5c9b8;padding:2px;border-radius:3px}.view-switcher button{height:24px;min-width:39px;border:0;border-radius:2px;background:transparent;color:#82786b;font-size:9px;padding:0 8px}.view-switcher button.active{background:#fff9ef;box-shadow:0 1px 3px rgba(40,30,18,.13);color:#302e34;font-weight:800}.work-surface{display:grid;grid-template-columns:minmax(0,1fr) 7px minmax(0,1fr);flex:1;min-height:0;overflow:hidden;background:#f1eadf}.work-surface.view-editor{grid-template-columns:minmax(0,1fr) 0 minmax(0,0fr)}.work-surface.view-editor .preview-pane,.work-surface.view-editor .pane-resizer{display:none}.work-surface.view-preview{grid-template-columns:0 0 minmax(0,1fr)}.work-surface.view-preview .editor-pane,.work-surface.view-preview .pane-resizer{display:none}.editor-pane,.preview-pane{display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden}.pane-heading{height:37px;flex:0 0 37px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid #e0d6c7;background:#f2ebdf;color:#8c8074;font-size:8px;letter-spacing:.16em;font-weight:900}.pane-heading>span:first-child{display:flex;align-items:center;gap:8px}.pane-dot{width:6px;height:6px;border-radius:50%;display:inline-block}.source-dot{background:var(--orange)}.preview-dot{background:var(--blue)}.pane-heading-actions{display:flex;align-items:center;gap:7px;color:#a0988b;font-size:7px;letter-spacing:.09em}.pane-heading-actions button{height:21px;min-width:20px;border:1px solid transparent;background:transparent;color:#998f83;font-size:11px;padding:0 4px;border-radius:2px}.pane-heading-actions button:hover{border-color:#d5cabb;background:#eee4d5;color:#453d36}.source-editor-wrap{display:flex;flex:1;min-height:0;overflow:hidden;background:#f9f4ea;position:relative}.line-gutter{padding:22px 12px 30px 14px;width:43px;flex:0 0 43px;background:#f3ecdf;border-right:1px solid #e6dccd;color:#b8aa98;font:11px/1.9 var(--mono);text-align:right;white-space:pre;user-select:none;overflow:hidden}.source-editor-wrap.hide-lines .line-gutter{display:none}.source-editor-wrap.hide-lines textarea{padding-left:27px}.source-editor-wrap.no-wrap textarea{white-space:pre;overflow-x:auto;overflow-wrap:normal}.source-editor-wrap textarea{flex:1;min-width:0;min-height:0;width:100%;resize:none;border:0;outline:0!important;background:transparent;color:#33313a;padding:20px 24px 35px 18px;font:12px/1.9 var(--mono);tab-size:2;white-space:pre-wrap;overflow-wrap:break-word;caret-color:var(--orange);border-radius:0}.source-editor-wrap textarea::selection{background:rgba(104,123,224,.2)}.editor-bottomline{height:28px;flex:0 0 28px;border-top:1px solid #e0d6c7;background:#f2ebdf;display:flex;align-items:center;justify-content:space-between;padding:0 13px;font-size:8px;color:#a39787}.editor-bottomline kbd{font:8px var(--mono);border:1px solid #d6caba;padding:2px 4px;border-radius:2px}.pane-resizer{cursor:col-resize;background:#e6ddcf;position:relative;z-index:2;border-left:1px solid #e0d5c5;border-right:1px solid #d7cbbb}.pane-resizer:after{content:'';position:absolute;width:2px;height:34px;top:50%;left:2px;transform:translateY(-50%);border-left:1px solid #b6a896;border-right:1px solid #b6a896;opacity:0}.pane-resizer:hover:after,.pane-resizer:focus-visible:after{opacity:1}.preview-pane{background:#e7dfd2}.preview-scroll{flex:1;min-height:0;overflow:auto;padding:22px clamp(14px,2vw,30px) 40px;scroll-behavior:smooth}.rendered-document{background:var(--sheet);min-height:100%;max-width:780px;margin:0 auto;padding:clamp(24px,3.2vw,49px) clamp(24px,3.4vw,52px);box-shadow:0 3px 14px rgba(66,50,31,.045);color:#33313a;font:14px/1.85 var(--serif);overflow-wrap:anywhere}.rendered-document h1,.rendered-document h2,.rendered-document h3,.rendered-document h4,.rendered-document h5,.rendered-document h6{font-family:var(--serif);font-weight:normal;line-height:1.16;letter-spacing:-.035em;color:#252530;scroll-margin-top:25px}.rendered-document h1{font-size:2.55em;margin:0 0 .6em;padding-bottom:.46em;border-bottom:1px solid #e6ddd0}.rendered-document h2{font-size:1.72em;margin:1.65em 0 .55em}.rendered-document h3{font-size:1.34em;margin:1.45em 0 .45em}.rendered-document h4{font-size:1.12em;margin:1.3em 0 .4em}.rendered-document h5,.rendered-document h6{font:800 .76em/1.5 var(--sans);letter-spacing:.11em;text-transform:uppercase;margin:1.5em 0 .55em}.rendered-document p{margin:.75em 0}.rendered-document>p:first-child{margin-top:0}.rendered-document strong{font-weight:700;color:#282732}.rendered-document em{color:#635052}.rendered-document a{color:#b5412e;text-decoration:underline;text-decoration-color:#e5b6a5;text-underline-offset:3px}.rendered-document a:hover{color:#792e23}.rendered-document blockquote{border-left:3px solid var(--orange);background:#f7eee2;margin:1.3em 0;padding:.7em 1em;color:#756960}.rendered-document blockquote p:first-child{margin-top:0}.rendered-document blockquote p:last-child{margin-bottom:0}.rendered-document ul,.rendered-document ol{padding-left:1.45em;margin:.8em 0}.rendered-document li{padding-left:.18em;margin:.3em 0}.rendered-document li::marker{color:#d25a40}.rendered-document ul.task-list{list-style:none;padding-left:.2em}.rendered-document .task-list-item{list-style:none;display:flex;align-items:flex-start;gap:.55em}.rendered-document input[type=checkbox]{accent-color:var(--orange);margin:.43em 0 0;flex:0 0 auto;width:13px;height:13px}.rendered-document hr{border:0;border-top:1px solid #dcd1c2;margin:2em 0}.rendered-document img{max-width:100%;height:auto;display:block;margin:1.2em auto;border-radius:2px}.rendered-document figure{margin:1.25em 0}.rendered-document figcaption{font:italic .82em var(--serif);text-align:center;color:#93867a}.rendered-document table{border-collapse:collapse;width:100%;font:12px/1.65 var(--sans);margin:1.25em 0;display:block;overflow-x:auto;max-width:100%}.rendered-document th,.rendered-document td{padding:8px 10px;border:1px solid #e1d6c7;text-align:left;min-width:70px}.rendered-document th{background:#f0e7da;font-size:10px;font-weight:800;color:#5e534a}.rendered-document tr:nth-child(even) td{background:#fcf6ec}.rendered-document code:not([class*=language-]){background:#efe6d9;border:1px solid #e5d9c8;padding:.12em .35em;border-radius:2px;font: .85em var(--mono);color:#9e3e2d}.rendered-document pre{position:relative;background:#252731!important;color:#f2eadf!important;padding:32px 18px 17px;margin:1.3em 0;border-radius:2px;overflow:auto;border:1px solid #3b3d49;font:11px/1.75 var(--mono);text-shadow:none!important}.rendered-document pre:before{content:attr(data-language);position:absolute;top:11px;left:15px;font:800 7px var(--sans);letter-spacing:.15em;color:#a6a5ad;text-transform:uppercase}.rendered-document pre code{font:inherit;text-shadow:none!important;color:inherit;background:transparent!important;border:0;padding:0;white-space:pre}.rendered-document .code-copy{position:absolute;right:8px;top:6px;background:#393b47;color:#c6c3bb;border:1px solid #4b4d58;border-radius:2px;padding:4px 7px;font:8px var(--sans);cursor:pointer}.rendered-document .code-copy:hover{background:#4a4c58;color:white}.rendered-document .code-copy.copied{color:#f2bf7a}.rendered-document .code-topline{position:absolute;top:0;left:0;right:0;height:26px;background:#2e303b;border-bottom:1px solid #454751}.rendered-document .code-topline:before{content:'●  ●  ●';letter-spacing:3px;color:#8d8c93;font-size:8px;position:absolute;left:11px;top:6px}.rendered-document .admonition{margin:1em 0;border:1px solid #e2cdb7;background:#fbf1e4;padding:12px 14px;border-radius:2px}.rendered-document .admonition strong{color:var(--orange)}.rendered-document details{border:1px solid #e4d9ca;margin:1em 0;padding:9px 13px;background:#fcf6ec}.rendered-document summary{cursor:pointer;font-weight:bold}.rendered-document .wiki-missing{color:#a79b8e;text-decoration:underline dotted}.rendered-document .wiki-link{color:#a7412d;border-bottom:1px dashed #d9a18f;cursor:pointer}.rendered-document .empty-preview{text-align:center;padding:70px 15px;color:#b1a594}.rendered-document .empty-preview span{display:block;font-size:30px;color:var(--orange);margin-bottom:10px}.rendered-document pre code .token.comment,.rendered-document pre code .token.prolog,.rendered-document pre code .token.doctype,.rendered-document pre code .token.cdata{color:#9697a1}.rendered-document pre code .token.punctuation{color:#c5c3c5}.rendered-document pre code .token.property,.rendered-document pre code .token.tag,.rendered-document pre code .token.constant,.rendered-document pre code .token.symbol,.rendered-document pre code .token.deleted{color:#ef9a83}.rendered-document pre code .token.boolean,.rendered-document pre code .token.number{color:#e7c27b}.rendered-document pre code .token.selector,.rendered-document pre code .token.attr-name,.rendered-document pre code .token.string,.rendered-document pre code .token.char,.rendered-document pre code .token.builtin,.rendered-document pre code .token.inserted{color:#acd4bd}.rendered-document pre code .token.operator,.rendered-document pre code .token.entity,.rendered-document pre code .token.url{color:#c4c9fc}.rendered-document pre code .token.atrule,.rendered-document pre code .token.attr-value,.rendered-document pre code .token.keyword{color:#c3b8ff}.rendered-document pre code .token.function,.rendered-document pre code .token.class-name{color:#84cce4}.rendered-document pre code .token.regex,.rendered-document pre code .token.important,.rendered-document pre code .token.variable{color:#f4b2cc}.rendered-document .footnote-ref,.rendered-document .footnote-backref{font-size:.8em;color:#c14b34}.rendered-document .table-wrap{overflow-x:auto}.rendered-document .mermaid-placeholder{font:11px var(--mono);padding:12px;background:#f3e9dc;color:#67584b}.rendered-document .raw-html-note{font:10px var(--sans);color:#927f6f}.editor-statusbar{height:30px;flex:0 0 30px;background:#e6ddcf;border-top:1px solid #d6cbbb;display:flex;align-items:center;justify-content:space-between;padding:0 13px;gap:15px;color:#8e8173;font-size:8px}.status-left,.status-right{display:flex;align-items:center;gap:10px;min-width:0}.status-left>span:nth-last-child(1){white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:240px}.status-left #statusSaveState{display:flex;align-items:center;gap:6px;white-space:nowrap}.status-divider{height:12px;width:1px;background:#d0c4b3}.status-right{white-space:nowrap}.status-right button{border:0;background:transparent;color:#7e7265;font-size:9px;padding:4px 3px}.status-right button:hover{color:var(--orange)}.status-right kbd{font:8px var(--mono);border:1px solid #ccbda9;border-radius:2px;padding:2px 3px}.inspector-panel{background:#eee7db;border-left:1px solid #d7cdbd;min-width:0;min-height:0;display:flex;flex-direction:column;overflow:hidden}.inspector-heading{padding:22px 15px 15px;display:flex;align-items:flex-end;justify-content:space-between}.inspector-heading h2{font:normal 25px/.95 var(--serif);letter-spacing:-.04em;margin:0}.inspector-heading>button{height:23px;width:23px;border:1px solid #d1c4b2;background:transparent;color:#8f8170;font-size:16px}.inspector-heading>button:hover{background:#fff8ed;color:var(--orange)}.inspector-tabs{display:flex;gap:14px;padding:0 16px;border-bottom:1px solid #d9cfc0}.inspector-tabs button{border:0;background:transparent;padding:10px 0;font-size:9px;color:#928678;border-bottom:2px solid transparent}.inspector-tabs button.active{border-bottom-color:var(--orange);color:#2f2d33;font-weight:800}.inspector-tabs button span{font-size:8px;margin-left:4px;color:#b3a291}.inspector-view{flex:1;min-height:0;overflow:auto;padding:0 13px 20px}.inspector-section-head{display:flex;justify-content:space-between;padding:18px 3px 11px;font-size:8px;letter-spacing:.13em;color:#9c8e7e;font-weight:900}.inspector-section-head span:last-child{color:var(--orange);font-size:11px}.document-outline{padding:0 0 10px}.outline-empty{font:italic 13px/1.65 var(--serif);color:#a69a8d;padding:10px 6px}.outline-item{display:block;width:100%;text-align:left;padding:8px 7px 8px 9px;border:0;border-left:2px solid transparent;background:transparent;border-radius:0 2px 2px 0;font:10px/1.5 var(--sans);color:#777067;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.outline-item[data-level="2"]{padding-left:20px}.outline-item[data-level="3"]{padding-left:31px;font-size:9px}.outline-item[data-level="4"],.outline-item[data-level="5"],.outline-item[data-level="6"]{padding-left:41px;font-size:9px}.outline-item:hover{background:#e6ddcf;color:var(--text)}.outline-item.active{border-left-color:var(--orange);background:#e3d8c8;color:#292730;font-weight:800}.outline-tip{margin:19px 4px;padding:12px 11px;display:flex;gap:8px;background:#e6ddcf;border:1px solid #dbcfbe}.outline-tip>span{font-size:15px;color:var(--orange)}.outline-tip p{font:italic 11px/1.55 var(--serif);color:#8b7f72;margin:0}.details-card{padding:13px 12px;margin:0 0 8px;background:#f5eee3;border:1px solid #ded3c3}.details-card label{display:block;font-size:9px;font-weight:800;color:#514a43;margin-bottom:7px}.details-card input,.details-card textarea{width:100%;border:1px solid #d9cdbd;background:#fffaf1;padding:8px;font-size:10px;outline:none;color:#403b38;border-radius:2px;resize:vertical}.details-card input:focus,.details-card textarea:focus{border-color:#d97c65;box-shadow:0 0 0 2px rgba(223,88,61,.08)}.details-card p{font-size:8px;line-height:1.6;color:#a09181;margin:7px 0 0}.details-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;padding:15px 2px}.details-metrics>div{display:flex;flex-direction:column;gap:7px;border-right:1px solid #d9cfc0}.details-metrics>div:last-child{border-right:0}.details-metrics span{font-size:7px;letter-spacing:.13em;color:#9f9080}.details-metrics b{font:normal 18px var(--serif);color:#39343a}.inspector-save{display:flex;align-items:center;justify-content:space-between;width:100%;background:var(--ink);color:#fff5e6;border:0;border-radius:2px;padding:10px 12px;font-size:9px;font-weight:800}.inspector-save span{color:var(--gold)}.inspector-save:hover{background:var(--orange)}.frontmatter-note{margin-top:16px;border-top:1px solid #d8cdbd;padding:17px 4px 5px}.frontmatter-note b{font-size:10px;color:#5e5145}.frontmatter-note p{font-size:9px;line-height:1.7;color:#948576}.frontmatter-note button{border:1px solid #d1c2b0;background:transparent;color:#7c6c5b;padding:8px 9px;font-size:9px;width:100%;text-align:left}.frontmatter-note button:hover{background:#fff7ed}.inspector-footer{display:flex;align-items:center;gap:9px;padding:13px 14px;border-top:1px solid #d8cebf;background:#e6dece}.inspector-mark{display:grid;place-items:center;width:28px;height:28px;background:var(--ink);color:var(--orange);font-size:10px;font-weight:900}.inspector-footer>div{display:flex;flex-direction:column;gap:4px;min-width:0}.inspector-footer b{font-size:9px;color:#665b50}.inspector-footer small{font-size:8px;color:#a09282}.mobile-backdrop{position:fixed;z-index:30;inset:64px 0 0;background:rgba(26,25,28,.4);backdrop-filter:blur(2px)}.toast-region{position:fixed;right:18px;bottom:43px;z-index:100;display:flex;flex-direction:column;gap:8px;pointer-events:none}.toast{display:flex;align-items:flex-start;gap:10px;max-width:min(360px,calc(100vw - 32px));padding:12px 14px;background:#242630;color:#f8f1e4;border:1px solid #444651;box-shadow:0 12px 30px rgba(0,0,0,.2);font-size:10px;line-height:1.6;animation:toast-in .18s ease-out}.toast:before{content:'•';font-size:15px;color:var(--gold)}.toast.error:before{color:#f08068}.toast.success:before{color:#a9d4bb}@keyframes toast-in{from{transform:translateY(5px);opacity:0}to{transform:translateY(0);opacity:1}}.studio-dialog{border:1px solid #d7c8b5;padding:0;background:#f5eee2;color:var(--text);width:min(680px,calc(100vw - 32px));max-height:min(90vh,850px);overflow:auto;box-shadow:0 30px 100px rgba(22,22,28,.28);border-radius:3px}.studio-dialog::backdrop{background:rgba(26,25,30,.58);backdrop-filter:blur(3px)}.studio-dialog form{padding:25px}.dialog-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;padding:25px 25px 20px;border-bottom:1px solid #ddd0be}.dialog-head h2{font:normal 31px/1 var(--serif);letter-spacing:-.035em;margin:0;color:#2c2930}.dialog-head .micro-label{margin-bottom:8px}.dialog-close{width:28px;height:28px;background:transparent;border:1px solid #d3c4b2;color:#928170;font-size:18px;line-height:1}.dialog-close:hover{background:#fff8ed;color:var(--orange)}.field-label{display:block;font-size:9px;font-weight:800;color:#716459;margin:17px 0 7px}.dialog-input{height:40px;width:100%;padding:0 11px;background:#fffaf1;border:1px solid #d9cbbb;font-size:12px;border-radius:2px;color:#342f31;outline:none}.dialog-input:focus{border-color:#d97b65;box-shadow:0 0 0 3px rgba(223,88,61,.08)}.template-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}.template-choice{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:7px;padding:12px;background:#f9f2e7;border:1px solid #ded1c0;text-align:left;min-height:111px;border-radius:2px}.template-choice:hover{border-color:#ce9a87}.template-choice.active{border-color:var(--orange);background:#f6e5dc;box-shadow:inset 0 0 0 1px var(--orange)}.template-choice.active:after{content:'✓';position:absolute;right:9px;top:8px;color:var(--orange);font-size:10px;font-weight:bold}.template-icon{height:24px;min-width:25px;display:grid;place-items:center;background:#e7ded0;color:var(--orange);font-weight:900;font-size:10px;padding:0 5px}.template-choice b{font-size:10px;color:#3e3734}.template-choice small{font-size:9px;color:#97887a;line-height:1.4}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;padding:19px 25px 24px}.dialog-actions .button-quiet,.button-quiet{border:1px solid #d0c1b0;background:transparent;padding:10px 13px;font-size:10px;color:#75675b;border-radius:2px}.button-quiet:hover{background:#fff8ec}.button-primary{border:1px solid var(--orange);background:var(--orange);color:#fff8ee;padding:10px 14px;font-size:10px;font-weight:800;border-radius:2px}.button-primary span{padding-left:18px}.button-primary:hover{background:#c84932}.compact-dialog{width:min(500px,calc(100vw - 32px))}.compact-dialog .dialog-head{padding:24px 24px 18px}.compact-dialog .dialog-copy{padding:0 24px;font-size:11px;line-height:1.9;color:#75685a}.compact-dialog .storage-facts{margin:0 24px;padding:12px;background:#ece2d3;border:1px solid #dcd0be}.storage-facts>div{display:flex;justify-content:space-between;gap:15px;padding:9px 0;border-bottom:1px solid #d8cbb9;font-size:9px}.storage-facts>div:last-child{border-bottom:0}.storage-facts span{font-size:8px;color:#9a8a78;letter-spacing:.13em}.storage-facts b{font-size:9px;color:#54483d;text-align:right}.command-dialog{width:min(620px,calc(100vw - 32px))}.command-head{display:flex;align-items:center;gap:11px;padding:15px;background:#fffaf1;border-bottom:1px solid #e0d3c2}.command-glyph{display:grid;place-items:center;width:28px;height:28px;background:var(--ink);color:var(--gold);font:700 15px var(--sans)}.command-head input{border:0;outline:none!important;background:transparent;flex:1;min-width:0;font:normal 17px var(--serif);color:#29262b}.command-head input::placeholder{color:#b0a394}.command-head>kbd{font:8px var(--mono);color:#9a8c7c;border:1px solid #d9cdbd;padding:3px 5px;border-radius:2px}.command-list{max-height:365px;overflow:auto;padding:7px;background:#f5eee2}.command-section-label{padding:9px 9px 6px;font-size:8px;letter-spacing:.15em;color:#a0907d;font-weight:900}.command-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 9px;background:transparent;border:1px solid transparent;text-align:left;border-radius:2px}.command-item:hover,.command-item.active{background:#e9dfd0;border-color:#dacbb7}.command-item-icon{display:grid;place-items:center;height:28px;width:28px;flex:0 0 28px;background:#e9dfd0;color:var(--orange);font-size:12px}.command-item.active .command-item-icon,.command-item:hover .command-item-icon{background:#f6dfd4}.command-item-text{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}.command-item-text b{font-size:10px;color:#443b35}.command-item-text small{font-size:8px;color:#998a79;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.command-item>kbd{font:8px var(--mono);color:#988878;border:1px solid #d7c9b7;padding:3px 5px;border-radius:2px}.command-empty{padding:24px 12px;text-align:center;color:#9a8a78;font:italic 14px var(--serif)}.command-footer{border-top:1px solid #dfd2c0;padding:10px 14px;display:flex;justify-content:space-between;gap:8px;background:#f8f1e5;color:#978979;font-size:8px}.command-footer kbd{font:8px var(--mono);border:1px solid #d5c7b6;padding:2px 4px;border-radius:2px}.shortcut-list{padding:10px 24px 0}.shortcut-list>div{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:10px 0;border-bottom:1px solid #e1d5c5;font-size:10px;color:#64584c}.shortcut-list kbd{font:8px var(--mono);background:#eae0d1;border:1px solid #d6c8b6;color:#817362;padding:5px 7px;border-radius:2px;white-space:nowrap}.dialog-footnote{padding:0 24px;font-size:9px;line-height:1.7;color:#a09180}.compact-dialog>.dialog-actions{padding-top:10px}.compact-dialog>.field-label,.compact-dialog>.dialog-input{margin-left:24px;width:calc(100% - 48px)}.compact-dialog>.field-label{margin-top:22px}.compact-dialog>.dialog-input{height:38px}.template-choice:focus-visible{outline-offset:1px}.app-shell.theme-dark{--paper:#242630;--paper-2:#2c2e38;--paper-3:#353741;--sheet:#2c2e38;--sheet-2:#292b34;--text:#eae3d8;--line:#454650;background:#242630;color:#eae3d8}.theme-dark .app-layout,.theme-dark .editor-stage{background:#242630}.theme-dark .library-panel,.theme-dark .inspector-panel{background:#2c2e38;border-color:#444650}.theme-dark .library-topline h1,.theme-dark .doc-title-input-wrap>input,.theme-dark .inspector-heading h2{color:#f0e7db}.theme-dark .library-search,.theme-dark .details-card,.theme-dark .library-empty button,.theme-dark .library-bottom button,.theme-dark .inspector-save+.frontmatter-note button{background:#353742;border-color:#484a56;color:#d4cabc}.theme-dark .library-search input,.theme-dark .document-row-copy b,.theme-dark .details-card input,.theme-dark .details-card textarea{color:#ece3d7}.theme-dark .document-row.selected,.theme-dark .filter-chip.active{background:#3b3b44;border-color:#58505a}.theme-dark .document-row:hover,.theme-dark .folder-row:hover,.theme-dark .folder-row.active{background:#393a45}.theme-dark .document-row-copy b{color:#e6ded2}.theme-dark .document-file-icon{background:#3d3a42;border-color:#62504d}.theme-dark .library-bottom,.theme-dark .storage-note,.theme-dark .inspector-footer,.theme-dark .inspector-tabs{border-color:#464852;background:#282a34}.theme-dark .storage-note b,.theme-dark .inspector-footer b{color:#d0c6b8}.theme-dark .storage-note small,.theme-dark .inspector-footer small,.theme-dark .doc-subtitle{color:#a99b8b}.theme-dark .document-bar,.theme-dark .editor-toolbar,.theme-dark .pane-heading,.theme-dark .editor-bottomline,.theme-dark .editor-statusbar{background:#2b2d37;border-color:#41434e}.theme-dark .work-surface{background:#292b35}.theme-dark .source-editor-wrap{background:#292b35}.theme-dark .source-editor-wrap textarea{color:#e7dfd4}.theme-dark .line-gutter{background:#262832;border-color:#393b45;color:#777982}.theme-dark .preview-pane{background:#23252e}.theme-dark .rendered-document{background:#33343e;color:#ddd5cb}.theme-dark .rendered-document h1,.theme-dark .rendered-document h2,.theme-dark .rendered-document h3,.theme-dark .rendered-document h4,.theme-dark .rendered-document strong{color:#f1e7da}.theme-dark .rendered-document blockquote{background:#3b3540}.theme-dark .rendered-document th{background:#3b3c47;color:#ded5c9}.theme-dark .rendered-document td{border-color:#4b4b55}.theme-dark .rendered-document tr:nth-child(even) td{background:#383944}.theme-dark .rendered-document code:not([class*=language-]){background:#45414a;color:#f29d84;border-color:#5a4b4c}.theme-dark .rendered-document .wiki-missing{color:#948b9a}.theme-dark .rendered-document .admonition,.theme-dark .rendered-document details{background:#3a3741;border-color:#514854}.theme-dark .view-switcher{background:#242630;border-color:#444650}.theme-dark .view-switcher button.active{background:#42434e;color:#f7eee0}.theme-dark .format-group button{color:#d0c5b8}.theme-dark .format-group button:hover,.theme-dark .subtle-action:hover,.theme-dark .subtle-action.active{background:#3e404b;border-color:#4e505a;color:#fff1df}.theme-dark .status-right button,.theme-dark .pane-heading-actions button{color:#a89b8d}.theme-dark .details-card input,.theme-dark .details-card textarea{background:#262832;border-color:#50515b}.theme-dark .outline-item{color:#b2a89b}.theme-dark .outline-item:hover,.theme-dark .outline-item.active,.theme-dark .outline-tip{background:#3b3c47;border-color:#55505a}.theme-dark .outline-tip p{color:#c2b6a7}.theme-dark .outline-item.active{border-left-color:var(--orange);color:#fff0dc}.theme-dark .details-metrics b,.theme-dark .details-card label{color:#e6dacb}.theme-dark .studio-dialog{background:#2d2f39;color:#eee3d6;border-color:#4f4d56}.theme-dark .dialog-head h2{color:#eee3d6}.theme-dark .dialog-head,.theme-dark .storage-facts>div,.theme-dark .shortcut-list>div{border-color:#4a4a54}.theme-dark .dialog-input,.theme-dark .command-head,.theme-dark .command-head input{background:#343640;color:#eee3d6;border-color:#55535b}.theme-dark .template-choice,.theme-dark .command-list{background:#33343e;border-color:#4a4b54}.theme-dark .template-choice.active{background:#46353a;border-color:var(--orange)}.theme-dark .template-choice b,.theme-dark .command-item-text b{color:#eee0cf}.theme-dark .template-choice small,.theme-dark .command-item-text small{color:#afa091}.theme-dark .command-item:hover,.theme-dark .command-item.active,.theme-dark .command-item-icon{background:#42424d;border-color:#55535d}.theme-dark .command-footer,.theme-dark .storage-facts{background:#262832;border-color:#4d4c56}.theme-dark .storage-facts b,.theme-dark .shortcut-list>div{color:#e0d2c1}.theme-dark .shortcut-list kbd,.theme-dark .command-item>kbd{background:#41424d;border-color:#5a5962;color:#c3b4a1}.theme-dark .dialog-copy,.theme-dark .dialog-footnote,.theme-dark .compact-dialog .dialog-copy{color:#b9aa98}
@media(max-width:1250px){.app-layout{grid-template-columns:245px minmax(0,1fr) 220px}.app-brand{flex-basis:220px}.app-topbar{gap:15px}.document-bar{padding:0 17px}.editor-toolbar{padding:0 11px;gap:7px}.pane-heading{padding:0 11px}.preview-scroll{padding:16px}.rendered-document{padding:27px}.subtle-action{padding:0 6px}.document-bar-actions{gap:2px}}
@media(max-width:1020px){.app-layout{grid-template-columns:238px minmax(0,1fr) 0}.inspector-panel{display:none}.inspector-panel.inspector-open{display:flex;position:absolute;right:0;top:0;bottom:0;width:270px;z-index:18;box-shadow:-15px 0 35px rgba(40,30,21,.12)}.app-brand{flex-basis:200px}.topbar-current{max-width:24vw}.doc-subtitle{font-size:7px}.document-bar{gap:6px}.document-bar-actions .subtle-action span{display:none}.editor-toolbar{gap:5px}.format-group button{min-width:25px}}
@media(max-width:760px){html,body{overflow:hidden}.app-topbar{height:58px;flex-basis:58px;padding:0 12px;gap:10px}.app-brand{flex:0 0 auto;gap:8px}.brand-name{font-size:8px}.brand-name small{display:none}.brand-bars{transform:scale(.86);transform-origin:left center;width:20px}.topbar-center{gap:6px}.topbar-breadcrumb,.topbar-slash{display:none}.topbar-current{max-width:29vw;font-size:9px}.save-pulse{font-size:0;margin-left:0}.save-pulse i{width:6px;height:6px}.top-icon-button{height:29px;min-width:28px}.top-primary{height:30px;padding:0 8px;font-size:9px}.top-primary span{margin-left:7px}.mobile-only{display:inline-flex}.app-layout{grid-template-columns:0 minmax(0,1fr) 0!important}.editor-stage{grid-column:2}.library-panel{display:none}.library-panel.mobile-open{display:flex;position:fixed;z-index:35;left:0;top:58px;bottom:0;width:min(310px,88vw);box-shadow:14px 0 35px rgba(25,20,16,.16)}.inspector-panel{display:none!important}.inspector-panel.inspector-open{display:flex!important;position:fixed;width:min(300px,88vw);top:58px;bottom:0;right:0;z-index:35;box-shadow:-14px 0 35px rgba(25,20,16,.16)}.editor-stage{width:100%;min-width:0}.document-bar{height:66px;flex-basis:66px;padding:0 12px}.document-type-icon{height:34px;width:29px;flex-basis:29px}.doc-title-group{gap:8px}.doc-title-input-wrap>input{font-size:18px}.doc-subtitle{gap:5px;margin-top:5px}.doc-subtitle #documentModifiedLabel,.doc-subtitle .mini-dot:nth-of-type(2){display:none}.document-bar-actions .subtle-action{display:none}.document-bar-actions .icon-action{height:26px;width:25px}.editor-toolbar{height:42px;flex-basis:42px;padding:0 9px;gap:5px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.editor-toolbar::-webkit-scrollbar{display:none}.format-group{flex:0 0 auto}.format-group button{min-width:25px;height:26px}.toolbar-separator{flex:0 0 1px}.toolbar-spacer{min-width:3px}.view-switcher{flex:0 0 auto}.view-switcher button{min-width:35px;height:22px;padding:0 6px}.work-surface{grid-template-columns:minmax(0,1fr) 0 minmax(0,0fr)}.work-surface.view-split{grid-template-columns:minmax(0,1fr) 0 minmax(0,0fr)}.work-surface.view-split .pane-resizer,.work-surface.view-split .preview-pane{display:none}.view-switcher button[data-view="split"]{display:none}.pane-heading{height:32px;flex-basis:32px}.source-editor-wrap textarea{padding:15px 15px 30px 12px;font-size:11px;line-height:1.8}.line-gutter{padding:16px 9px 20px;width:34px;flex-basis:34px;font-size:10px}.editor-bottomline{height:25px;flex-basis:25px}.preview-scroll{padding:10px}.rendered-document{padding:27px 22px;font-size:13px}.editor-statusbar{height:27px;flex-basis:27px;padding:0 8px}.status-left>span:nth-last-child(1),.status-divider,.status-right #statusCharCount,.status-right #statusReadingTime{display:none}.status-right{gap:8px}.status-right button span{display:none}.find-replace-panel{padding:8px;flex-wrap:wrap;gap:6px}.find-field{flex:1 1 130px}.find-actions{flex:1 1 100%;justify-content:flex-end}.find-actions button{min-width:33px}.preview-pane{min-width:0}.toast-region{bottom:36px;right:9px}.template-grid{grid-template-columns:repeat(2,1fr)}.studio-dialog form{padding:18px}.dialog-head{padding:20px 18px 17px}.dialog-actions{padding:16px 18px 18px}.compact-dialog .dialog-head{padding:20px 18px 16px}.compact-dialog .dialog-copy{padding:0 18px}.compact-dialog .storage-facts{margin:0 18px}.compact-dialog>.dialog-actions{padding:10px 18px 18px}.shortcut-list{padding:10px 18px 0}.dialog-footnote{padding:0 18px}}
@media(max-width:410px){.topbar-current{max-width:22vw}.document-type-icon{display:none}.doc-title-input-wrap>input{font-size:17px}.document-bar{padding:0 10px}.toolbar-separator{display:none}.editor-toolbar{gap:3px;padding:0 6px}.format-group button{min-width:23px;padding:0 3px}.status-left{gap:6px}.status-right{gap:5px}.status-right #statusWordCount{display:none}.template-grid{gap:6px}.template-choice{min-height:100px;padding:9px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}


/* Stage 3 polish: dark-only editorial workspace, accessible contrast, and true empty states. */
.theme-dark { color-scheme: dark; }
.theme-dark .library-panel { background:#20222b; border-color:#3d404b; }
.theme-dark .library-topline h1 { color:#f2e8d9; }
.theme-dark .library-topline h1 span { color:#d0bda5; border-color:#454752; }
.theme-dark .micro-label,.theme-dark .folder-heading,.theme-dark .document-list-heading { color:#a89c8d; }
.theme-dark .library-search { background:#292b35; border-color:#454752; color:#b0a393; }
.theme-dark .library-search input { color:#f0e5d5; }
.theme-dark .library-search input::placeholder { color:#928b84; }
.theme-dark .library-search kbd { color:#beb2a3; border-color:#4b4d58; }
.theme-dark .filter-chip { color:#b5a99a; }
.theme-dark .filter-chip.active { background:#353741; border-color:#51535e; color:#f4eadb; }
.theme-dark .filter-chip:hover { border-color:#66616a; }
.theme-dark .folder-heading { border-color:#41434e; }
.theme-dark .folder-row { color:#c0b4a6; }
.theme-dark .folder-row.active { background:#383944; color:#fff0df; }
.theme-dark .folder-row:hover { background:#2c2e38; }
.theme-dark .folder-row .folder-count,.theme-dark .document-list-heading>span:last-child { color:#9d9286; }
.theme-dark .document-row:hover { background:#2c2e38; }
.theme-dark .document-row.selected { background:#35333b; border-color:#51505a; }
.theme-dark .document-row-copy b,.theme-dark .document-row.selected .document-row-copy b { color:#f0e6d8; }
.theme-dark .document-row-copy small { color:#a79a8a; }
.theme-dark .document-file-icon { background:#34313a; border-color:#504a53; }
.theme-dark .document-file-icon:after { border-color:transparent #252730 transparent transparent; }
.theme-dark .doc-pin,.theme-dark .doc-more { color:#aaa092; }
.theme-dark .doc-pin:hover,.theme-dark .doc-more:hover { background:#41414c; color:#fff0df; }
.theme-dark .document-context-menu { background:#2c2e38; border-color:#4a4c57; box-shadow:0 14px 32px rgba(0,0,0,.35); }
.theme-dark .document-context-menu button { color:#e0d5c6; }
.theme-dark .document-context-menu button:hover { background:#3c3e49; color:#fff2e2; }
.theme-dark .library-empty { color:#b0a496; }
.theme-dark .library-empty b { color:#f1e6d7; }
.theme-dark .library-empty-actions { display:flex; justify-content:center; gap:6px; flex-wrap:wrap; }
.theme-dark .library-empty button { background:#343640; border-color:#50525e; color:#eee3d5; border-radius:3px; }
.theme-dark .library-empty button:hover { border-color:var(--orange); }
.theme-dark .library-empty .sample-link { display:inline-block; margin-top:10px; color:#f08b72; font-size:10px; text-decoration:underline; text-underline-offset:3px; }
.theme-dark .library-bottom { background:#20222b; border-color:#41434e; }
.theme-dark .library-bottom button { background:#292b35; border-color:#464852; color:#d6cabc; }
.theme-dark .library-bottom button:hover { background:#363842; border-color:#6a5d5a; color:#fff1df; }
.theme-dark .storage-note { background:#20222b; border-color:#41434e; }
.theme-dark .storage-note b { color:#e8ddcf; }
.theme-dark .storage-note small { color:#a89b8a; }
.theme-dark .storage-note button { background:#30323c; border-color:#4b4d57; color:#d1c3b1; }
.theme-dark .editor-stage { background:#20222b; }
.theme-dark .document-bar { background:#242630; border-color:#3e404b; }
.theme-dark .doc-title-input-wrap>input { color:#f2e8da; }
.theme-dark .doc-title-input-wrap>input::placeholder { color:#91877d; }
.theme-dark .doc-subtitle { color:#a79a8b; }
.theme-dark .pin-button { color:#b6aa9c; }
.theme-dark .document-bar-actions .subtle-action,.theme-dark .icon-action { color:#bdb1a3; }
.theme-dark .document-bar-actions button:hover { background:#353741; border-color:#4c4e59; }
.theme-dark .find-replace-panel { background:#292b35; border-color:#42444e; }
.theme-dark .find-field input { color:#eee4d6; background:#20222b; border-color:#494b56; }
.theme-dark .editor-toolbar { background:#292b35; border-color:#42444d; }
.theme-dark .format-group button { color:#d9cbb9; }
.theme-dark .format-group button:hover { background:#3b3d48; color:#fff0df; }
.theme-dark .format-group button:disabled { opacity:.4; }
.theme-dark .view-switcher { background:#20222b; border-color:#454752; }
.theme-dark .view-switcher button { color:#b4a89a; }
.theme-dark .view-switcher button.active { background:#41434e; color:#fff0df; }
.theme-dark .work-surface,.theme-dark .editor-pane,.theme-dark .source-editor-wrap { background:#20222b; }
.theme-dark .pane-heading { background:#292b35; border-color:#42444e; color:#a99b8a; }
.theme-dark .source-editor-wrap textarea { color:#eee5d8; caret-color:#f08068; }
.theme-dark .source-editor-wrap textarea::placeholder { color:#777b89; }
.theme-dark .line-gutter { background:#1c1e26; border-color:#353741; color:#737784; }
.theme-dark .editor-bottomline { background:#252731; border-color:#3e404a; color:#9b9083; }
.theme-dark .preview-pane { background:#1b1d25; }
.theme-dark .preview-scroll { background:#1b1d25; }
.theme-dark .rendered-document { background:#252730; color:#e1d8ca; }
.theme-dark .rendered-document h1,.theme-dark .rendered-document h2,.theme-dark .rendered-document h3,.theme-dark .rendered-document h4,.theme-dark .rendered-document h5,.theme-dark .rendered-document h6,.theme-dark .rendered-document strong { color:#f6ebdc; }
.theme-dark .rendered-document h1 { border-color:#444650; }
.theme-dark .rendered-document a { color:#f18b72; }
.theme-dark .rendered-document blockquote { background:#332f39; color:#d2c5b6; border-color:#f08068; }
.theme-dark .rendered-document th { background:#383a45; color:#eee2d1; }
.theme-dark .rendered-document td { border-color:#454752; }
.theme-dark .rendered-document tr:nth-child(even) td { background:#2b2d37; }
.theme-dark .rendered-document code:not([class*=language-]) { background:#3b3842; color:#f6a28c; border-color:#514952; }
.theme-dark .rendered-document pre { background:#171920; border-color:#343640; }
.theme-dark .rendered-document pre code[class*=language-] { color:#e8e0d4; background:transparent; }
.theme-dark .rendered-document .admonition,.theme-dark .rendered-document details { background:#302d36; border-color:#49434e; }
.theme-dark .rendered-document hr { border-color:#464852; }
.theme-dark .editor-statusbar { background:#252731; border-color:#3c3e49; color:#aaa092; }
.theme-dark .status-left i { background:#d5b46e; }
.theme-dark .outline-item { color:#c5b9aa; }
.theme-dark .outline-item:hover,.theme-dark .outline-item.active,.theme-dark .outline-tip { background:#343640; border-color:#4e505a; }
.theme-dark .outline-item.active { color:#fff0df; border-left-color:#f08068; }
.theme-dark .outline-tip p,.theme-dark .outline-empty { color:#b9ad9e; }
.theme-dark .details-card { background:#292b35; border-color:#444650; }
.theme-dark .details-card label,.theme-dark .details-metrics b { color:#e8ddcd; }
.theme-dark .details-card p { color:#a99d90; }
.theme-dark .details-card input,.theme-dark .details-card textarea { background:#20222b; border-color:#4a4c57; color:#eee4d6; }
.theme-dark .details-card input::placeholder,.theme-dark .details-card textarea::placeholder { color:#91887f; }
.theme-dark .inspector-tabs,.theme-dark .inspector-footer { background:#242630; border-color:#42444e; }
.theme-dark .inspector-tabs button { color:#a99d8e; }
.theme-dark .inspector-tabs button.active { color:#f5eadb; border-color:#f08068; }
.theme-dark .frontmatter-note { background:#302d36; border-color:#49434e; }
.theme-dark .frontmatter-note p { color:#bfb2a3; }
.theme-dark .frontmatter-note button,.theme-dark .inspector-save { background:#343640; border-color:#50525e; color:#efe4d6; }
.theme-dark .studio-dialog { background:#252730; color:#eee4d6; border-color:#484a55; box-shadow:0 24px 80px rgba(0,0,0,.55); }
.theme-dark .studio-dialog::backdrop { background:rgba(5,6,10,.76); }
.theme-dark .dialog-head,.theme-dark .storage-facts>div,.theme-dark .shortcut-list>div { border-color:#41434e; }
.theme-dark .dialog-head h2 { color:#f5eadb; }
.theme-dark .field-label { color:#c6b9a8; }
.theme-dark .dialog-input,.theme-dark .command-head,.theme-dark .command-head input { background:#1e2028; color:#efe5d8; border-color:#4c4e59; }
.theme-dark .template-choice,.theme-dark .command-list { background:#2d2f39; border-color:#484a55; color:#e9dfd1; }
.theme-dark .template-choice.active { background:#3a3035; border-color:#f08068; }
.theme-dark .template-choice b,.theme-dark .command-item-text b { color:#f3e7d7; }
.theme-dark .template-choice small,.theme-dark .command-item-text small { color:#b2a596; }
.theme-dark .command-item:hover,.theme-dark .command-item.active { background:#3b3d48; border-color:#50525d; }
.theme-dark .command-item-icon { background:#3a3c46; border-color:#50525d; }
.theme-dark .command-footer,.theme-dark .storage-facts { background:#1d1f27; border-color:#42444e; color:#bcb0a1; }
.theme-dark .storage-facts b,.theme-dark .shortcut-list>div { color:#e4d7c6; }
.theme-dark .shortcut-list kbd,.theme-dark .command-item>kbd { background:#383a44; border-color:#50525d; color:#d0c1ae; }
.theme-dark .dialog-copy,.theme-dark .dialog-footnote { color:#c0b3a3; }
.theme-dark .toast { background:#292b35; border-color:#4c4e59; color:#f3e8d9; }
.theme-dark .toast.success { border-left-color:#7fb7a0; }
.theme-dark .toast.error { border-left-color:#f08068; }
.theme-dark :focus-visible { outline-color:#f3b09b; }
.empty-preview { min-height:100%; display:flex; flex-direction:column; align-items:flex-start; justify-content:center; max-width:520px; margin:0 auto; padding:clamp(28px,5vw,64px); color:#e7ddcf; }
.empty-preview-mark { display:grid; place-items:center; width:44px; height:54px; margin-bottom:26px; border:1px solid #5b4b4c; color:#f08068; background:#2d2a33; font-size:15px; font-weight:800; }
.empty-preview-eyebrow { margin:0 0 12px; color:#e3b76e; font-size:9px; font-weight:800; letter-spacing:.19em; }
.empty-preview h2 { margin:0; max-width:440px; color:#f3e8da; font:normal clamp(28px,3vw,40px)/1.1 var(--serif); letter-spacing:-.04em; }
.empty-preview>p:not(.empty-preview-eyebrow) { max-width:380px; color:#b6aa9b; font-size:12px; line-height:1.8; }
.empty-preview-actions { display:flex; align-items:center; gap:9px; flex-wrap:wrap; margin-top:12px; }
.empty-preview-actions button { padding:10px 12px; border:1px solid #4a4c57; background:#2b2d37; color:#e9dfd1; border-radius:3px; font-size:10px; }
.empty-preview-actions button:hover { border-color:#d87059; }
.empty-preview-actions .empty-primary { background:#df583d; color:#fff7ed; border-color:#df583d; font-weight:800; }
.empty-preview-actions .empty-primary span { padding-left:14px; }
.empty-preview-actions a { color:#f08b72; font-size:10px; text-underline-offset:3px; }
@media(max-width:760px) { .empty-preview { padding:28px 22px; } .empty-preview h2 { font-size:30px; } .empty-preview-actions { align-items:stretch; } }

/* Save state is surfaced once in the editor status bar, not duplicated in the header. */
#saveIndicator { display: none !important; }


/* Final preview/layout correction: each reading mode owns one full-width grid track. */
.work-surface { min-width: 0; }
.work-surface.view-split { grid-template-columns: minmax(0, 1fr) 7px minmax(0, 1fr); }
.work-surface.view-editor,
.work-surface.view-preview { grid-template-columns: minmax(0, 1fr); }
.work-surface.view-editor .preview-pane,
.work-surface.view-editor .pane-resizer,
.work-surface.view-preview .editor-pane,
.work-surface.view-preview .pane-resizer { display: none !important; }
.work-surface.view-editor .editor-pane,
.work-surface.view-preview .preview-pane { grid-column: 1; grid-row: 1; width: 100%; min-width: 0; }
.work-surface.view-split .pane-resizer { display: block; }
.work-surface.view-split .preview-pane,
.work-surface.view-preview .preview-pane { display: flex !important; }
.preview-pane { min-width: 0; min-height: 0; width: 100%; }
.preview-scroll { display: flex; flex: 1 1 auto; align-items: stretch; justify-content: center; width: 100%; min-width: 0; min-height: 0; overflow: auto; overscroll-behavior: contain; }
.preview-scroll > .rendered-document { box-sizing: border-box; flex: 0 0 auto; width: min(100%, 780px); max-width: 780px; min-height: 100%; margin: 0 auto; overflow-wrap: anywhere; }
/* Center glyphs optically: × and other text glyphs should not inherit browser padding. */
.dialog-close,
#closeFindReplace,
#closeInspector,
#clearSearch,
.find-actions button:last-child { display: inline-grid; place-items: center; padding: 0; line-height: 1; text-align: center; vertical-align: middle; }
.dialog-close { flex: 0 0 28px; font-family: Arial, sans-serif; font-size: 20px; }
#closeFindReplace,
#closeInspector { font-family: Arial, sans-serif; font-size: 19px; }
#clearSearch { width: 22px; height: 22px; font-family: Arial, sans-serif; font-size: 17px; }
#clearSearch[hidden] { display: none !important; }
.find-actions button:last-child { font-family: Arial, sans-serif; font-size: 18px; }
@media (max-width: 760px) {
  .work-surface.view-split { grid-template-columns: minmax(0, 1fr); }
  .work-surface.view-split .pane-resizer,
  .work-surface.view-split .preview-pane { display: none !important; }
  .work-surface.view-editor,
  .work-surface.view-preview { grid-template-columns: minmax(0, 1fr); }
  .work-surface.view-preview .preview-pane { display: flex; }
  .work-surface.view-editor .editor-pane { display: flex; }
  .work-surface.view-split .editor-pane,
  .work-surface.view-editor .editor-pane,
  .work-surface.view-preview .preview-pane { grid-column: 1; grid-row: 1; }
  .preview-scroll { padding: 12px; }
  .preview-scroll > .rendered-document { width: 100%; padding: 26px 22px; font-size: 13px; }
}


/* Preview states: stable sheet for rendered Markdown, and a deliberate empty state. */
#workSurface { min-width: 0; min-height: 0; }
#previewPane { display: flex; flex-direction: column; min-width: 0; min-height: 0; overflow: hidden; }
#previewScroll { display: flex; flex: 1 1 auto; align-items: stretch; justify-content: center; min-width: 0; min-height: 0; width: 100%; padding: clamp(12px, 2vw, 26px); overflow: auto; overscroll-behavior: contain; background: #1b1d25; }
#renderedMarkdown { box-sizing: border-box; display: block; flex: 0 0 auto; width: min(100%, 780px); max-width: 780px; min-width: 0; min-height: 100%; margin: 0 auto; padding: clamp(22px, 3vw, 46px); overflow-wrap: anywhere; background: #252730; color: #e1d8ca; box-shadow: 0 6px 24px rgba(0,0,0,.16); }
#renderedMarkdown.is-empty-preview { display: flex; align-items: stretch; justify-content: center; width: 100%; max-width: none; min-height: 100%; margin: 0; padding: 0; overflow: visible; background: transparent; box-shadow: none; }
#renderedMarkdown > .preview-empty-state { box-sizing: border-box; display: flex; flex: 1 1 auto; flex-direction: column; align-items: flex-start; justify-content: center; width: min(100%, 640px); min-width: 0; min-height: 100%; margin: 0 auto; padding: clamp(24px, 4vw, 54px); color: #e7ddcf; text-align: left; }
#renderedMarkdown > .preview-empty-state .preview-empty-mark { display: grid; place-items: center; flex: 0 0 auto; width: 48px; height: 48px; margin: 0 0 24px; border: 1px solid #5b4b4c; border-radius: 10px; color: #f08068; background: #2d2a33; font: 800 15px/1 var(--sans); }
#renderedMarkdown > .preview-empty-state .preview-empty-eyebrow { margin: 0 0 12px; color: #e3b76e; font: 800 10px/1.4 var(--sans); letter-spacing: .16em; }
#renderedMarkdown > .preview-empty-state h2 { max-width: 480px; margin: 0; color: #f3e8da; font: normal clamp(28px, 3vw, 40px)/1.12 var(--serif); letter-spacing: -.035em; }
#renderedMarkdown > .preview-empty-state > p:not(.preview-empty-eyebrow) { max-width: 420px; margin: 14px 0 0; color: #b6aa9b; font: 13px/1.75 var(--sans); }
#renderedMarkdown > .preview-empty-state .preview-empty-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin-top: 24px; }
#renderedMarkdown > .preview-empty-state .preview-empty-actions button { display: inline-flex; align-items: center; justify-content: center; min-height: 38px; padding: 0 14px; border: 1px solid #4a4c57; border-radius: 7px; background: #2b2d37; color: #e9dfd1; font: 600 12px/1 var(--sans); cursor: pointer; }
#renderedMarkdown > .preview-empty-state .preview-empty-actions button:hover { border-color: #d87059; }
#renderedMarkdown > .preview-empty-state .preview-empty-actions .empty-primary { border-color: #df583d; background: #df583d; color: #fff7ed; font-weight: 750; }
#renderedMarkdown > .preview-empty-state .preview-empty-actions .empty-primary span { margin-left: 10px; padding: 0; }
#renderedMarkdown > .preview-empty-state .preview-empty-actions a { color: #f08b72; font: 600 12px/1.4 var(--sans); text-decoration: underline; text-underline-offset: 4px; }
#renderedMarkdown.is-empty-preview > .preview-empty-state { background: transparent; box-shadow: none; }
#previewRenderStatus { white-space: nowrap; }
@media (max-width: 760px) {
  #previewScroll { padding: 10px; }
  #renderedMarkdown:not(.is-empty-preview) { width: 100%; max-width: none; padding: 24px 20px; font-size: 13px; }
  #renderedMarkdown > .preview-empty-state { width: 100%; padding: 28px 20px; }
  #renderedMarkdown > .preview-empty-state h2 { font-size: clamp(27px, 8vw, 34px); }
  #renderedMarkdown > .preview-empty-state .preview-empty-actions { align-items: stretch; }
}


/* Navigation, account menu, collection controls, and visible editor actions. */
.app-layout.inspector-collapsed{grid-template-columns:265px minmax(0,1fr) 0}
.app-layout.inspector-collapsed .inspector-panel{display:none}
.search-launcher{height:36px;min-width:0;display:inline-flex;align-items:center;gap:9px;padding:0 10px;border:1px solid #444651;border-radius:9px;background:#252731;color:#e5ddd1;font-size:11px;font-weight:550;white-space:nowrap;cursor:pointer;transition:background .16s,border-color .16s}
.search-launcher svg{width:15px;height:15px;flex:0 0 15px;fill:none;stroke:#c3b6a5;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.search-launcher:hover{background:#30323c;border-color:#646572;color:#fff3e2}
.search-launcher kbd{margin-left:14px;padding:3px 6px;border:1px solid #4b4d58;border-radius:5px;background:#1c1e26;color:#c4b7a7;font:9px var(--mono)}
.sb-account{position:relative;flex:0 0 auto;font-family:var(--sans);letter-spacing:normal;text-transform:none}
.sb-account-trigger{display:inline-flex;align-items:center;gap:8px;min-height:36px;max-width:220px;padding:3px 8px 3px 4px;border:1px solid #444651;border-radius:9px;background:#252731;color:#f0e6d8;text-align:left;cursor:pointer;transition:background .16s,border-color .16s}
.sb-account-trigger:hover,.sb-account-trigger[aria-expanded="true"]{border-color:#646572;background:#30323c}
.sb-account-avatar{width:28px;height:28px;flex:0 0 28px;display:grid;place-items:center;border-radius:7px;background:rgba(120,216,196,.13);color:#9be9d8;font-size:9px;font-weight:850}
.sb-account-trigger-copy{display:flex;flex-direction:column;gap:1px;min-width:0}
.sb-account-trigger-copy strong{max-width:116px;overflow:hidden;color:#f0e6d8;font-size:10px;font-weight:750;text-overflow:ellipsis;white-space:nowrap}
.sb-account-trigger-copy small{max-width:116px;overflow:hidden;color:#a99e94;font-size:8px;text-overflow:ellipsis;white-space:nowrap}
.sb-account-chevron{width:13px;height:13px;flex:0 0 auto;fill:none;stroke:#aaa49d;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;transition:transform .18s}
.sb-account-trigger[aria-expanded="true"] .sb-account-chevron{transform:rotate(180deg)}
.sb-account-menu{position:absolute;z-index:45;top:calc(100% + 9px);right:0;width:min(310px,calc(100vw - 24px));padding:9px;border:1px solid #4b4d58;border-radius:13px;background:#22242d;box-shadow:0 20px 55px rgba(0,0,0,.42)}
.sb-account-menu[hidden]{display:none}
.sb-account-summary{padding:12px 12px 14px}
.sb-account-summary strong{display:block;color:#f1e7da;font-size:13px;font-weight:750;overflow-wrap:anywhere}
.sb-account-summary p{margin:5px 0 0;color:#b0a497;font-size:11px;line-height:1.65}
.sb-account-actions{display:grid;gap:4px;padding:7px 0 2px;border-top:1px solid rgba(239,226,210,.1)}
.sb-account-action{width:100%;display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:40px;padding:9px 11px;border:1px solid transparent;border-radius:8px;background:transparent;color:#e4dacf;font-size:11px;font-weight:650;text-align:left;cursor:pointer}
.sb-account-action:hover{border-color:rgba(120,216,196,.18);background:rgba(120,216,196,.07)}
.sb-account-action span:last-child{color:#9d968c;font-size:15px}
.sb-account-action:disabled{opacity:.6;cursor:wait}
.sb-account-feedback{margin:9px 5px 4px;color:#b0a497;font-size:11px;line-height:1.6}
.sb-account-feedback[hidden]{display:none}
.workspace-menu-toggle{display:none;width:37px;height:36px;flex:0 0 37px;align-items:center;justify-content:center;flex-direction:column;gap:4px;padding:0;border:1px solid #444651;border-radius:9px;background:#252731;color:#eee4d6;cursor:pointer}
.workspace-menu-toggle:hover,.workspace-menu-toggle[aria-expanded="true"]{border-color:#646572;background:#30323c}
.workspace-menu-toggle span{width:16px;height:1.5px;border-radius:99px;background:currentColor;transition:transform .16s,opacity .16s}
.workspace-menu-toggle[aria-expanded="true"] span:first-child{transform:translateY(5.5px) rotate(45deg)}
.workspace-menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
.workspace-menu-toggle[aria-expanded="true"] span:last-child{transform:translateY(-5.5px) rotate(-45deg)}
.workspace-mobile-menu{position:absolute;z-index:50;top:calc(100% + 7px);right:8px;width:min(320px,calc(100vw - 16px));padding:8px;border:1px solid #4b4d58;border-radius:13px;background:#22242d;box-shadow:0 20px 55px rgba(0,0,0,.42);display:grid;gap:3px}
.workspace-mobile-menu[hidden]{display:none}
.workspace-mobile-menu a,.workspace-mobile-menu button{width:100%;min-height:42px;display:flex;align-items:center;gap:10px;padding:9px 10px;border:1px solid transparent;border-radius:8px;background:transparent;color:#e4dacf;text-align:left;font-size:11px;font-weight:600;cursor:pointer}
.workspace-mobile-menu a:hover,.workspace-mobile-menu button:hover{border-color:rgba(120,216,196,.16);background:rgba(120,216,196,.07)}
.workspace-mobile-menu kbd{margin-left:auto;padding:3px 6px;border:1px solid #4b4d58;border-radius:5px;background:#1c1e26;color:#c4b7a7;font:9px var(--mono)}
.mobile-menu-icon{width:22px;flex:0 0 22px;display:inline-grid;place-items:center;color:#9be9d8;font-size:15px}
.folder-item{position:relative;display:flex;align-items:center;gap:2px;min-width:0;border-radius:5px}
.folder-item .folder-row{width:auto;flex:1;min-width:0}
.folder-row .folder-name{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.folder-more{width:25px;height:27px;flex:0 0 25px;display:grid;place-items:center;padding:0;border:1px solid transparent;border-radius:5px;background:transparent;color:#a99e91;font-size:15px;letter-spacing:1px;opacity:.82}
.folder-more:hover,.folder-more[aria-expanded="true"]{border-color:#4d4f5b;background:#383944;color:#fff0df;opacity:1}
.folder-context-menu{position:absolute;z-index:35;top:calc(100% - 2px);right:2px;width:168px;padding:5px;border:1px solid #4a4c57;border-radius:8px;background:#2c2e38;box-shadow:0 14px 32px rgba(0,0,0,.38)}
.folder-context-menu[hidden]{display:none}
.folder-context-menu button{display:block;width:100%;min-height:34px;padding:8px 9px;border:0;border-radius:5px;background:transparent;color:#e0d5c6;text-align:left;font-size:10px;cursor:pointer}
.folder-context-menu button:hover{background:#3c3e49}
.folder-context-menu .danger-action{color:#ff9d8b}
.folder-item-all .folder-row{width:100%}
.library-bottom button#exportLibraryBackup{grid-column:1/-1}
.library-bottom button#loadSampleButton{color:#d8d0c3;border-color:#5b514f}
.library-bottom button#loadSampleButton span{color:#e2b96c}
.library-empty-primary{margin-top:10px;background:#df583d!important;border-color:#df583d!important;color:#fff7ed!important;font-weight:750}
.library-empty-primary span{padding-left:8px;color:inherit!important}
/* Better input alignment: match counters sit alongside labels, not below their fields. */
.find-replace-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;align-items:end;gap:10px}
.find-field{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto 34px;align-content:end;gap:5px;min-width:0}
.find-field label{grid-column:1;grid-row:1;align-self:center}
.find-field input{grid-column:1/-1;grid-row:2;height:34px;min-height:34px}
.find-field span{grid-column:2;grid-row:1;align-self:center;white-space:nowrap;margin:0;font-size:9px}
.find-actions{display:flex;align-items:center;gap:4px;min-height:34px}
.find-actions button{height:34px;min-width:34px;border-radius:6px;font-size:11px}
.find-actions button:last-child{font-size:19px}
/* Copy and save actions must read as actions, not faint toolbar glyphs. */
.pane-heading-actions button{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:27px;height:27px;min-width:28px;padding:0 8px;border:1px solid #50525e;border-radius:6px;background:#30323c;color:#e2d7c9;font-size:10px;font-weight:650;letter-spacing:0}
.pane-heading-actions button:hover:not(:disabled){background:#41434e;border-color:#757681;color:#fff3e2}
.pane-heading-actions button:disabled{opacity:.4}
.pane-heading-actions .pane-action-label{font-size:10px}
.theme-dark .inspector-save{display:flex;align-items:center;justify-content:space-between;gap:12px;width:calc(100% - 30px);min-height:42px;margin:14px 15px;padding:0 13px;border:1px solid #f08068;border-radius:7px;background:#df583d;color:#fff8ef;font-size:11px;font-weight:800;cursor:pointer}
.theme-dark .inspector-save:hover:not(:disabled){background:#f08068;border-color:#f08068;color:#211e25}
.theme-dark .inspector-save:disabled{background:#393b46;border-color:#50525e;color:#9e958c;opacity:1;cursor:not-allowed}
/* Modals for collection management use the same custom dialog system as document creation. */
#collectionDialog .dialog-copy,#deleteCollectionDialog .dialog-copy{padding:0 24px;color:#b9aa98;font-size:11px;line-height:1.7}
#deleteCollectionDialog .dialog-copy{margin:14px 0 5px}
.button-danger{min-height:37px;padding:0 14px;border:1px solid #e25e4a;border-radius:5px;background:#df583d;color:#fff7ed;font-size:11px;font-weight:800;cursor:pointer}
.button-danger:hover{background:#f08068;border-color:#f08068}
#renderedMarkdown img,#renderedMarkdown video,#renderedMarkdown iframe{max-width:100%}
#renderedMarkdown pre{max-width:100%;overflow:auto;overscroll-behavior:contain}
#renderedMarkdown table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse}
#renderedMarkdown a,#renderedMarkdown code,#renderedMarkdown td,#renderedMarkdown th{overflow-wrap:anywhere}
#previewScroll{align-items:flex-start;padding-bottom:clamp(14px,2vw,26px)}
#renderedMarkdown{height:max-content;min-height:100%;overflow:visible}
#renderedMarkdown.is-empty-preview{height:100%;min-height:100%;overflow:visible}
#renderedMarkdown>.preview-empty-state{align-items:center;text-align:center}
#renderedMarkdown>.preview-empty-state h2,#renderedMarkdown>.preview-empty-state>p:not(.preview-empty-eyebrow){text-align:center}
#renderedMarkdown>.preview-empty-state .preview-empty-actions{justify-content:center}
#renderedMarkdown>.preview-empty-state .preview-empty-mark{margin-bottom:18px}
@media(max-width:1250px){.app-topbar{gap:12px}.app-brand{flex-basis:190px}.search-launcher{gap:7px;padding:0 8px}.search-launcher kbd{margin-left:3px}}
@media(max-width:1020px){.app-brand{flex-basis:180px}.search-launcher>span{display:none}.search-launcher kbd{margin-left:4px}.search-launcher{width:54px;justify-content:center}.search-launcher svg{width:17px;height:17px}.app-layout.inspector-collapsed{grid-template-columns:238px minmax(0,1fr) 0}}
@media(max-width:760px){
  .app-topbar{gap:8px;justify-content:space-between;padding:0 10px}
  .app-brand{flex:0 1 auto;min-width:0;max-width:42vw}
  .brand-name{font-size:8px;letter-spacing:.1em;overflow:hidden;text-overflow:ellipsis}
  .topbar-center{flex:1;min-width:0;justify-content:center}
  .topbar-current{max-width:26vw;font-size:9px}
  .topbar-actions{position:relative;flex:0 0 auto;gap:6px;margin-left:auto}
  .desktop-header-action{display:none!important}
  .workspace-menu-toggle{display:inline-flex}
  .sb-account-trigger{width:36px;min-height:36px;justify-content:center;padding:3px}
  .sb-account-avatar{width:27px;height:27px;flex-basis:27px}
  .sb-account-trigger-copy,.sb-account-chevron{display:none}
  .sb-account-menu{right:-45px;width:min(300px,calc(100vw - 20px))}
  .workspace-mobile-menu{right:0;top:calc(100% + 7px)}
  .app-layout.inspector-collapsed{grid-template-columns:0 minmax(0,1fr) 0!important}
  .find-replace-panel{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end}
  .find-actions{grid-column:1/-1;justify-content:flex-end}
  .library-bottom{grid-template-columns:1fr 1fr}
  .library-bottom button#exportLibraryBackup{grid-column:1/-1}
  #previewScroll{align-items:flex-start;padding:10px}
  #renderedMarkdown.is-empty-preview{height:100%;min-height:100%}
  #renderedMarkdown>.preview-empty-state{min-height:100%;padding:26px 18px;}
  #renderedMarkdown>.preview-empty-state h2{font-size:clamp(27px,7vw,34px)}
  #renderedMarkdown>.preview-empty-state .preview-empty-actions{align-items:center}
}
@media(max-width:480px){
  .app-brand{max-width:34vw;gap:6px}
  .brand-bars{width:18px;transform:scale(.78)}
  .topbar-current{max-width:24vw}
  .find-replace-panel{grid-template-columns:minmax(0,1fr)}
  .find-actions{grid-column:1;justify-content:flex-start}
  .find-field{grid-template-rows:auto 34px}
  .folder-more{opacity:1}
}


/* Final four-panel refinement: predictable states, accessible actions, and collection controls. */
.folder-list{overflow-x:visible;overflow-y:auto;overscroll-behavior:contain}
.folder-item{min-height:34px}
.folder-row{min-height:34px;padding-top:7px;padding-bottom:7px}
.folder-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.folder-more{display:inline-grid;place-items:center;flex:0 0 26px;width:26px;height:28px;border:1px solid transparent;border-radius:6px;background:transparent;color:#8f8377;font-size:16px;letter-spacing:1px;opacity:.7;cursor:pointer}
.folder-more:hover,.folder-more[aria-expanded="true"]{opacity:1;background:#fff8ed;border-color:#dbcebd;color:#302d32}
.folder-more:focus-visible,.folder-row:focus-visible{outline:2px solid #df755e;outline-offset:1px}
.folder-context-menu{position:fixed;min-width:168px;max-width:calc(100vw - 16px);}
.folder-context-menu[hidden]{display:none}
.folder-item-all .folder-row{width:100%}
.library-empty{box-sizing:border-box;width:100%;padding:28px 16px;margin:0 auto;text-align:center;align-self:stretch}
.library-empty>span{display:grid;place-items:center;width:36px;height:36px;margin:0 auto 12px;border:1px solid #d8cabb;border-radius:10px;font-size:18px;background:#fff7ec}
.library-empty>b{max-width:220px;margin:0 auto 6px;font-size:16px;line-height:1.25}
.library-empty>p{max-width:230px;margin:0 auto 13px;line-height:1.6}
.library-empty-actions{align-items:stretch;gap:7px}
.library-empty-actions button,.library-empty>button{min-height:34px;border-radius:6px;font-size:10px;font-weight:700;cursor:pointer}
.library-empty-actions button:first-child{background:#df583d;border-color:#df583d;color:#fff7ed}
.library-empty-actions button:first-child:hover{background:#f08068;border-color:#f08068}
.library-empty-primary{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:0 12px;border-radius:6px}
.library-empty.empty-state-filtered>span{background:#f4eadb}
.library-bottom{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.library-bottom button{min-height:35px;justify-content:center;border:1px solid #cfc2b2;border-radius:6px;font-size:10px;font-weight:700;cursor:pointer}
.library-bottom button#exportLibraryBackup{grid-column:1/-1}
.library-bottom button#loadSampleButton{color:#dfc7a2;background:#302d33;border-color:#645257}
.library-bottom button#loadSampleButton:hover{background:#40323a;border-color:#a5655a;color:#fff0dc}
/* The find count belongs to the Find label row; both inputs share the same baseline. */
.find-replace-panel{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;align-items:end;gap:12px}
.find-field{grid-template-columns:minmax(0,1fr) auto;grid-template-rows:18px 36px;gap:5px}
.find-field label{font-size:9px;line-height:18px}
.find-field span{font-size:9px;line-height:18px;align-self:center}
.find-field input{height:36px;min-height:36px;width:100%;font-size:12px;border-radius:6px}
.find-actions{align-self:end;min-height:36px}
.find-actions button{height:36px;min-width:36px;border-radius:6px;font-size:11px}
.pane-heading-actions button:not(:disabled){color:#f1e6d8}
.pane-heading-actions button:disabled{color:#9e958c;opacity:.65}
#applyMetadata{color:#fff8ef!important;background:#df583d!important;border-color:#f08068!important;box-shadow:0 2px 0 rgba(0,0,0,.13)}
#applyMetadata:disabled{background:#393b46!important;border-color:#50525e!important;color:#aaa092!important;box-shadow:none}
#closeInspector{display:inline-grid;place-items:center;flex:0 0 34px;width:34px;height:34px;padding:0;border:1px solid #4c4e59;border-radius:8px;background:#292b35;color:#f2e5d5;font:22px/1 Arial,sans-serif;cursor:pointer}
#closeInspector:hover{background:#3a3c47;border-color:#df755e;color:#fff}
#closeInspector:focus-visible{outline:2px solid #df755e;outline-offset:2px}
.inspector-collapsed .inspector-panel{min-width:0;overflow:hidden}
.sample-picker-dialog{width:min(760px,calc(100vw - 28px));max-width:760px;max-height:min(82vh,760px);padding:0;border:1px solid #4c4e58;border-radius:15px;background:#2b2d37;color:#eee3d6;overflow:hidden}
.sample-picker-dialog::backdrop{background:rgba(12,13,18,.68);backdrop-filter:blur(5px)}
.sample-picker-dialog .dialog-head{padding:22px 24px 17px;border-bottom:1px solid #464853}
.sample-picker-tools{padding:16px 24px 9px}
.sample-picker-tools .dialog-input{width:100%;min-height:40px;border-radius:7px;font-size:12px}
.sample-picker-tools p{margin:9px 0 0;color:#b6aa9b;font-size:11px;line-height:1.55}
.sample-picker-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding:10px 24px 18px;overflow:auto;max-height:calc(min(82vh,760px) - 208px)}
.sample-picker-grid:empty::after{content:'No samples match that search.';grid-column:1/-1;display:block;padding:20px 0;color:#b7aa9b;font-size:12px;text-align:center}
.sample-picker-card{display:flex;min-width:0;flex-direction:column;gap:9px;padding:13px;border:1px solid #4b4d58;border-radius:9px;background:#252730;color:#eee3d6;text-align:left;cursor:pointer;transition:border-color .16s,background .16s,transform .16s}
.sample-picker-card:hover,.sample-picker-card:focus-visible{border-color:#d9755f;background:#33303a;transform:translateY(-1px);outline:none}
.sample-picker-card[hidden]{display:none}
.sample-picker-meta,.sample-picker-footer{display:flex;justify-content:space-between;align-items:center;gap:8px;color:#aa9d8e;font-size:9px;letter-spacing:.06em}
.sample-picker-meta span:first-child{color:#e2b96c;font-weight:800}
.sample-picker-card>strong{color:#f4e8d8;font:normal 19px/1.2 var(--serif);overflow-wrap:anywhere}
.sample-picker-description{color:#b9ad9f;font-size:11px;line-height:1.55;min-height:34px}
.sample-picker-footer{margin-top:auto;padding-top:8px;border-top:1px solid #444650;letter-spacing:0}
.sample-picker-footer b{color:#f08b72;font-size:10px}
.sample-picker-dialog>.dialog-actions{padding:12px 24px 18px;border-top:1px solid #464853}
@media(max-width:760px){
 .library-empty{padding:24px 12px}
 .find-replace-panel{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}
 .find-actions{grid-column:1/-1;justify-content:flex-end}
 .sample-picker-dialog{width:calc(100vw - 18px);max-height:86vh}
 .sample-picker-dialog .dialog-head,.sample-picker-tools{padding-left:16px;padding-right:16px}
 .sample-picker-grid{grid-template-columns:1fr;padding:10px 16px 16px;max-height:calc(86vh - 210px)}
 .sample-picker-dialog>.dialog-actions{padding-left:16px;padding-right:16px}
}
@media(max-width:480px){.find-replace-panel{grid-template-columns:minmax(0,1fr)}.find-actions{grid-column:1;justify-content:flex-start}.find-field{grid-template-rows:18px 36px}}


/* Final panel pass — stable controls at every panel width. */
.find-field{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:18px 36px;align-content:end;gap:5px;min-width:0}
.find-field label{grid-column:1;grid-row:1;min-width:0;line-height:18px;white-space:nowrap}
.find-field span{grid-column:2;grid-row:1;justify-self:end;align-self:center;line-height:18px;white-space:nowrap;margin:0;font-size:9px;font-variant-numeric:tabular-nums}
.find-field input{grid-column:1/-1;grid-row:2;width:100%;height:36px;min-height:36px;min-width:0}
.find-replace-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;align-items:end;gap:10px}
.find-actions{display:flex;align-items:end;gap:4px;min-width:0;flex-wrap:nowrap}
.find-actions button{display:inline-flex;align-items:center;justify-content:center;min-height:36px;height:36px;padding:0 10px;white-space:nowrap}
.find-actions #closeFindReplace{width:36px;min-width:36px;padding:0}
.library-empty.empty-state-filtered{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;min-height:174px;padding:22px 16px}
.library-empty.empty-state-filtered>span{display:grid;place-items:center;width:36px;height:36px;margin:0 auto 10px;border:1px solid #d8cabb;border-radius:10px;background:#fff7ec;font-size:18px}
.library-empty.empty-state-filtered>b{margin:0 auto 6px;line-height:1.3}
.library-empty.empty-state-filtered>p{max-width:226px;margin:0 auto 12px;line-height:1.55}
.library-empty.empty-state-filtered>button{min-height:34px;border-radius:6px;font-weight:700}
.library-empty.empty-state-pinned>span{color:#b5813b}
.library-empty.empty-state-collection>span{color:#7a8a78}
.library-empty.empty-state-no-docs{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;min-height:205px;padding:24px 14px}
.library-empty.empty-state-no-docs .library-empty-actions{display:flex;justify-content:center;flex-wrap:wrap;max-width:100%;margin-top:12px}
.library-empty.empty-state-no-docs .library-empty-primary{margin-top:8px}
.folder-list{position:relative;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-gutter:stable}
.folder-item{position:relative;display:flex;align-items:center;gap:2px;min-width:0}
.folder-context-menu{position:fixed!important;z-index:999;min-width:168px;max-width:calc(100vw - 16px);padding:5px;border:1px solid #4a4c57;border-radius:8px;background:#2c2e38;box-shadow:0 14px 32px rgba(0,0,0,.38)}
.folder-context-menu[hidden]{display:none!important}
.folder-context-menu button{min-height:36px;padding:9px 10px;border-radius:6px;font-size:11px}
.folder-more{display:inline-grid;place-items:center;flex:0 0 27px;width:27px;height:29px;padding:0;font-size:17px;line-height:1}
.document-list{min-height:0;overscroll-behavior:contain}
.library-bottom{flex:0 0 auto}
.library-bottom #loadSampleButton{display:flex;align-items:center;justify-content:flex-start;gap:5px}
.library-bottom #loadSampleButton span{display:inline-grid;place-items:center;flex:0 0 14px;margin:0}
/* Find/replace stays aligned as a form row; counters never increase the input's height. */
.command-head{display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:54px;padding:9px 14px}
.command-head input{width:100%;min-width:0;height:34px;border:1px solid #55535b;border-radius:7px;padding:0 10px;font-size:12px;outline:none}
.command-head>kbd{justify-self:end;align-self:center;white-space:nowrap}
.command-glyph{display:grid;place-items:center;width:28px;height:28px;border:1px solid #55535b;border-radius:7px;color:#e2b96c;font-size:14px}
#commandDialog{width:min(560px,calc(100vw - 24px));max-height:min(78vh,680px);overflow:hidden}
.command-list{min-width:0;max-height:calc(min(78vh,680px) - 110px);overflow:auto}
#closeInspector{position:relative;z-index:2;pointer-events:auto;touch-action:manipulation}
.inspector-heading{position:relative;z-index:1}
.inspector-collapsed .inspector-panel{display:none!important}
.app-layout.inspector-collapsed{grid-template-columns:265px minmax(0,1fr) 0!important}
/* Preview content may be as long or wide as necessary, but it must stay inside its scroll area. */
#previewPane,#previewScroll{min-height:0;min-width:0;overscroll-behavior:contain}
#previewScroll{align-items:flex-start;overflow:auto;contain:layout paint;scrollbar-gutter:stable}
#renderedMarkdown{flex:0 0 auto;max-width:780px;min-width:0;min-height:100%;height:max-content;overflow:visible;overflow-wrap:anywhere}
#renderedMarkdown pre{max-width:100%;white-space:pre;overflow:auto;overscroll-behavior:contain}
#renderedMarkdown table{width:max-content;max-width:100%;border-collapse:collapse}
#renderedMarkdown img,#renderedMarkdown video,#renderedMarkdown iframe{height:auto;max-width:100%}
@media(max-width:760px){
 .find-replace-panel{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}
 .find-actions{grid-column:1/-1;justify-content:flex-end;flex-wrap:wrap}
 .find-actions #closeFindReplace{margin-left:auto}
 .app-layout.inspector-collapsed{grid-template-columns:0 minmax(0,1fr) 0!important}
 .inspector-collapsed .inspector-panel{display:none!important}
 #commandDialog{max-height:82vh}
 .command-list{max-height:calc(82vh - 110px)}
}
@media(max-width:480px){
 .find-replace-panel{grid-template-columns:minmax(0,1fr)}
 .find-actions{grid-column:1;justify-content:flex-start}
 .find-actions #closeFindReplace{margin-left:auto}
 .find-field{grid-template-rows:18px 36px}
 .library-empty.empty-state-no-docs{min-height:180px;padding:18px 10px}
 .folder-more{opacity:1}
}

/* Always respect the HTML hidden state, including dynamic empty-state classes. */
:where([hidden]){display:none!important}

/* Command/search popup: neutral slate surfaces with Southbridge mint accents. */
.theme-dark #commandDialog{background:#22252e;border-color:#444953;color:#e8e3da;box-shadow:0 24px 70px rgba(0,0,0,.48)}
.theme-dark #commandDialog .command-head{background:#252832;border-color:#40444e}
.theme-dark #commandDialog .command-head input{background:#1d2028;border-color:#474c57;color:#f0ece4}
.theme-dark #commandDialog .command-head input:focus{border-color:#83e4c4;box-shadow:0 0 0 3px rgba(131,228,196,.1)}
.theme-dark #commandDialog .command-glyph{background:#2b3337;border-color:#46564f;color:#83e4c4}
.theme-dark #commandDialog .command-list{background:#22252e;border-color:#3f434d}
.theme-dark #commandDialog .command-item{border-color:transparent;color:#e5e1d9}
.theme-dark #commandDialog .command-item-icon{display:grid;place-items:center;background:#303640;border:1px solid #464e58;color:#83e4c4}
.theme-dark #commandDialog .command-item:hover,.theme-dark #commandDialog .command-item.active{background:#2d353a;border-color:rgba(131,228,196,.32)}
.theme-dark #commandDialog .command-item.active .command-item-icon{background:rgba(131,228,196,.12);border-color:#4d776b;color:#b3f3df}
.theme-dark #commandDialog .command-footer{background:#1e2129;border-color:#41454f;color:#a9acb5}
.theme-dark #commandDialog .command-footer kbd,.theme-dark #commandDialog .command-item>kbd{background:#2d313a;border-color:#4a505b;color:#c8d5d0}
.theme-dark #commandDialog .command-section-label{color:#83cdb8}

/* Keep the library's empty state and populated list mutually exclusive. */
.library-panel .library-empty[hidden],.library-panel .document-list[hidden]{display:none!important}
.library-panel.has-documents .document-list{display:block;flex:1 1 auto;min-height:0}
.library-panel.has-documents .library-empty{display:none!important}

/* Markdown Studio: theme-matched account/project menus (coral, gold, and blue). */
.sb-account-trigger{border-color:rgba(255,250,241,.16);background:#252731;color:#fffaf1;box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}
.sb-account-trigger:hover,.sb-account-trigger[aria-expanded="true"]{border-color:rgba(219,179,93,.62);background:#30323c;box-shadow:0 0 0 3px rgba(219,179,93,.07)}
.sb-account-avatar{border:1px solid rgba(219,179,93,.28);background:linear-gradient(140deg,rgba(223,88,61,.22),rgba(219,179,93,.13));color:#f4bd83}
.sb-account-trigger-copy strong{color:#fffaf1}
.sb-account-trigger-copy small{color:#b4aa9d}
.sb-account-chevron{stroke:#dbb35d}
.sb-account-menu{isolation:isolate;border-color:rgba(219,179,93,.3);background:linear-gradient(155deg,#2d303b 0%,#22242d 72%);box-shadow:0 22px 60px rgba(0,0,0,.48),inset 0 1px 0 rgba(255,255,255,.035)}
.sb-account-menu::before{content:"";position:absolute;z-index:-1;top:0;left:12px;right:12px;height:2px;border-radius:0 0 3px 3px;background:linear-gradient(90deg,#df583d 0%,#dbb35d 52%,#687be0 100%)}
.sb-account-summary strong{color:#fffaf1}
.sb-account-summary p,.sb-account-feedback{color:#c2b6a7}
.sb-account-actions{border-top-color:rgba(219,179,93,.18)}
.sb-account-action{color:#eee3d4}
.sb-account-action:hover{border-color:rgba(223,88,61,.34);background:rgba(223,88,61,.12);color:#fffaf1}
.sb-account-action:focus-visible{outline:2px solid #687be0;outline-offset:1px}
.sb-account-action span:last-child{color:#dbb35d}
.workspace-menu-toggle{border-color:rgba(255,250,241,.16);background:#252731;color:#f4ecdf}
.workspace-menu-toggle:hover,.workspace-menu-toggle[aria-expanded="true"]{border-color:rgba(219,179,93,.62);background:#30323c;color:#fffaf1}
.workspace-mobile-menu{border-color:rgba(219,179,93,.3);background:linear-gradient(155deg,#2d303b 0%,#22242d 72%);box-shadow:0 22px 60px rgba(0,0,0,.48),inset 0 1px 0 rgba(255,255,255,.035)}
.workspace-mobile-menu a,.workspace-mobile-menu button{color:#eee3d4}
.workspace-mobile-menu a:hover,.workspace-mobile-menu button:hover,.workspace-mobile-menu a:focus-visible,.workspace-mobile-menu button:focus-visible{border-color:rgba(223,88,61,.34);background:rgba(223,88,61,.12);color:#fffaf1;outline-color:#687be0}
.workspace-mobile-menu .mobile-menu-icon{color:#dbb35d}
.workspace-mobile-menu kbd{border-color:rgba(219,179,93,.3);background:#1c1e26;color:#dbb35d}


/* Final release polish: themed popovers, reliable document menus, and aligned account controls. */
.document-context-menu,
.action-menu {
  position: fixed;
  z-index: 1000;
  min-width: 176px;
  max-width: min(260px, calc(100vw - 16px));
  max-height: calc(100dvh - 24px);
  overflow-y: auto;
  padding: 6px;
  border: 1px solid rgba(219,179,93,.34);
  border-radius: 9px;
  background: linear-gradient(155deg,#30323d 0%,#23252e 78%);
  color: #f4ecdf;
  box-shadow: 0 20px 48px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.035);
  scrollbar-color: #56515a #272932;
}
.document-context-menu[hidden],
.action-menu[hidden] { display: none !important; }
.document-context-menu button,
.action-menu button {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
  min-height: 36px;
  padding: 9px 10px;
  border: 1px solid transparent;
  border-radius: 6px;
  background: transparent;
  color: #e9dfd1;
  text-align: left;
  font-size: 11px;
  line-height: 1.35;
  cursor: pointer;
}
.document-context-menu button:hover,
.action-menu button:hover,
.document-context-menu button:focus-visible,
.action-menu button:focus-visible {
  border-color: rgba(223,88,61,.28);
  background: rgba(223,88,61,.13);
  color: #fffaf1;
  outline-color: #687be0;
}
.document-context-menu button.danger-action,
.action-menu button.danger-action { color: #ff9e8e; }
.document-context-menu button.danger-action:hover,
.action-menu button.danger-action:hover { background: rgba(223,88,61,.18); }
.action-menu { position: absolute; top: calc(100% + 7px); right: 0; }
.topbar-actions { gap: 10px; }
.sb-account-trigger {
  min-height: 40px;
  border-radius: 10px;
  gap: 9px;
  padding: 4px 10px 4px 5px;
  border-color: rgba(255,250,241,.18);
  background: #252731;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.025);
}
.sb-account-trigger:focus-visible { outline: 2px solid #687be0; outline-offset: 3px; }
.sb-account-avatar { width: 30px; height: 30px; flex-basis: 30px; border-radius: 8px; }
.sb-account-trigger-copy strong { max-width: 130px; }
.sb-account-trigger-copy small { max-width: 130px; }
@media(max-width:760px) {
  .topbar-actions { gap: 10px; }
  .sb-account-trigger { width: 40px; height: 40px; min-height: 40px; padding: 4px; border-radius: 10px; }
  .sb-account-avatar { width: 30px; height: 30px; flex-basis: 30px; }
  .workspace-menu-toggle { width: 40px; height: 40px; flex-basis: 40px; border-radius: 10px; }
  .sb-account-menu { right: -4px; }
}


/* Bring all workspace popovers into the same dark, warm-accent theme. */
body.theme-dark .document-context-menu {
  border-color: rgba(219,179,93,.34);
  background: linear-gradient(155deg,#30323d 0%,#23252e 78%);
  box-shadow: 0 20px 48px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.035);
}
body.theme-dark .document-context-menu button {
  color: #e9dfd1;
  border-color: transparent;
  border-radius: 6px;
  padding: 9px 10px;
  min-height: 36px;
}
body.theme-dark .document-context-menu button:hover,
body.theme-dark .document-context-menu button:focus-visible {
  border-color: rgba(223,88,61,.28);
  background: rgba(223,88,61,.13);
  color: #fffaf1;
  outline-color: #687be0;
}
body.theme-dark .document-context-menu button.danger-action { color: #ff9e8e; }
body.theme-dark .action-menu {
  border-color: rgba(219,179,93,.34);
  background: linear-gradient(155deg,#30323d 0%,#23252e 78%);
  box-shadow: 0 20px 48px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.035);
}
body.theme-dark .action-menu button { color:#e9dfd1; border-color:transparent; border-radius:6px; padding:9px 10px; min-height:36px; }
body.theme-dark .action-menu button:hover,
body.theme-dark .action-menu button:focus-visible { border-color:rgba(223,88,61,.28); background:rgba(223,88,61,.13); color:#fffaf1; outline-color:#687be0; }
body.theme-dark .action-menu button.danger-action { color:#ff9e8e; }