:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;text-rendering:optimizelegibility;--background:#fff;--foreground:#111;--muted:#737373;--border:#e3e3e3;--panel:#fafafa;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace}*{box-sizing:border-box}html,body{background:var(--background);width:100%;min-height:100%;color:var(--foreground);margin:0}button,input,textarea{color:inherit;font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--foreground);outline-offset:2px}.workspace{grid-template-columns:280px minmax(0,1fr);width:100%;height:100dvh;display:grid;overflow:hidden}.sidebar{border-right:1px solid var(--border);background:var(--panel);flex-direction:column;min-width:0;display:flex}.brand-row,.document-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;min-height:64px;display:flex}.brand-row{padding:0 16px}.brand{color:inherit;font-size:18px;text-decoration:none}.icon-button{cursor:pointer;background:0 0;border:0;border-radius:8px;width:36px;height:36px;font-size:24px}.icon-button:hover{background:#eee}.sidebar-actions{align-items:center;gap:2px;display:flex}.sidebar-actions>button:not(.icon-button){width:30px;height:30px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:6px}.sidebar-actions>button:hover{color:var(--foreground);background:#eee}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.file-list{flex-direction:column;gap:2px;padding:10px 8px;display:flex;overflow:auto}.folder-form{gap:4px;margin:0 2px 6px;display:flex}.folder-form input{border:1px solid var(--border);background:var(--background);border-radius:5px;flex:1;min-width:0;padding:7px 8px;font-size:11px}.folder-form button{border:1px solid var(--border);background:var(--background);flex:none;width:auto;padding:6px;font-size:10px}.file-list button{text-align:left;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:6px;justify-content:space-between;align-items:center;gap:8px;min-width:0;padding:9px 10px;display:flex;overflow:hidden}.file-list small,.account-row small{color:var(--muted);font-size:9px}.file-list button.folder-row{color:#3f3f3f}.file-list button.folder-row.parent{border-bottom:1px solid var(--border);color:var(--muted);border-radius:0;margin-bottom:4px}.account-row{border-top:1px solid var(--border);color:var(--muted);justify-content:space-between;gap:8px;margin-top:auto;padding:12px 16px;font-size:11px;display:flex;overflow:hidden}.account-row span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.account-row a{color:inherit}.file-list button:hover,.file-list button.active{background:#eaeaea}.document{flex-direction:column;min-width:0;min-height:0;display:flex}.document-header{flex:none;gap:20px;padding:10px 24px}.title-block{min-width:0}.eyebrow{color:var(--muted);margin-bottom:6px;font-size:12px;display:block}.format{border:1px solid var(--border);border-radius:5px;margin-left:6px;padding:1px 5px}.title-input{text-overflow:ellipsis;background:0 0;border:0;width:min(60vw,720px);padding:0;font-size:20px;display:block;overflow:hidden}.header-actions,.mode-switch{align-items:center;display:flex}.header-actions{gap:14px}.save-state{color:var(--muted);font-size:11px}.share-button{border:1px solid var(--border);background:var(--background);cursor:pointer;border-radius:6px;padding:.45rem .65rem;font-size:.7rem}.mode-switch{border:1px solid var(--border);background:var(--panel);border-radius:8px;padding:3px}.mode-switch button{min-height:36px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:0 13px}.mode-switch button.active{background:var(--background);color:var(--foreground);box-shadow:0 1px 4px #00000014}.mode-switch button:disabled{cursor:not-allowed;opacity:.38}.editor,.reader{background:var(--background);tab-size:2;white-space:pre-wrap;border:0;flex:1;width:100%;min-width:0;min-height:0;margin:0;padding:28px 32px 48px;font-family:inherit;font-size:16px;line-height:1.65}.editor{resize:none}.editor:focus{outline:0}.reader{overflow:auto}.viewer-loading{min-height:0;color:var(--muted);flex:1;place-content:center;font-size:.8rem;display:grid}@media (max-width:720px){.workspace{display:block}.sidebar{display:none}.document{height:100dvh}.document-header{align-items:flex-start;gap:10px;padding:10px 12px}.title-input{width:min(42vw,300px);font-size:16px}.save-state{display:none}.mode-switch button{min-height:40px;padding:0 9px;font-size:12px}.editor,.reader{padding:20px 16px 40px;font-size:16px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}