:root{color:#20242c;font-synthesis:none;--ink:#20242c;--muted:#747c89;--line:#e4e7ec;--paper:#fff;--canvas:#f5f6f8;--blue:#315eea;--blue-dark:#234bd0;--blue-soft:#edf1ff;--orange:#bd592e;background:#f5f6f8;font-family:Segoe UI,Arial,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,textarea{font:inherit}button{cursor:pointer;border:0}button:focus-visible,input:focus-visible,textarea:focus-visible{outline-offset:2px;outline:3px solid #8ca5ff}.auth-shell{background:#252a34;place-items:center;min-height:100vh;padding:24px;display:grid}.auth-panel{background:var(--paper);border-radius:8px;width:min(430px,100%);padding:42px;box-shadow:0 24px 70px #10152155}.mark,.welcome-mark{background:var(--blue);color:#fff;border-radius:8px;place-items:center;width:48px;height:48px;margin-bottom:26px;font-size:16px;font-weight:700;display:grid}.eyebrow{color:var(--muted);margin:0 0 8px;font:500 11px ui-monospace,Consolas,monospace}.auth-panel h1{color:var(--ink);margin:0 0 12px;font:600 30px/1.15 Georgia,serif}.muted{color:#69717e;font-size:14px;line-height:1.65}.auth-panel form{gap:9px;margin-top:28px;display:grid}.auth-panel label{font-size:13px;font-weight:700}.auth-panel input{background:#fff;border:1px solid #d7dce4;border-radius:5px;outline:none;height:46px;padding:0 13px}.auth-panel input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #315eea20}.primary,.save{background:var(--blue);color:#fff;border-radius:5px;justify-content:center;align-items:center;gap:8px;height:40px;padding:0 15px;font-weight:700;display:inline-flex}.primary:hover,.save:hover{background:var(--blue-dark)}.primary:disabled,.save:disabled{opacity:.45;cursor:not-allowed}.error{color:#bb492e;font-size:13px}.app-shell{background:var(--canvas);min-height:100vh}.topbar{z-index:2;border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;height:64px;padding:0 28px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:10px;display:flex}.brand-mark{background:var(--blue);color:#fff;border-radius:6px;place-items:center;width:30px;height:30px;font-weight:700;display:grid}.brand strong{font-size:14px;display:block}.brand small{color:var(--muted);margin-top:1px;font-size:11px;display:block}.top-actions{display:flex}.icon-button{color:#68717d;background:0 0;border-radius:5px;place-items:center;width:36px;height:36px;display:grid}.icon-button:hover{color:var(--ink);background:#f0f2f5}.icon-button.accent{background:var(--blue-soft);color:var(--blue)}.workspace{grid-template-columns:252px minmax(0,1fr);min-height:calc(100vh - 64px);display:grid}.sidebar{border-right:1px solid var(--line);background:#f9fafb;flex-direction:column;padding:26px 16px 18px;display:flex}.sidebar-head{justify-content:space-between;align-items:center;padding:0 9px 16px;display:flex}.head-actions{gap:3px;display:flex}.sidebar h2,.panel-head h2{margin:0;font-size:21px}.folder-tree{gap:2px;max-height:42vh;display:grid;overflow:auto}.folder-row{color:#4e5866;border-radius:4px;align-items:center;min-width:0;height:34px;padding:0 5px;display:flex}.folder-row:hover,.folder-row.active{color:#20242c;background:#e9edf2}.folder-row.root-row{gap:8px;padding-left:9px;font-size:13px}.folder-row:not(.root-row){padding-left:calc(3px + (var(--depth) - 1) * 14px)}.disclosure{color:#818a98;background:0 0;flex:0 0 22px;place-items:center;width:22px;height:24px;padding:0;display:grid}.disclosure-spacer{width:14px}.folder-select{min-width:0;height:100%;color:inherit;text-align:left;background:0 0;flex:1;align-items:center;gap:7px;padding:0 3px;font-size:12px;display:flex}.folder-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.folder-count{color:#8a929e;flex:none;margin-left:auto;font:11px ui-monospace,Consolas,monospace}.folder-actions{align-items:center;display:none}.folder-row:hover .folder-actions,.folder-row:focus-within .folder-actions{display:flex}.folder-actions button{color:#76808d;background:0 0;place-items:center;width:23px;height:24px;padding:0;display:grid}.folder-actions button:hover{color:var(--blue)}.list-label{color:#697381;justify-content:space-between;align-items:center;margin:14px 7px 5px;font-size:11px;font-weight:700;display:flex}.icon-button.small{width:26px;height:26px}.icon-button:disabled{opacity:.35;cursor:not-allowed}.doc-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.doc-list{gap:3px;display:grid;overflow:auto}.doc-item{color:#343b46;text-align:left;background:0 0;border-radius:5px;flex-direction:column;gap:6px;min-width:0;padding:11px;display:flex}.doc-item:hover{background:#eff1f5}.doc-item.active{background:var(--blue-soft);color:#234bd0}.doc-item span{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;overflow:hidden}.doc-item small{color:#828996;font:11px ui-monospace,Consolas,monospace}.empty{color:#838a96;padding:14px 10px;font-size:13px;line-height:1.6}.new-doc{color:#394252;background:#fff;border:1px solid #dfe3eb;border-radius:5px;justify-content:center;align-items:center;gap:7px;height:38px;margin-top:auto;font-size:12px;font-weight:700;display:flex}.new-doc:hover{color:var(--blue);background:#f8f9ff;border-color:#b9c8fc}.editor-area{min-width:0;padding:30px clamp(22px,4vw,58px)}.editor-head{justify-content:space-between;align-items:flex-end;gap:18px;max-width:1120px;margin:0 auto 20px;display:flex}.editor-head h1{overflow-wrap:anywhere;color:var(--ink);margin:0 0 6px;font:600 27px/1.2 Georgia,serif}.status{color:#79818d;font:11px ui-monospace,Consolas,monospace}.status.dirty{color:var(--orange)}.toolbar{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.tool{color:#586170;background:0 0;border:1px solid #0000;border-radius:5px;justify-content:center;align-items:center;gap:6px;height:35px;padding:0 10px;font-size:12px;font-weight:600;display:inline-flex}.tool:hover{border-color:var(--line);color:var(--ink);background:#fff}.tool.danger{color:#b64b3c}.save{height:35px;font-size:12px}.document-preview{background:var(--paper);border:1px solid #e7e9ed;border-radius:6px;max-width:1120px;min-height:calc(100vh - 164px);margin:0 auto;padding:44px clamp(24px,7vw,100px);overflow:auto;box-shadow:0 2px 8px #20242c06}.markdown{color:#38404b;overflow-wrap:anywhere;max-width:740px;margin:0 auto;font-size:15px;line-height:1.8}.markdown h1,.markdown h2,.markdown h3{color:#222832;font-family:Georgia,serif;line-height:1.25}.markdown h1{font-size:34px}.markdown h2{margin-top:1.7em;font-size:26px}.markdown h3{font-size:20px}.markdown code{color:#3f4c69;background:#f0f2f6;border-radius:3px;padding:2px 5px;font:13px ui-monospace,Consolas,monospace}.code-block{margin:1em 0;position:relative}.markdown pre{color:#f4f5f7;background:#252a34;border-radius:5px;margin:0;padding:16px 52px 16px 16px;overflow:auto}.markdown pre code{color:inherit;background:0 0;padding:0}.copy-code-button{color:#d7dce4;background:#ffffff12;border:1px solid #ffffff2b;border-radius:4px;place-items:center;width:28px;height:28px;padding:0;display:grid;position:absolute;top:8px;right:8px}.copy-code-button:hover,.copy-code-button:focus-visible{color:#fff;background:#fff2;border-color:#ffffff5c}.markdown blockquote{color:#69717e;border-left:3px solid #f0a56f;margin-left:0;padding-left:16px}.markdown a{color:var(--blue)}.markdown img{max-width:100%}.welcome{color:#69717e;text-align:center;place-content:center;justify-items:center;min-height:calc(100vh - 130px);display:grid}.welcome-mark{margin:0 auto 18px;font:700 24px Georgia,serif}.welcome h1{color:var(--ink);margin:0 0 8px;font:600 30px Georgia,serif}.welcome p{max-width:360px;margin:0 0 23px;font-size:14px;line-height:1.6}.overlay{z-index:3;background:#20242c66;justify-content:flex-end;display:flex;position:fixed;inset:0}.history-panel{background:#fff;width:min(430px,100%);height:100%;padding:27px;overflow:auto}.panel-head{justify-content:space-between;align-items:flex-start;margin-bottom:24px;display:flex}.history-item{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:15px 0;display:flex}.history-item strong{font:500 14px ui-monospace,Consolas,monospace;display:block}.history-item span{color:#7b838f;margin-top:5px;font-size:11px;display:block}.restore{background:var(--blue-soft);color:var(--blue);border-radius:4px;align-items:center;gap:5px;padding:8px 10px;font-size:12px;font-weight:700;display:flex}.toast{z-index:5;color:#fff;background:#252a34;border-radius:5px;padding:12px 16px;font-size:13px;position:fixed;bottom:22px;right:22px;box-shadow:0 8px 24px #20242c25}.dialog-backdrop{z-index:6;background:#20242c99;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.editor-dialog,.small-dialog{border:1px solid var(--line);background:#fff;border-radius:7px;width:min(920px,100%);box-shadow:0 24px 70px #10152155}.editor-dialog{flex-direction:column;height:min(760px,100vh - 48px);display:flex}.small-dialog{width:min(420px,100%);padding:8px 20px 20px}.small-dialog .dialog-head{justify-content:space-between;align-items:center;padding:12px 0 18px;display:flex}.small-dialog .dialog-head h2{margin:0;font-size:18px}.small-dialog label{color:#596371;gap:7px;font-size:13px;display:grid}.small-dialog input,.small-dialog select{height:40px;color:var(--ink);background:#fff;border:1px solid #d7dce4;border-radius:4px;padding:0 10px}.small-dialog .dialog-actions{padding:20px 0 0}.create-dialog{width:min(520px,100%);padding:8px 22px 20px}.create-dialog .dialog-head{align-items:flex-start}.create-dialog .dialog-head p{color:var(--muted);margin:5px 0 0;font-size:12px}.create-fields{gap:15px;display:grid}.create-fields label{color:#596371;gap:6px;font-size:12px;font-weight:600;display:grid}.create-fields input,.create-fields select{width:100%;height:40px;color:var(--ink);background:#fff;border:1px solid #d7dce4;border-radius:4px;padding:0 10px}.create-fields input:focus,.create-fields select:focus{border-color:var(--blue);outline:3px solid #315eea20}.create-fields input:first-of-type{font-family:ui-monospace,Consolas,monospace}.create-fields label small{color:var(--muted);font-size:11px;font-weight:400}.file-pick{align-items:center;gap:10px;min-width:0;padding-top:2px;display:flex}.file-pick span{color:#697381;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.create-error{color:#b64b3c;margin:14px 0 0;font-size:12px}.create-actions{justify-content:flex-end;align-items:center;gap:8px;width:100%;display:flex}.create-actions .save{order:2}.create-actions .tool{order:1}@media (width<=850px){.workspace{grid-template-columns:210px minmax(0,1fr)}.editor-area{padding:22px 18px}.editor-head{flex-direction:column;align-items:flex-start}.document-preview{min-height:calc(100vh - 215px)}}@media (width<=650px){.topbar{height:58px;padding:0 15px}.workspace{min-height:calc(100vh - 58px);display:block}.sidebar{border-right:0;border-bottom:1px solid var(--line);max-height:172px;padding:12px 13px}.sidebar-head{padding:0 5px 9px}.folder-tree{flex:none;max-height:44px;display:flex;overflow:auto hidden}.folder-row:not(.root-row){padding-left:3px}.folder-actions{display:none!important}.list-label{display:none}.doc-list{display:flex;overflow-x:auto}.doc-item{min-width:160px}.new-doc{display:none}.editor-area{padding:18px 13px}.editor-head{gap:12px;margin-bottom:14px}.editor-head h1{font-size:22px}.toolbar{gap:3px;width:100%}.toolbar .tool{padding:0 8px}.toolbar .save{margin-left:auto}.document-preview{min-height:calc(100dvh - 290px);padding:25px 18px}.markdown{font-size:14px}.markdown h1{font-size:28px}.welcome{min-height:calc(100dvh - 240px);padding:20px}.auth-panel{padding:34px 26px}.auth-panel h1{font-size:27px}.dialog-backdrop{align-items:stretch;padding:0}.small-dialog{align-self:center;width:100%;margin:18px}.toast{bottom:12px;left:12px;right:12px}}