:root{font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;color:#162033;background:#f5f7fb}*{box-sizing:border-box}body{margin:0}.top{height:64px;background:#fff;border-bottom:1px solid #e5e9f0;display:flex;align-items:center;justify-content:space-between;padding:0 28px}.brand{font-weight:800;letter-spacing:.08em;color:#1d4ed8}.brand span{font-size:10px;color:#8a94a6;margin-left:8px;letter-spacing:.12em}.top-actions{display:flex;align-items:center;gap:16px;font-size:14px}.layout{height:calc(100vh - 64px);display:grid;grid-template-columns:280px 1fr}.sidebar{background:#fff;border-right:1px solid #e5e9f0;padding:22px 14px;overflow:auto}.side-head,.tree-row,.editor-head,.modal-head,.version{display:flex;align-items:center;justify-content:space-between}.side-head{padding:0 8px 16px}.tree-row{font-size:13px;padding:9px 8px;color:#344054}.tree-folder{margin-bottom:2px}.tree-folder>.tree-folder{padding-left:15px}.doc-row{border:0;background:transparent;width:100%;text-align:left;padding:8px 10px 8px 24px;color:#536174;border-radius:6px;cursor:pointer}.doc-row:hover,.doc-row.active{background:#eaf1ff;color:#1d4ed8}.icon,.mini{border:0;background:transparent;color:#1d4ed8;cursor:pointer}.mini{font-size:16px;margin-left:5px}.new-doc{width:100%;margin-top:18px;padding:11px;border:1px solid #bfceee;background:#f1f5ff;color:#1d4ed8;border-radius:7px;cursor:pointer}.empty{font-size:13px;color:#98a2b3;padding:20px 8px}.editor{min-width:0;padding:22px 28px}.editor-head{height:60px}.editor-head input{border:0;background:transparent;font-size:23px;font-weight:700;color:#162033;outline:0;width:420px}.meta{font-size:12px;color:#98a2b3;margin-top:5px}.editor-actions{display:flex;gap:8px}.editor-actions button,.login button{border:0;border-radius:6px;background:#2563eb;color:white;padding:10px 17px;cursor:pointer}.ghost{border:1px solid #d9e0eb;background:#fff!important;color:#46556d!important}.split{height:calc(100vh - 172px);display:grid;grid-template-columns:1fr 1fr;gap:16px}.split textarea,.split article{background:#fff;border:1px solid #e1e7f0;border-radius:8px;padding:20px;overflow:auto;line-height:1.7;font:15px/1.7 ui-monospace,SFMono-Regular,Menlo,monospace;resize:none}.split article{font-family:system-ui,sans-serif}.split article h1,.split article h2,.split article h3{margin-top:0}.split article code{background:#eef2f7;padding:2px 5px;border-radius:4px}.login{min-height:100vh;display:grid;place-items:center;background:#eef3ff}.login-card{width:min(420px,calc(100% - 32px));background:#fff;border:1px solid #dfe7f6;border-radius:12px;padding:38px;box-shadow:0 20px 60px #3155a11a}.login h1{margin:28px 0 8px}.login p{color:#738099;font-size:14px;margin-bottom:28px}.login label{display:block;font-size:13px;font-weight:600;margin:14px 0}.login input{display:block;width:100%;margin-top:7px;padding:12px;border:1px solid #d6deeb;border-radius:6px}.login button{width:100%;margin-top:12px}.error{color:#d92d20;font-size:13px;margin-top:12px;min-height:18px}.modal-bg{position:fixed;inset:0;background:#10182866;display:grid;place-items:center}.modal{width:min(560px,calc(100% - 30px));max-height:80vh;overflow:auto;background:#fff;border-radius:10px;padding:24px}.modal-head{margin-bottom:16px}.modal-head h2{margin:0}.modal-head button{border:0;background:transparent;font-size:24px;cursor:pointer}.version{border-top:1px solid #edf0f5;padding:14px 0}.version small{display:block;color:#98a2b3;margin-top:4px}.version button{background:#eff5ff;color:#2563eb;border:0;border-radius:5px;padding:7px 10px;cursor:pointer}@media(max-width:800px){.layout{grid-template-columns:220px 1fr}.editor{padding:16px}.split{grid-template-columns:1fr;height:calc(100vh - 160px)}.split article{display:none}.editor-head input{width:220px;font-size:18px}}