@import "https://fonts.googleapis.com/css2?family=Sora:wght@400;500;600;700&display=swap";:root{color:#f2f2f1;font-synthesis:none;--bg:#0d0e0f;--side:#111214;--panel:#141517;--panel2:#191a1c;--line:#2a2c2f;--line2:#383a3d;--text:#f2f2f1;--muted:#96999d;--subtle:#6d7175;--yellow:#ffc52f;--yellow2:#e4a900;--green:#54bb69;--danger:#ef7474;background:#0d0e0f;font-family:Sora,system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{background:var(--bg);min-height:100%;margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.boot{min-height:100vh;color:var(--muted);place-content:center;justify-items:center;gap:18px;display:grid}.boot img{border-radius:16px;width:62px}.boot svg{width:20px}.login{grid-template-columns:1.08fr .92fr;min-height:100vh;display:grid}.login>section{border-right:1px solid var(--line);background:radial-gradient(circle at 20% 20%,#1a1b1e,#0c0d0e 60%);flex-direction:column;justify-content:space-between;padding:65px clamp(42px,7vw,110px);display:flex}.login>section>img{width:205px}.login>section div{max-width:570px}.login small{letter-spacing:.15em;color:#a7aaad;font-size:10px}.login h1{letter-spacing:-.045em;font-size:48px;line-height:1.12}.login section p{color:#a8abae;font-size:17px}.login section>span{color:#676b6e;font-size:11px}.login>main{place-items:center;padding:40px;display:grid}.login form{width:min(390px,100%)}.login form h2{margin:7px 0;font-size:27px}.login form>p{color:var(--muted);margin:0 0 28px}.login label{margin:16px 0;font-size:12px;font-weight:600;display:block}.login input{color:#fff;border:1px solid var(--line2);background:#111214;border-radius:6px;outline:0;width:100%;height:45px;margin-top:7px;padding:0 12px}.login input:focus{border-color:#74777a}.login form button{justify-content:center;align-items:center;gap:8px;width:100%;height:45px;display:flex}.form-error{min-height:25px;color:var(--danger);font-size:12px}.primary{background:var(--yellow);color:#15120a;border:0;border-radius:5px;font-weight:600}.primary:hover{background:#ffd253}.app-shell{grid-template-columns:286px 1fr;min-height:100vh;display:grid}.sidebar{z-index:20;border-right:1px solid var(--line);background:linear-gradient(145deg,#111316,#0e0f11);flex-direction:column;height:100vh;display:flex;position:sticky;top:0}.side-head{border-bottom:1px solid var(--line);align-items:center;gap:18px;height:67px;padding:0 24px;display:flex}.side-head img{object-fit:contain;width:145px;max-height:48px}.icon{place-items:center;padding:0!important;display:inline-grid!important}.side-head .icon{color:#ccc;background:0 0;border:0}.side-head svg{width:20px}.new-page{background:var(--yellow);color:#13110a;border:0;border-radius:5px;justify-content:center;align-items:center;gap:9px;height:41px;margin:26px 23px 23px;font-weight:600;display:flex}.new-page svg{width:17px}.tree-search{border:1px solid var(--line2);border-radius:5px;align-items:center;gap:8px;height:36px;margin:0 23px 23px;padding:0 10px;display:flex}.tree-search svg{color:#aaa;width:15px}.tree-search input{color:#eee;background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:11px}.tree-label{color:#74787c;letter-spacing:.12em;margin:0 24px 10px;font-size:9px}.sidebar nav{flex:1;padding:0 9px 18px;overflow:auto}.tree-group{margin-bottom:4px}.folder,.tree-docs button{color:#c5c7c8;text-align:left;background:0 0;border:0;width:100%}.folder{align-items:center;gap:8px;height:35px;padding:0 13px;font-size:12px;display:flex}.folder:hover,.tree-docs button:hover{background:#1c1e20;border-radius:5px}.folder svg{color:#929699;width:15px}.folder svg:first-child{width:13px}.tree-docs{border-left:1px solid #343639;margin-left:25px;padding-left:10px;position:relative}.tree-docs button{border-radius:4px;align-items:flex-start;gap:8px;min-height:36px;padding:8px 10px;font-size:11px;display:flex}.tree-docs button svg{flex:none;width:14px}.tree-docs button.selected{color:#fff;background:#282a2d;position:relative}.tree-docs button.selected:before{content:"";background:var(--yellow);border-radius:2px;width:3px;position:absolute;top:0;bottom:0;left:-12px}.side-bottom{border-top:1px solid var(--line);gap:3px;padding:14px;display:grid}.side-bottom button{color:#8f9396;text-align:left;background:0 0;border:0;align-items:center;gap:9px;height:34px;padding:0 10px;font-size:11px;display:flex}.side-bottom button:hover{color:#fff;background:#1b1d1f}.side-bottom svg{width:15px}.work-area{min-width:0}.topbar{z-index:15;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0d0e0ff5;justify-content:space-between;align-items:center;height:67px;padding:0 24px 0 32px;display:flex;position:sticky;top:0}.path{color:#d4d5d5;align-items:center;gap:10px;min-width:0;font-size:12px;display:flex}.path>b{color:#52565a}.path>span{text-overflow:ellipsis;white-space:nowrap;max-width:190px;overflow:hidden}.path em{color:#9b9ea1;margin-left:10px;font-size:10px;font-style:normal}.path em.saved{color:#67b777}.top-actions{align-items:center;gap:9px;display:flex;position:relative}.top-actions>button{border:1px solid var(--line2);color:#ededec;background:#111214;border-radius:5px;align-items:center;gap:7px;height:36px;padding:0 15px;font-size:11px;font-weight:600;display:flex}.top-actions>button:hover,.top-actions>button.active{background:#1d1f21}.top-actions svg{width:15px}.top-actions .publish{background:var(--yellow);border-color:var(--yellow);color:#171309;justify-content:center;min-width:126px}.top-actions .publish:hover{background:#ffd052}.top-actions>.icon{width:36px}.more-menu{border:1px solid var(--line2);background:#181a1c;border-radius:6px;width:205px;padding:6px;position:absolute;top:44px;right:0;box-shadow:0 16px 42px #0009}.more-menu button{color:#ddd;text-align:left;background:0 0;border:0;border-radius:4px;align-items:center;gap:8px;width:100%;min-height:36px;padding:7px 9px;font-size:11px;display:flex}.more-menu button:hover{background:#25272a}.more-menu button.danger{color:#e68a8a}.more-menu svg{width:14px}.category-strip{border-bottom:1px solid var(--line);background:#151719;align-items:center;gap:9px;height:54px;padding:0 28px;display:flex}.category-strip svg{width:16px}.category-strip input{border:1px solid var(--line2);color:#fff;background:#0f1011;border-radius:4px;outline:0;width:280px;height:34px;padding:0 10px}.category-strip button{border:1px solid var(--line2);color:#ddd;background:#191b1d;border-radius:4px;height:34px;padding:0 12px}.category-strip button.primary{background:var(--yellow);color:#111;border-color:var(--yellow)}.editor-layout{grid-template-columns:minmax(0,1fr);min-height:calc(100vh - 67px);display:grid}.editor-layout.with-properties{grid-template-columns:minmax(0,1fr) 375px}.document-canvas{min-width:0;padding:38px clamp(34px,5vw,72px) 100px}.doc-title{color:#f4f4f3;letter-spacing:-.045em;background:0 0;border:0;outline:0;width:100%;max-width:840px;padding:0;font:600 clamp(35px,4vw,50px)/1.18 Sora;display:block}.doc-title::placeholder{color:#565a5d}.doc-title:disabled,.doc-subtitle:disabled{opacity:1}.doc-meta{color:#9a9da0;margin-top:13px;font-size:11px}.doc-meta span{padding:0 8px}.doc-subtitle{border:0;border-bottom:1px solid var(--line);color:#c4c6c7;background:0 0;outline:0;width:100%;max-width:840px;margin:25px 0 16px;padding:0 0 14px;font-size:14px;display:block}.doc-subtitle::placeholder{color:#595d60}.editor-frame{max-width:860px}.editor-toolbar{z-index:8;background:#17191b;border:1px solid #343639;border-radius:6px;align-items:center;gap:4px;height:55px;padding:8px;display:flex;position:sticky;top:82px;box-shadow:0 6px 20px #0003}.editor-toolbar select{color:#ddd;background:0 0;border:0;width:135px;height:34px;padding:0 10px;font-size:11px}.editor-toolbar select option{background:#17191b}.editor-toolbar>i{background:#343639;width:1px;height:25px;margin:0 5px}.editor-toolbar button{color:#bbb;background:0 0;border:0;border-radius:4px;place-items:center;width:35px;height:35px;display:grid}.editor-toolbar button:hover,.editor-toolbar button.active{color:#fff;background:#292b2e}.editor-toolbar svg{width:17px}.link-bar{border:1px solid var(--line2);background:#17191b;border-radius:5px;gap:7px;margin-top:7px;padding:8px;display:flex}.link-bar input{border:1px solid var(--line2);color:#fff;background:#0e0f10;border-radius:4px;flex:1;min-width:0;padding:0 9px}.link-bar button{border:1px solid var(--line2);color:#ddd;background:#222426;border-radius:4px;height:32px;padding:0 10px}.link-bar button:last-child{width:32px;padding:0}.link-bar svg{width:14px}.tiptap{color:#d2d3d2;outline:0;min-height:480px;padding:25px 2px;font-size:14px;line-height:1.75}.tiptap p{margin:0 0 15px}.tiptap h2{color:#f0f0ef;margin:34px 0 12px;font-size:25px;line-height:1.3}.tiptap h3{color:#eee;margin:27px 0 9px;font-size:18px}.tiptap ul,.tiptap ol{padding-left:23px}.tiptap li{margin:5px 0}.tiptap blockquote{border:1px solid #66501e;border-left:3px solid var(--yellow);color:#e3dfd4;background:#1c1911;border-radius:4px;margin:24px 0;padding:13px 16px}.tiptap a{color:#ddd;text-underline-offset:3px;text-decoration:underline}.tiptap img{border:1px solid var(--line2);border-radius:5px;max-width:100%;height:auto;margin:24px auto;display:block}.tiptap table{border-collapse:collapse;table-layout:fixed;width:100%;margin:24px 0}.tiptap th,.tiptap td{vertical-align:top;border:1px solid #3a3d40;min-width:80px;padding:9px 11px;position:relative}.tiptap th{color:#fff;text-align:left;background:#1b1d1f}.tiptap .selectedCell:after{content:"";pointer-events:none;background:#ffc52f20;position:absolute;inset:0}.editor-frame.preview .tiptap{padding-top:14px}.properties{border-left:1px solid var(--line);background:#111315;min-height:calc(100vh - 67px);padding:0 26px 70px}.properties>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:67px;margin:0 -26px 15px;padding:0 26px;display:flex}.properties>header svg{color:#777b7e;width:17px}.properties section{border-bottom:1px solid var(--line);padding:18px 0}.properties label{color:#777b7f;letter-spacing:.12em;margin-bottom:10px;font-size:9px;display:block}.properties select,.properties input{border:1px solid var(--line2);color:#ddd;background:#1a1c1e;border-radius:5px;outline:0;width:100%;height:36px;padding:0 10px;font-size:11px}.properties small{color:#767a7d;margin-top:8px;font-size:10px;display:block}.properties .state{border-radius:4px;padding:5px 9px;font-size:11px;display:inline-flex}.properties .state.published{color:#64c675;background:#16291a}.properties .state.draft{color:#b5b8ba;background:#242628}.properties dl{margin:0}.properties dl div{color:#9da0a3;justify-content:space-between;padding:5px 0;font-size:11px;display:flex}.properties dd{color:#d3d4d3;margin:0}.empty{text-align:center;color:#85898c;place-content:center;justify-items:center;min-height:65vh;display:grid}.empty>svg{width:36px}.empty h2{color:#eee;margin:16px 0 4px}.empty p{margin:0 0 18px}.empty button{align-items:center;gap:7px;height:38px;padding:0 15px;display:flex}.empty button svg{width:15px}.toast,.uploading{z-index:40;border:1px solid var(--line2);color:#eee;background:#1b1d1f;border-radius:5px;padding:11px 14px;font-size:11px;position:fixed;bottom:24px;right:25px;box-shadow:0 12px 35px #0009}.uploading{align-items:center;gap:8px;display:flex}.uploading svg{width:15px}.mobile{display:none!important}@media (width<=1180px){.editor-layout.with-properties{grid-template-columns:minmax(0,1fr) 310px}.document-canvas{padding-left:35px;padding-right:35px}.properties{padding-left:20px;padding-right:20px}.properties>header{margin-left:-20px;margin-right:-20px;padding-left:20px;padding-right:20px}}@media (width<=980px){.app-shell{grid-template-columns:1fr}.sidebar{transition:all .2s;position:fixed;left:0;transform:translate(-100%);box-shadow:12px 0 40px #0009}.sidebar.open{transform:none}.mobile{display:inline-grid!important}.editor-layout.with-properties{grid-template-columns:1fr}.properties{display:none}.topbar{padding-left:18px}.path>span:first-of-type,.path>b{display:none}.top-actions>button:not(.publish):not(.icon){justify-content:center;width:36px;padding:0;font-size:0}}@media (width<=640px){.document-canvas{padding:28px 18px 80px}.topbar{padding:0 12px}.path em{display:none}.top-actions{gap:5px}.top-actions .publish{min-width:90px;padding:0 9px}.top-actions>.icon{display:none!important}.editor-toolbar{flex-wrap:wrap;height:auto;top:74px}.editor-toolbar>i{display:none}.editor-toolbar select{width:112px}.doc-title{font-size:34px}.login{grid-template-columns:1fr}.login>section{display:none}.login>main{min-height:100vh}}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f7f7f7;--side:#fafafa;--panel:#fff;--panel2:#f2f2f2;--line:#dfdfdf;--line2:#cfcfcf;--text:#181818;--muted:#696969;--subtle:#858585;--green:#27833b;--danger:#b93636}html[data-theme=light],html[data-theme=light] body,html[data-theme=light] #root{background:var(--bg);color:var(--text)}.side-head{position:relative}.side-head img{object-fit:contain;object-position:center;width:154px;max-height:54px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.login{position:relative}.login-theme{z-index:30;border:1px solid var(--line2);background:var(--panel);width:38px;height:38px;color:var(--text);border-radius:6px;place-items:center;display:grid;position:fixed;top:19px;right:22px}.login-theme:hover{background:var(--panel2)}.login-theme svg{width:17px}.theme-toggle{flex:0 0 36px}.theme-toggle svg{width:16px}:root[data-theme=light] .login>section{border-color:var(--line);background:radial-gradient(circle at 20% 20%,#fff,#f1f1f1 65%)}:root[data-theme=light] .login h1,:root[data-theme=light] .login label{color:#181818}:root[data-theme=light] .login section p,:root[data-theme=light] .login form>p{color:#666}:root[data-theme=light] .login>main{background:#fafafa}:root[data-theme=light] .login input{color:#181818;background:#fff;border-color:#d4d4d4}:root[data-theme=light] .sidebar{border-color:var(--line);background:linear-gradient(145deg,#fff,#f5f5f5)}:root[data-theme=light] .side-head{border-color:var(--line)}:root[data-theme=light] .side-head .icon{color:#353535}:root[data-theme=light] .tree-search{background:#fff;border-color:#d4d4d4}:root[data-theme=light] .tree-search input{color:#1c1c1c}:root[data-theme=light] .tree-label{color:#777}:root[data-theme=light] .folder,:root[data-theme=light] .tree-docs button{color:#4a4a4a}:root[data-theme=light] .folder:hover,:root[data-theme=light] .tree-docs button:hover{color:#111;background:#ececec}:root[data-theme=light] .tree-docs{border-color:#d4d4d4}:root[data-theme=light] .tree-docs button.selected{color:#111;background:#e7e7e7}:root[data-theme=light] .tree-docs button.selected:before{background:#1b1b1b}:root[data-theme=light] .side-bottom{border-color:var(--line)}:root[data-theme=light] .side-bottom button{color:#5d5d5d}:root[data-theme=light] .side-bottom button:hover{color:#111;background:#e9e9e9}:root[data-theme=light] .topbar{border-color:var(--line);background:#fffffff5}:root[data-theme=light] .path{color:#333}:root[data-theme=light] .path>b{color:#aaa}:root[data-theme=light] .path em{color:#717171}:root[data-theme=light] .path em.saved{color:#27833b}:root[data-theme=light] .top-actions>button{color:#222;background:#fff;border-color:#d0d0d0}:root[data-theme=light] .top-actions>button:hover,:root[data-theme=light] .top-actions>button.active{background:#ededed}:root[data-theme=light] .top-actions .publish{color:#fff;background:#171717;border-color:#171717}:root[data-theme=light] .top-actions .publish:hover{background:#333;border-color:#333}:root[data-theme=light] .more-menu{background:#fff;border-color:#d5d5d5;box-shadow:0 16px 40px #0002}:root[data-theme=light] .more-menu button{color:#333}:root[data-theme=light] .more-menu button:hover{background:#eee}:root[data-theme=light] .category-strip{border-color:var(--line);background:#f2f2f2}:root[data-theme=light] .category-strip input{color:#181818;background:#fff;border-color:#d0d0d0}:root[data-theme=light] .category-strip button{color:#333;background:#fff;border-color:#d0d0d0}:root[data-theme=light] .category-strip button.primary{color:#fff;background:#171717;border-color:#171717}:root[data-theme=light] .doc-title{color:#171717}:root[data-theme=light] .doc-title::placeholder{color:#aaa}:root[data-theme=light] .doc-meta{color:#727272}:root[data-theme=light] .doc-subtitle{color:#555;border-color:var(--line)}:root[data-theme=light] .doc-subtitle::placeholder{color:#aaa}:root[data-theme=light] .editor-toolbar{background:#fff;border-color:#d3d3d3;box-shadow:0 5px 16px #0000000c}:root[data-theme=light] .editor-toolbar select{color:#333}:root[data-theme=light] .editor-toolbar select option{background:#fff}:root[data-theme=light] .editor-toolbar>i{background:#ddd}:root[data-theme=light] .editor-toolbar button{color:#555}:root[data-theme=light] .editor-toolbar button:hover,:root[data-theme=light] .editor-toolbar button.active{color:#111;background:#e9e9e9}:root[data-theme=light] .link-bar{background:#fff;border-color:#d1d1d1}:root[data-theme=light] .link-bar input{color:#111;background:#fff;border-color:#d1d1d1}:root[data-theme=light] .link-bar button{color:#333;background:#f2f2f2;border-color:#d1d1d1}:root[data-theme=light] .tiptap{color:#3d3d3d}:root[data-theme=light] .tiptap h2,:root[data-theme=light] .tiptap h3{color:#171717}:root[data-theme=light] .tiptap blockquote{color:#333;background:#f4f4f4;border-color:#c3c3c3 #c3c3c3 #c3c3c3 #333}:root[data-theme=light] .tiptap a{color:#222}:root[data-theme=light] .tiptap img{border-color:#d7d7d7}:root[data-theme=light] .tiptap th,:root[data-theme=light] .tiptap td{border-color:#d3d3d3}:root[data-theme=light] .tiptap th{color:#222;background:#ededed}:root[data-theme=light] .tiptap .selectedCell:after{background:#0000000b}:root[data-theme=light] .properties{border-color:var(--line);background:#f5f5f5}:root[data-theme=light] .properties>header{border-color:var(--line)}:root[data-theme=light] .properties select,:root[data-theme=light] .properties input{color:#222;background:#fff;border-color:#d1d1d1}:root[data-theme=light] .properties .state.draft{color:#444;background:#e4e4e4}:root[data-theme=light] .properties dl div{color:#777}:root[data-theme=light] .properties dd,:root[data-theme=light] .empty h2{color:#222}:root[data-theme=light] .toast,:root[data-theme=light] .uploading{color:#222;background:#fff;border-color:#d0d0d0;box-shadow:0 12px 32px #0002}.category-strip{flex-wrap:wrap;height:auto;min-height:58px;padding-top:10px;padding-bottom:10px}.category-strip select{border:1px solid var(--line2);color:#fff;background:#0f1011;border-radius:4px;outline:0;width:250px;height:34px;padding:0 9px}.tree-group .tree-group{margin:2px 0 2px 1px}.tree-group .tree-group>.folder{color:#adb0b2}.tree-group .tree-group>.folder svg:nth-child(2){width:14px}.document-canvas{background:linear-gradient(90deg,#0000,#ffffff03 12% 88%,#0000)}.editor-frame{border:1px solid var(--line);background:#101113;border-radius:7px;max-width:900px;margin-top:23px;overflow:visible}.editor-toolbar{box-shadow:none;border-radius:7px 7px 0 0;margin:-1px -1px 0;top:78px}.editor-frame .tiptap{min-height:560px;padding:34px 38px}.editor-frame.preview{background:0 0;border-color:#0000}.editor-frame.preview .tiptap{padding-left:0;padding-right:0}.color-bar{border-bottom:1px solid var(--line);color:#919599;background:#151719;flex-wrap:wrap;align-items:center;gap:7px;padding:8px 10px;font-size:10px;display:flex}.color-bar>i{background:var(--line2);width:1px;height:22px;margin:0 5px}.color-bar>svg{width:14px}.color-bar button{border:1px solid var(--line2);color:#c8cacc;background:#1b1d1f;border-radius:4px;height:27px;font-size:10px}.color-bar .color-reset{padding:0 8px}.color-dot{width:25px;position:relative}.color-dot:after{content:"";background:var(--swatch);border-radius:50%;position:absolute;inset:5px}.color-dot.fill:after{background:var(--swatch);border:1px solid #ffffff1c;border-radius:3px;inset:4px}.color-bar .close-colors{place-items:center;width:27px;margin-left:auto;padding:0;display:grid}.close-colors svg{width:13px}.tiptap mark{border-radius:2px;padding:1px 2px}:root[data-theme=light] .category-strip select{color:#222;background:#fff;border-color:#d0d0d0}:root[data-theme=light] .document-canvas{background:linear-gradient(90deg,#0000,#00000003 12% 88%,#0000)}:root[data-theme=light] .editor-frame{background:#fff;border-color:#d8d8d8;box-shadow:0 1px #00000008}:root[data-theme=light] .editor-frame.preview{box-shadow:none;background:0 0;border-color:#0000}:root[data-theme=light] .color-bar{color:#666;background:#f5f5f5;border-color:#d8d8d8}:root[data-theme=light] .color-bar button{color:#444;background:#fff;border-color:#d3d3d3}:root[data-theme=light] .color-dot.fill:after{border-color:#00000016}@media (width<=640px){.category-strip input,.category-strip select{flex:180px;width:100%}.editor-frame .tiptap{padding:25px 20px}.editor-frame{margin-top:18px}.color-bar>i{display:none}}.folder-row{align-items:center;display:flex}.folder-row>.folder{flex:1;min-width:0}.delete-category{color:#696d70;opacity:0;background:0 0;border:0;border-radius:4px;flex:0 0 28px;place-items:center;width:28px;height:28px;margin-right:5px;display:grid}.folder-row:hover>.delete-category{opacity:1}.delete-category:hover{color:#ef8b8b;background:#382124}.delete-category svg{width:13px}.uncategorized>.folder-row>.folder{color:#7e8285;padding-left:31px}.no-base img{border-radius:0;width:210px}.no-base h2{margin:18px 0 0}.no-base p{text-align:center;max-width:500px}.no-base button{border:1px solid var(--line2);background:var(--panel);height:36px;color:var(--text);border-radius:5px;padding:0 14px}.public-preview{background:var(--bg);min-height:calc(100vh - 67px)}.public-header{border-bottom:1px solid var(--line);background:var(--panel);grid-template-columns:250px minmax(240px,500px) 1fr;align-items:center;gap:35px;height:66px;padding:0 28px;display:grid}.public-header img{object-fit:contain;object-position:center;width:142px;max-height:50px}.public-header label{border:1px solid var(--line2);height:34px;color:var(--muted);border-radius:5px;align-items:center;gap:8px;padding:0 10px;font-size:11px;display:flex}.public-header label svg{width:14px}.public-header label span{flex:1}.public-header kbd{color:var(--subtle);font-size:9px}.public-header>span{color:var(--muted);justify-self:end;font-size:11px}.public-layout{grid-template-columns:250px minmax(0,1fr) 220px;max-width:1500px;min-height:calc(100vh - 133px);margin:auto;display:grid}.public-tree{border-right:1px solid var(--line);padding:30px 22px}.public-tree>strong{margin-bottom:24px;font-size:12px;display:block}.public-category{padding-left:calc(var(--depth) * 12px);margin:0 0 17px}.public-category>span{color:var(--subtle);letter-spacing:.08em;text-transform:uppercase;margin-bottom:6px;font-size:9px;font-weight:600;display:block}.public-category button{width:100%;color:var(--muted);text-align:left;background:0 0;border:0;border-radius:4px;padding:7px 8px;font-size:11px;display:block}.public-category button:hover,.public-category button.active{background:var(--panel2);color:var(--text)}.public-category button.active{font-weight:600}.public-article{padding:52px clamp(35px,6vw,85px) 90px}.public-breadcrumb{color:var(--subtle);margin-bottom:24px;font-size:10px}.preview-warning{color:#e8c765;background:#211b0e;border:1px solid #725a20;border-radius:5px;margin:0 0 22px;padding:11px 13px;font-size:11px}.public-article>h1{color:var(--text);letter-spacing:-.04em;margin:0 0 13px;font-size:42px}.public-lead{color:var(--muted);margin:0 0 25px;font-size:16px;line-height:1.6}.public-article .editor-frame.preview{max-width:800px;margin:0}.public-article .tiptap{min-height:0;padding-top:15px}.public-outline{border-left:1px solid var(--line);padding:52px 22px}.public-outline>span{color:var(--subtle);letter-spacing:.1em;margin-bottom:14px;font-size:9px;display:block}.public-outline div{color:var(--muted);padding:6px 0;font-size:10px}.public-outline small{color:var(--subtle);font-size:10px}:root[data-theme=light] .delete-category{color:#999}:root[data-theme=light] .delete-category:hover{color:#b93636;background:#fae6e6}:root[data-theme=light] .public-header{background:#fff}:root[data-theme=light] .public-category button:hover,:root[data-theme=light] .public-category button.active{background:#ececec}:root[data-theme=light] .preview-warning{color:#795d11;background:#fff8df;border-color:#d7b65d}@media (width<=1100px){.public-layout{grid-template-columns:230px minmax(0,1fr)}.public-outline{display:none}.public-header{grid-template-columns:200px minmax(240px,500px) 1fr}.public-tree{padding-left:16px;padding-right:16px}}@media (width<=760px){.delete-category{opacity:1}.public-header{grid-template-columns:1fr auto;padding:0 18px}.public-header label{display:none}.public-layout{display:block}.public-tree{display:none}.public-article{padding:35px 22px 70px}.public-article>h1{font-size:34px}}