.folder-icon{color:#0071e3!important;background:#e8f3ff!important}.folder.active .folder-icon{color:#fff!important;background:#0071e3!important}.documents{padding:0 34px 100px;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}.document{display:flex;gap:14px;min-height:112px;padding:17px;border:1px solid rgba(60,60,67,.08);border-radius:19px;background:#fff;text-align:left}.document.pinned{background:#fff9dd}.doc-icon{display:grid;place-items:center;flex:0 0 auto;width:42px;height:42px;border-radius:12px;background:#e8f3ff;color:#0071e3}.doc-icon svg{width:23px;height:23px}.document div{min-width:0}.document h2{margin:1px 0 7px;font-size:17px}.document p{margin:0;color:#6e6e73;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.document footer{margin-top:12px;color:#8e8e93;font-size:11px}.doc-editor{width:min(900px,calc(100vw - 32px));height:min(900px,calc(100vh - 24px));border-radius:28px;background:#fff;overflow:hidden;box-shadow:var(--shadow);display:flex;flex-direction:column}.doc-editor>header{height:60px;padding:0 20px;border-bottom:1px solid #e5e5e7;display:flex;align-items:center;justify-content:space-between;color:#8e8e93;font-size:13px}.doc-editor>input{border:0;outline:0;padding:24px 56px 10px;font-size:32px;font-weight:750;letter-spacing:-.035em}.toolbar{display:flex;gap:6px;padding:8px 52px;border-bottom:1px solid #eee}.toolbar button{display:grid;place-items:center;min-width:34px;height:34px;border:0;border-radius:9px;background:#f2f2f7}.toolbar svg{width:18px;height:18px}.doc-editor article{flex:1;padding:26px 56px;outline:0;overflow:auto;font-size:18px;line-height:1.65}.doc-editor article:empty:before{content:attr(data-placeholder);color:#aaa}.doc-editor article h2{font-size:26px}.doc-editor>footer{display:flex;gap:8px;align-items:center;padding:12px 20px calc(12px + env(safe-area-inset-bottom));border-top:1px solid #eee}.doc-editor>footer select{margin-right:auto;border:0;border-radius:10px;background:#f2f2f7;padding:9px}
@media(max-width:760px){.documents{padding:0 18px 100px;grid-template-columns:1fr}.doc-editor{width:100vw;height:100dvh;border-radius:0}.doc-editor>input{padding:20px 22px 8px;font-size:28px}.toolbar{padding:8px 18px;overflow-x:auto}.doc-editor article{padding:22px;font-size:17px}.document{min-height:105px}}