:root{font-family:Segoe UI,Malgun Gothic,sans-serif;color:#202124;background:#fff;font-size:14px}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;border:1px solid #d6d9df;background:#fff;border-radius:5px;padding:7px 10px;color:inherit}button:hover{background:#eef3fa}button:disabled{opacity:.45;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #3478ce;outline-offset:2px}header{min-height:60px;display:flex;align-items:center;gap:10px;padding:10px 18px;border-bottom:1px solid #ddd;flex-wrap:wrap}header strong{font-size:19px;margin-right:8px}#provider{color:#5d6470;margin-right:auto}main{display:grid;grid-template-columns:220px 340px minmax(0,1fr);height:calc(100dvh - 61px)}aside{padding:16px 10px;background:#f6f7f9;border-right:1px solid #ddd;overflow:auto}h2{font-size:15px;margin:0 0 14px}.hint{font-size:12px;color:#727983;line-height:1.7;padding:10px}.tree-row{display:flex;min-height:34px}.tree-row button{border:0;background:transparent;text-align:left;white-space:nowrap}.tree-row button:first-child{padding:4px;width:22px}.tree-row .active{background:#dfeafa;border-radius:4px}.drop{background:#dcecff!important;outline:2px solid #3478ce}#explorer{padding:14px;border-right:1px solid #ddd;overflow:auto}#breadcrumbs{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:14px}#breadcrumbs button{font-size:12px;border:0;background:#f1f3f6;padding:5px 8px}.actions{display:flex;gap:6px;margin:10px 0}input[type=search]{width:100%;padding:9px;border:1px solid #d6d9df;border-radius:5px;margin-bottom:12px}.file{border-bottom:1px solid #eee;padding:5px 0;display:flex;flex-wrap:wrap}.file-name{width:100%;text-align:left;border:0;overflow-wrap:anywhere}.file-actions{display:none;gap:4px;margin-left:24px}.file-actions button{font-size:11px;padding:3px 8px;border:0;color:#626975}#writing{display:flex;flex-direction:column;min-height:0;min-width:0}.editor-heading{display:flex;align-items:center;gap:10px;padding:16px;border-bottom:1px solid #eee}.editor-heading h2{margin:0;flex:1;overflow-wrap:anywhere}#back{display:none}#toolbar{display:flex;align-items:center;gap:7px;padding:10px 16px;border-bottom:1px solid #ddd;flex-wrap:wrap}#toolbar label{display:flex;align-items:center;gap:5px;font-size:12px}#toolbar select{padding:5px;border:1px solid #ddd;border-radius:4px}input[type=color]{width:30px;height:29px;border:0;padding:0;background:none}#editor{flex:1;overflow:auto;min-height:220px}.tiptap{min-height:100%;padding:25px 32px;outline:none;line-height:1.8;font-size:16px;overflow-wrap:anywhere}.tiptap p{margin:0 0 10px}.tiptap pre{white-space:pre-wrap;background:#f2f3f5;padding:12px}.tiptap img{max-width:100%}footer{border-top:1px solid #ddd;padding:10px 16px;font-size:12px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}#status{margin-right:auto}footer button{font-size:12px}#notice{padding:12px 18px;background:#fff1d6;color:#774800;line-height:1.6}dialog{border:1px solid #ddd;border-radius:10px;padding:24px;width:min(460px,90vw)}dialog::backdrop{background:#0005}dialog input,dialog select{width:100%;padding:10px;border:1px solid #bbb;border-radius:5px}dialog p{line-height:1.6;color:#626975}dialog .actions{justify-content:flex-end;margin-top:20px}[hidden]{display:none!important}@media(max-width:1050px){main{grid-template-columns:170px 270px minmax(0,1fr)}.tiptap{padding:20px}}@media(max-width:720px){.file-actions{display:flex;flex-wrap:wrap}header{padding:10px;gap:6px}header strong{font-size:17px}header button{font-size:12px}#provider{font-size:11px}main{display:block;height:auto}aside{display:none}#explorer{border:0;min-height:65dvh;padding:12px}#writing{display:none;min-height:calc(100dvh - 100px)}body.editing #explorer{display:none}body.editing #writing{display:flex}#back{display:block}#editor{min-height:50dvh}.file{padding:8px 0}.file-name{font-size:16px;min-height:42px}.file-actions button{font-size:13px;min-height:36px}#toolbar{padding:8px;gap:5px;position:sticky;top:0;background:#fff;z-index:1}.tiptap{padding:20px 16px}footer{padding:10px}.editor-heading{padding:10px}button{min-height:34px}}main{position:relative;--sidebar-width:220px;grid-template-columns:var(--sidebar-width) 360px minmax(0,1fr)}aside{padding:20px 12px;background:#f8f9fb;min-width:0}aside h2{color:#606570;font-size:12px;font-weight:600;padding:0 8px}.favorites-section{margin-top:28px;border-top:1px solid #e3e5e9;padding-top:22px}#favorites{display:flex;flex-direction:column;gap:4px;font-size:12px;color:#7b8088;line-height:1.7}#favorites button{border:0;background:transparent;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#30343b}#favorites button:hover{background:#e9edf3}#sidebar-toggle{position:absolute;left:calc(var(--sidebar-width) - 10px);top:50%;transform:translateY(-50%);width:20px;height:56px;padding:0;z-index:5;background:#f5f6f8;border:1px solid #d8dce3;border-radius:7px;font-size:22px;color:#687281;box-shadow:0 1px 4px #0000000a}.sidebar-collapsed main{--sidebar-width:0px;grid-template-columns:0 420px minmax(0,1fr)}.sidebar-collapsed aside{visibility:hidden;padding:0;overflow:hidden}.sidebar-collapsed #sidebar-toggle{left:0;border-radius:0 7px 7px 0}#explorer{min-width:0;padding:16px 18px;background:#fff}#breadcrumbs{position:relative;height:42px;min-height:42px;max-height:42px;flex-shrink:0;border:1px solid #dfe3e9;border-bottom-color:#c7cdd5;border-radius:7px;background:#fafbfc;overflow:hidden;margin:0 0 12px;padding:0}#breadcrumb-items{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;gap:0;align-items:center;flex-wrap:nowrap;overflow-x:scroll;overflow-y:hidden;padding:0 7px}#breadcrumb-items::-webkit-scrollbar{height:4px}#breadcrumb-items::-webkit-scrollbar-track{background:transparent}#breadcrumb-items::-webkit-scrollbar-thumb{background:#b5bfcc;border-radius:4px}#breadcrumb-items::-webkit-scrollbar-thumb:hover{background:#8795a7}@supports not selector(::-webkit-scrollbar){#breadcrumb-items{scrollbar-width:thin;scrollbar-color:#b5bfcc transparent}}#breadcrumbs button{white-space:nowrap;font-size:13px;padding:6px 7px;background:transparent;border-radius:4px;flex-shrink:0}#breadcrumbs button:hover{background:#e8ebf0}#breadcrumbs button[aria-current]{font-weight:600;color:#252a31}.crumb-separator{font-size:19px;color:#9097a2;padding:0 2px;flex-shrink:0}.command-bar{align-items:center;gap:2px;margin:0 -4px 15px;padding:0 0 12px;border-bottom:1px solid #eceef2}.command-bar button{display:inline-flex;align-items:center;gap:7px;border:1px solid transparent;background:transparent;padding:8px 7px;font-size:12px;white-space:nowrap;min-height:38px;border-radius:5px}.command-bar button:hover{background:#f0f2f5;border-color:#e6e8ec}.command-bar button:active{background:#e3e8f0}.command-icon{position:relative;font-size:22px;line-height:20px;font-weight:400;color:#556b88;width:22px;text-align:center}.folder-icon{color:#b68525}.command-icon small{position:absolute;bottom:-3px;right:-1px;font-size:12px;font-weight:700;color:#2073c4;background:#fff;line-height:10px;border-radius:50%}.command-divider{width:1px;height:21px;background:#e1e4e9;margin:0 5px}#search{background:#fafbfc;border-color:#dfe3e9;border-bottom-color:#aab4c0;border-radius:6px;font-size:12px}#search-info{font-size:11px;color:#79818c;line-height:1.6;margin:0 0 12px}.file{border:1px solid transparent;border-radius:5px;margin:2px 0;padding:1px 0}.file:hover{background:#f5f7fa}.file.selected{background:#e8f1fc;border-color:#c4dafa}.file-name{background:transparent;min-height:35px;font-size:13px;border-radius:4px}.file-name:hover{background:transparent}.result-path{width:100%;padding:0 10px 6px 30px;color:#7d8490;font-size:11px;overflow-wrap:anywhere}#context-menu{position:fixed;z-index:30;width:210px;padding:5px;border:1px solid #d9dde3;border-radius:8px;background:#fcfcfd;box-shadow:0 8px 28px #0002;display:flex;flex-direction:column;gap:2px}#context-menu button{border:0;background:transparent;text-align:left;padding:9px 12px;font-size:13px}#context-menu button:hover{background:#e9eef5}@media(min-width:721px)and (max-width:1050px){main{--sidebar-width:170px;grid-template-columns:var(--sidebar-width) 320px minmax(0,1fr)}}@media(max-width:720px){main,.sidebar-collapsed main{display:block}#sidebar-toggle{display:none}#explorer{padding:12px}.command-bar{gap:6px}.command-bar button{padding:8px;font-size:13px}.file-name{font-size:16px;min-height:42px}}#sync-status{font-size:12px;color:#64748b;max-width:380px;overflow-wrap:anywhere}#sync-status[data-sync-state=error]{color:#aa5420}@media(max-width:720px){#sync-status{font-size:11px;max-width:100%;order:3;flex-basis:100%}}#account-menu{display:flex;align-items:center;gap:10px;min-width:0;max-width:380px;margin-left:auto}.account-photo{display:grid;place-items:center;flex-shrink:0;width:32px;height:32px;border-radius:50%;overflow:hidden;background:#e8eff9;color:#315f98}#account-avatar{width:100%;height:100%;object-fit:cover}#account-avatar-fallback{font-size:14px;font-weight:600}#account-email{min-width:0;max-width:245px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}button.text-link{border:0;background:transparent;color:#306cb2;text-decoration:underline;text-underline-offset:3px;padding:7px 2px;white-space:nowrap}button.text-link:hover{color:#174a89;background:transparent}#logout-dialog{max-width:min(420px,calc(100vw - 32px))}#logout-description{line-height:1.7;color:#626b78}#logout-dialog .actions{justify-content:flex-end;margin-top:22px}.google-connected #provider{display:none}.google-connected #sync-status{margin-left:auto}@media(max-width:720px){#account-menu{gap:7px;max-width:calc(100% - 84px)}.account-photo{width:28px;height:28px}#account-email{font-size:12px;max-width:155px}#logout{font-size:12px}.google-connected #sync-status{margin-left:0}}