.offline-workspace{background:var(--paper,#fff);min-height:100dvh;color:var(--ink,#242424);grid-template-rows:64px minmax(0,1fr);grid-template-columns:272px minmax(0,1fr);display:grid}.offline-topbar{border-bottom:1px solid var(--line,#e4e4e7);grid-column:1/-1;justify-content:space-between;align-items:center;gap:16px;padding:12px 24px;display:flex}.offline-topbar>a{width:130px}.offline-topbar>span,.offline-topbar>div,.offline-topbar button,.offline-document-tools button,.offline-new,.offline-online-link,.offline-back{align-items:center;gap:8px;display:flex}.offline-topbar>div{justify-content:flex-end}.offline-topbar button,.offline-document-tools button,.offline-back{border-radius:6px;padding:8px 10px}.offline-connection,.offline-hint,.offline-document-tools,.offline-workspace-picker{color:var(--muted,#71717a);font-size:13px}.offline-sidebar{border-right:1px solid var(--line,#e4e4e7);flex-direction:column;gap:16px;min-height:calc(100dvh - 64px);padding:24px 16px;display:flex}.offline-workspace-picker{flex-direction:column;gap:6px;display:flex}.offline-workspace-picker select{border:1px solid var(--line,#e4e4e7);background:var(--paper,#fff);width:100%;color:inherit;border-radius:6px;padding:9px}.offline-new{justify-content:center;padding:10px}.offline-hint{margin:0;line-height:1.55}.offline-sidebar nav{flex-direction:column;gap:4px;display:flex}.offline-sidebar nav>button{text-align:left;border-radius:7px;align-items:center;gap:10px;width:100%;padding:11px 10px;display:flex}.offline-sidebar nav>button.selected{background:var(--hover,#f0eef7)}.offline-sidebar nav>button>span{min-width:0}.offline-sidebar strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:500;display:block;overflow:hidden}.offline-sidebar small{color:var(--muted,#71717a);margin-top:3px;font-size:12px;display:block}.offline-online-link{margin-top:auto;padding:10px 0;font-size:13px;text-decoration:none}.offline-main{min-width:0;padding:20px 32px 80px}.offline-document{max-width:940px;margin:auto}.offline-document-tools{justify-content:space-between;align-items:center;gap:12px;margin:0 0 32px;display:flex}.offline-empty{max-width:600px;margin:60px auto;padding:24px;line-height:1.7}.offline-empty h1{letter-spacing:-.7px;font-size:28px;line-height:1.3}.offline-empty p{color:var(--muted,#71717a)}.offline-empty .primary{border-radius:6px;padding:9px 18px;text-decoration:none;display:inline-block}.offline-back{display:none}.offline-main>.error-note{max-width:900px;margin:0 auto 20px}.offline-setup{border-bottom:1px solid var(--line,#e4e4e7);color:var(--muted,#71717a);flex-wrap:wrap;align-items:center;gap:8px;padding:8px 12px;font-size:13px;display:flex}.offline-connection,.offline-setup a{white-space:nowrap;align-items:center;gap:4px;display:inline-flex}.offline-setup>.offline-connection{margin-right:8px}.offline-setup a{color:inherit;text-decoration:none}.offline-setup button{border-radius:5px;padding:5px 8px;font-size:12px}.offline-setup .offline-setup-state{margin-left:auto}.offline-spinning{animation:1.3s linear infinite offline-spin}@keyframes offline-spin{to{transform:rotate(360deg)}}@media (max-width:700px){.offline-workspace{display:block}.offline-topbar{height:62px;padding:10px 14px}.offline-topbar>a{width:36px;overflow:hidden}.offline-topbar>span{font-size:14px}.offline-topbar,.offline-topbar>div{gap:8px}.offline-topbar button{padding:6px;font-size:12px}.offline-sidebar{border:0;min-height:calc(100dvh - 62px);padding:20px}.offline-main{padding:14px 16px 80px;display:none}.offline-page-open .offline-sidebar{display:none}.offline-page-open .offline-main{display:block}.offline-back{margin-bottom:20px;display:flex}.offline-document-tools{margin-bottom:24px;font-size:12px}.offline-document .document-inner{padding:0}.offline-document .page-title-input{font-size:30px}.offline-empty{margin:24px auto;padding:12px}.offline-setup{gap:5px;font-size:12px}}@media (prefers-reduced-motion:reduce){.offline-spinning{animation:none}}.offline-save-status{color:var(--muted,#71717a);margin-bottom:18px;font-size:12px;display:block}@media (max-width:700px){.offline-topbar .open-docs-brand>span{display:none}.offline-document{padding:12px 0}.offline-document-tools>span{max-width:58%}.offline-document-tools button{white-space:nowrap;font-size:12px}.offline-document .block-editor{padding-left:30px}}