.product-shell .product-sidebar{gap:14px;min-height:0;overflow-y:auto}.product-sidebar-section{flex-direction:column;gap:7px;min-width:0;display:flex}.product-section-label{color:var(--text-faint);letter-spacing:.06em;font-size:11px;font-weight:650}.product-workspace-trigger,.product-workspace-option{text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:9px;width:100%;min-width:0;padding:7px;display:flex}.product-workspace-trigger{border-color:var(--surface-hover);background:var(--surface-raised)}.product-workspace-trigger:hover,.product-workspace-option:hover{background:var(--surface-hover)}.product-workspace-avatar{border:1px solid var(--border);background:var(--surface-subtle);border-radius:7px;flex:none;place-items:center;width:26px;height:26px;font-size:12px;font-weight:700;display:grid}.product-workspace-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:13px;overflow:hidden}.product-chevron{color:var(--text-faint);margin-left:auto}.product-switcher-panel{border:1px solid var(--surface-active);background:var(--surface-raised);box-shadow:var(--shadow-switcher);border-radius:9px;flex-direction:column;gap:8px;padding:9px;display:flex}.product-workspace-list{flex-direction:column;gap:2px;max-height:180px;margin:0;padding:0;list-style:none;display:flex;overflow:auto}.product-workspace-option{padding:5px}.product-workspace-option[aria-current=page]{background:var(--surface-selected)}.product-check{color:var(--success);margin-left:auto;font-size:12px}.product-switcher-actions{border-top:1px solid var(--border);flex-direction:column;align-items:flex-start;gap:2px;padding-top:6px;display:flex}.product-text-button{color:var(--text-secondary);text-align:left;cursor:pointer;background:0 0;border:0;padding:5px 3px;font-size:12px}.product-text-button:hover{color:var(--text-strong);text-decoration:underline}.product-text-button:disabled{color:var(--text-disabled);cursor:not-allowed}.product-pages-section{margin-top:7px}.product-pages-heading{justify-content:space-between;align-items:center;padding:0 4px;display:flex}.product-add-page{width:24px;height:24px;color:var(--text-faint);cursor:pointer;background:0 0;border:0;border-radius:5px;font-size:15px}.product-add-page:hover:not(:disabled){background:var(--surface-hover);color:var(--text-primary)}.product-page-placeholder{color:var(--text-faint);align-items:center;gap:9px;padding:7px 8px;font-size:12px;display:flex}.product-page-tree{flex-direction:column;gap:1px;margin:0;padding:0;list-style:none;display:flex}.product-page-toggle{width:18px;height:22px;color:var(--text-faint);cursor:pointer;background:0 0;border:0;border-radius:4px;flex:none;place-items:center;font-size:10px;display:grid}.product-page-toggle:hover{background:var(--surface-hover);color:var(--text-primary)}.product-page-toggle--empty{cursor:default}.product-page-link{min-width:0;color:var(--text-secondary);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:5px;flex:1;align-items:center;gap:6px;padding:4px;font-size:13px;display:flex}.product-page-link[aria-current=page]{color:var(--text-strong);font-weight:600}.product-page-icon{color:var(--text-faint);flex:none;font-size:12px}.product-page-title{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.product-page-menu-trigger{color:var(--text-faint);cursor:pointer;opacity:.5;background:0 0;border:0;border-radius:4px;flex:none;padding:2px 5px;font-size:13px;line-height:1}.product-page-row:hover .product-page-menu-trigger,.product-page-menu-trigger[aria-expanded=true],.product-page-menu-trigger:focus-visible{opacity:1}.product-page-menu-trigger:hover{background:var(--surface-hover);color:var(--text-primary)}.product-shell .icon-button,.product-add-page,.product-page-toggle,.product-page-menu-trigger{flex:none;place-items:center;width:36px;height:36px;padding:0;display:inline-grid}.product-shell:not([data-layout=mobile]) .sidebar-close,.product-shell:not([data-layout=mobile]) .mobile-menu{display:none}.product-shell .icon-button:hover,.product-add-page:hover:not(:disabled),.product-page-toggle:hover,.product-page-menu-trigger:hover{background:var(--surface-hover);color:var(--text-primary)}.product-shell .icon-button:active,.product-add-page:active:not(:disabled),.product-page-toggle:active,.product-page-menu-trigger:active{background:var(--border-strong)}.product-shell .icon-button:focus-visible,.product-add-page:focus-visible,.product-page-toggle:focus-visible,.product-page-menu-trigger:focus-visible{outline:2px solid var(--focus);outline-offset:1px}.product-page-menu-trigger{opacity:.5}.product-add-page:disabled{color:var(--text-disabled);cursor:not-allowed}.product-page-toggle--empty{width:36px;height:36px}.product-page-toggle--empty:hover{background:0 0}.product-popover-form{gap:var(--e-space-3);padding:var(--e-space-2);flex-direction:column;display:flex}.product-page-rename-field{gap:var(--e-space-2);color:var(--e-color-text-secondary);font-size:var(--e-type-ui-size);flex-direction:column;font-weight:550;display:flex}.product-popover-form .eotion-input{width:100%}.product-popover-form__actions{justify-content:flex-end;gap:var(--e-space-2);flex-wrap:wrap;display:flex}.product-popover-form__actions .eotion-button{padding-inline:var(--e-space-3);font-size:12px}.product-page-move-options{border:0;flex-direction:column;gap:2px;min-width:0;max-height:min(45vh,320px);margin:0;padding:0;display:flex;overflow-y:auto}.product-page-move-options legend{margin-bottom:var(--e-space-2);color:var(--e-color-text-secondary);font-size:var(--e-type-ui-size);font-weight:550}.product-page-move-option{align-items:center;gap:var(--e-space-2);min-width:0;min-height:34px;padding:var(--e-space-1) var(--e-space-2);border-radius:var(--e-radius-control);color:var(--e-color-text-secondary);cursor:pointer;display:flex;position:relative}.product-page-move-option:hover{background:var(--e-color-hover);color:var(--e-color-text-primary)}.product-page-move-option:has(input:checked){background:var(--e-color-hover);color:var(--e-color-text-primary)}.product-page-move-option:has(input:focus-visible){outline:var(--e-focus-ring-width) solid var(--e-color-focus);outline-offset:1px}.product-page-move-option:has(input:disabled){color:var(--e-color-text-muted);cursor:not-allowed}.product-page-move-option input{z-index:1;opacity:0;width:100%;height:100%;cursor:inherit;margin:0;position:absolute;inset:0}.product-page-move-option__icon{width:18px;color:var(--e-color-text-muted);flex:none;place-items:center;display:inline-grid}.product-page-move-option__title{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.product-page-move-option__check{width:16px;color:var(--e-color-accent);flex:none;margin-left:auto}.product-page-delete-dialog{gap:var(--e-space-3);flex-direction:column;display:flex}.product-page-delete-dialog h2{color:var(--e-color-text-primary);margin:0;font-size:18px;line-height:1.35}.product-page-delete-dialog>p:not(.product-message){color:var(--e-color-text-secondary);margin:0;line-height:1.5}dialog.eotion-command-overlay:has(>.product-page-action-dialog){width:min(100% - 32px,26rem);padding:var(--e-space-4)}.product-page-action-dialog{gap:var(--e-space-3);flex-direction:column;min-height:0;max-height:calc(100dvh - 64px);display:flex}.product-page-action-dialog h2{color:var(--e-color-text-primary);flex:none;margin:0;font-size:18px;line-height:1.35}.product-page-action-dialog .product-popover-form{min-height:0;padding:0}.product-page-action-dialog:has(.product-page-move-form){flex:1;grid-template-rows:auto minmax(0,1fr);display:grid}.product-page-action-dialog:has(.product-page-move-form) .product-page-move-form{overflow:hidden}.product-page-action-dialog .product-page-move-options{flex:1;min-height:0;max-height:none}.product-page-action-dialog:has(.product-page-move-form) .product-popover-form__actions{flex:none}dialog.eotion-command-overlay:has(.product-page-action-dialog .product-page-move-form){flex-direction:column;height:-moz-fit-content;height:fit-content;max-height:min(34rem,100dvh - 32px);display:flex;overflow:hidden}.product-page-meta{border-top:1px solid var(--border);flex-wrap:wrap;gap:8px 34px;margin:26px 0 0;padding:14px 0 0;display:flex}.product-page-meta dt{color:var(--text-faint);font-size:11px}.product-page-meta dd{color:var(--text-secondary);margin:3px 0 0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px}.product-page-content-placeholder{border:1px dashed var(--border-strong);color:var(--text-faint);border-radius:10px;margin-top:26px;padding:22px;font-size:13px;line-height:1.7}.workspace-shell.product-shell .document.product-editor-page{width:min(740px,100% - 48px);min-width:0}.product-editor-heading{justify-content:space-between;align-items:baseline;gap:16px;min-width:0;display:flex}.product-editor-heading h1{overflow-wrap:anywhere;min-width:0;color:var(--e-color-text-primary);font:var(--e-type-page-title-weight) var(--e-type-page-title-size) / var(--e-type-page-title-line) var(--e-type-family);letter-spacing:var(--e-type-page-title-tracking);margin:0}.product-save-status{color:var(--text-muted);flex:none;font-size:12px}.product-shell[data-layout=mobile] .product-editor-heading{flex-direction:column;align-items:flex-start;gap:4px}.product-editor-page .eotion-editor{margin-top:var(--e-space-6)}.product-editor-error{color:var(--danger);flex-wrap:wrap;align-items:center;gap:6px 12px;margin:12px 0;font-size:12px;display:flex}.product-sidebar-footer{flex-direction:column;align-items:flex-start;gap:2px;display:flex}.product-user-email{max-width:100%;color:var(--text-muted);text-overflow:ellipsis;font-size:11px;overflow:hidden}.product-logout{margin-top:4px}.product-message{color:var(--text-muted);margin:0;font-size:12px;line-height:1.5}.product-message--error{color:var(--danger)}.product-message--success{color:var(--success);margin-top:14px}.product-operation-status{padding:12px 24px 0}.product-form{flex-direction:column;gap:11px;display:flex}.product-field{color:var(--text-secondary);flex-direction:column;gap:6px;font-size:13px;font-weight:550;display:flex}.product-field input{border:1px solid var(--border-strong);background:var(--surface-raised);width:100%;min-height:40px;color:var(--text-primary);border-radius:7px;outline:none;padding:9px 11px;font-size:14px}.product-field input:focus{border-color:var(--text-muted);box-shadow:0 0 0 3px var(--focus-ring)}.product-button{border:1px solid var(--border-strong);background:var(--surface-raised);min-height:38px;color:var(--text-primary);cursor:pointer;border-radius:7px;justify-content:center;align-items:center;padding:8px 13px;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex}.product-button:hover:not(:disabled){background:var(--surface-subtle)}.product-button:disabled{opacity:.58;cursor:not-allowed}.product-button--primary{border-color:var(--accent);background:var(--accent);color:var(--text-on-accent)}.product-button--primary:hover:not(:disabled){background:var(--accent-hover)}.product-state{max-width:860px}.product-state-icon{border:1px solid var(--border);background:var(--surface-subtle);width:48px;height:48px;color:var(--text-secondary);border-radius:12px;place-items:center;margin-bottom:18px;font-size:22px;font-weight:650;display:grid}.product-state .product-form{max-width:390px;margin-top:22px}.product-state-actions{flex-wrap:wrap;gap:8px;margin-top:22px;display:flex}.product-loading{color:var(--text-muted);text-align:center;padding:40px;font-size:14px}.product-coming-soon{border-top:1px solid var(--border);border-bottom:1px solid var(--border);align-items:center;gap:14px;max-width:580px;margin-top:42px;padding:15px 0;display:flex}.product-coming-soon-mark{background:var(--surface-subtle);width:38px;height:38px;color:var(--text-muted);border-radius:9px;flex:none;place-items:center;display:grid}.product-coming-soon strong{font-size:14px}.product-coming-soon p{color:var(--text-faint);margin:3px 0 0;font-size:12px}.product-coming-soon>span:last-child{color:var(--text-faint);margin-left:auto;font-size:11px}.product-login-page{background:var(--surface-muted);place-items:center;min-height:100%;padding:24px;display:grid}.product-login-card{border:1px solid var(--border);background:var(--surface-raised);width:min(100%,400px);box-shadow:var(--shadow-card);border-radius:14px;padding:34px}.product-login-brand{align-items:center;gap:10px;margin-bottom:36px;font-size:15px;font-weight:700;display:flex}.product-login-card h1{letter-spacing:-.025em;margin-bottom:8px;font-size:29px}.product-login-copy{color:var(--text-muted);margin:0 0 25px;font-size:14px;line-height:1.6}.product-auth-switch{color:var(--text-muted);text-align:center;margin:18px 0 0;font-size:13px}.product-auth-switch a{color:var(--text-primary);text-underline-offset:2px;font-weight:600;text-decoration:underline}.product-restore-error{margin:-8px 0 20px}.product-login-submit{width:100%;margin-top:5px}@media (max-width:767px){.product-page-action-dialog .product-page-move-option{min-height:44px}.workspace-shell.product-shell .document.product-editor-page{width:calc(100% - 32px)}.product-shell .product-sidebar{gap:12px}.product-login-page{min-height:100%;padding:18px}.product-login-card{padding:26px 22px}.product-state{padding-top:40px}.product-shell .icon-button,.product-add-page,.product-page-toggle,.product-page-menu-trigger,.product-page-toggle--empty{width:44px;height:44px}}.product-sync-action{align-items:center;gap:6px;display:inline-flex}.product-cleanup-status{background:var(--surface-subtle);flex-wrap:wrap;align-items:center;gap:5px 12px;padding:8px 24px;display:flex}.connectivity-state[data-v-61e7eb34]{background:var(--surface-muted);place-items:center;min-height:100%;padding:24px;display:grid}.connectivity-card[data-v-61e7eb34]{border:1px solid var(--border);background:var(--surface-raised);width:min(100%,390px);box-shadow:var(--shadow-card);border-radius:14px;padding:30px}.connectivity-brand[data-v-61e7eb34]{align-items:center;gap:10px;margin-bottom:28px;font-size:15px;font-weight:700;display:flex}.connectivity-mark[data-v-61e7eb34]{border:1px solid var(--border);background:var(--surface-subtle);width:38px;height:38px;color:var(--text-secondary);border-radius:10px;place-items:center;display:grid}.connectivity-mark--loading[data-v-61e7eb34]{animation:1.4s linear infinite connectivity-spin-61e7eb34}.connectivity-card h1[data-v-61e7eb34]{letter-spacing:-.025em;margin:0 0 8px;font-size:clamp(24px,7vw,29px)}.connectivity-copy[data-v-61e7eb34]{color:var(--text-muted);margin:0;font-size:14px;line-height:1.65}.connectivity-retry[data-v-61e7eb34]{width:100%;margin-top:24px}.connectivity-diagnostics[data-v-61e7eb34]{color:var(--text-muted);margin-top:18px;font-size:12px}.connectivity-diagnostics summary[data-v-61e7eb34]{cursor:pointer;border-radius:4px;align-items:center;gap:6px;width:-moz-fit-content;width:fit-content;min-height:28px;padding:2px 4px;list-style:none;display:flex}.connectivity-diagnostics summary[data-v-61e7eb34]::-webkit-details-marker{display:none}.connectivity-diagnostics summary[data-v-61e7eb34]::marker{content:""}.connectivity-diagnostics summary[data-v-61e7eb34]:hover,.connectivity-diagnostics[open] summary[data-v-61e7eb34]{background:var(--surface-muted);color:var(--text-secondary)}.connectivity-diagnostics summary[data-v-61e7eb34]:focus-visible{outline:2px solid var(--text-muted);outline-offset:2px}.connectivity-diagnostics-icon[data-v-61e7eb34]{flex:0 0 16px;width:16px;height:16px;display:flex}.connectivity-diagnostics pre[data-v-61e7eb34]{overflow-wrap:anywhere;white-space:pre-wrap;color:var(--text-muted);font:inherit;margin:10px 0 0;line-height:1.55}@keyframes connectivity-spin-61e7eb34{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.connectivity-mark--loading[data-v-61e7eb34]{animation:none}}@media (max-width:420px){.connectivity-state[data-v-61e7eb34]{padding:18px}.connectivity-card[data-v-61e7eb34]{padding:26px 22px}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--e-color-canvas:#faf9f6;--e-color-sidebar:#f5f4f0;--e-color-surface:#fff;--e-color-surface-subtle:#f7f6f3;--e-color-elevated:#fff;--e-color-overlay:#1f1f1e33;--e-color-hover:#eeede8;--e-color-selected:#e6e4dd;--e-color-focus:#3d3c38;--e-color-border:#e8e6e1;--e-color-border-subtle:#efeee9;--e-color-text-primary:#1f1f1e;--e-color-text-secondary:#5a5852;--e-color-text-muted:#706e67;--e-color-accent:#3d3c38;--e-color-success:#4b6b54;--e-color-warning:#9e6b34;--e-color-danger:#a8423f;--e-type-family:Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--e-type-page-title-size:36px;--e-type-page-title-line:45px;--e-type-page-title-weight:600;--e-type-page-title-tracking:-.015em;--e-type-heading-1-size:24px;--e-type-heading-1-line:32px;--e-type-heading-1-weight:600;--e-type-heading-1-tracking:-.01em;--e-type-heading-2-size:20px;--e-type-heading-2-line:27px;--e-type-heading-2-weight:600;--e-type-heading-2-tracking:-.01em;--e-type-body-size:15px;--e-type-body-line:26px;--e-type-body-weight:400;--e-type-body-tracking:normal;--e-type-ui-size:14px;--e-type-ui-line:20px;--e-type-ui-weight:400;--e-type-ui-weight-strong:500;--e-type-ui-tracking:normal;--e-type-metadata-size:13px;--e-type-metadata-line:18px;--e-type-metadata-weight:400;--e-type-metadata-weight-strong:500;--e-type-metadata-tracking:normal;--e-type-caption-size:12px;--e-type-caption-line:18px;--e-type-caption-weight:400;--e-type-caption-tracking:normal;--e-space-1:4px;--e-space-2:8px;--e-space-3:12px;--e-space-4:16px;--e-space-5:20px;--e-space-6:24px;--e-space-8:32px;--e-space-10:40px;--e-space-12:48px;--e-space-16:64px;--e-radius-control:6px;--e-radius-block:8px;--e-radius-popover:10px;--e-radius-dialog:12px;--e-radius-sidebar:16px;--e-border-width:1px;--e-border-width-focus:2px;--e-shadow-popover:0 4px 16px #0000000f;--e-motion-fast:.12s;--e-motion-normal:.18s;--e-motion-slow:.24s;--e-focus-ring-width:2px}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--e-color-canvas:#1c1b1a;--e-color-sidebar:#181716;--e-color-surface:#242321;--e-color-surface-subtle:#22211f;--e-color-elevated:#242321;--e-color-overlay:#00000073;--e-color-hover:#2b2a27;--e-color-selected:#33322e;--e-color-focus:#c8c5bd;--e-color-border:#2e2d2a;--e-color-border-subtle:#262522;--e-color-text-primary:#edece8;--e-color-text-secondary:#a3a199;--e-color-text-muted:#8f8d86;--e-color-accent:#edece8;--e-color-success:#6e9b7b;--e-color-warning:#c28d52;--e-color-danger:#d06a66}@media (prefers-reduced-motion:reduce){:root{--e-motion-fast:0s;--e-motion-normal:0s;--e-motion-slow:0s}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--surface:#fff;--surface-muted:#f7f7f5;--surface-subtle:#f8f8f6;--surface-raised:#fff;--surface-hover:#eeedea;--surface-active:#e9e8e4;--surface-selected:#f1f1ee;--surface-danger:#fdf7f6;--surface-editor:#fafbf9;--surface-editor-hover:#f1f2ee;--text-primary:#242424;--text-strong:#1f1f1c;--text-secondary:#4d4c47;--text-muted:#777672;--text-faint:#92918b;--text-disabled:#b6b5af;--text-on-accent:#fff;--border:#ecebe8;--border-strong:#deddd8;--border-subtle:#e9e8e4;--border-editor:#e5e5e1;--border-danger:#efdcd8;--accent:#282824;--accent-hover:#44443e;--focus:#92918a;--focus-ring:#64635b1f;--danger:#a6342b;--danger-hover:#7f241d;--success:#3f7150;--editor-text:#2b2e29;--editor-muted:#777d74;--editor-accent:#687d61;--editor-focus:#87967c;--editor-drop-ring:#8d9e8326;--shadow-card:0 12px 40px #1e1e1a0d;--shadow-switcher:0 8px 24px #1e1e1a0f;--shadow-menu:0 8px 24px #1e1e1a1f;--shadow-sidebar:18px 0 55px #0000001f;--shadow-toolbar:0 -5px 20px #00000012;--topbar-background:#ffffffeb;--topbar-border:#ecebe8b3;--scrim:#0000003d;--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);color:var(--text-primary);background:var(--surface);font-synthesis:none;text-rendering:optimizelegibility;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--surface:#242424;--surface-muted:#202020;--surface-subtle:#2a2a29;--surface-raised:#2d2d2c;--surface-hover:#363635;--surface-active:#414140;--surface-selected:#383837;--surface-danger:#3a2927;--surface-editor:#2a2a29;--surface-editor-hover:#383837;--text-primary:#e8e8e6;--text-strong:#f2f2f0;--text-secondary:#c8c8c4;--text-muted:#aaa9a4;--text-faint:#91908b;--text-disabled:#74736e;--text-on-accent:#242424;--border:#3d3d3b;--border-strong:#555551;--border-subtle:#454542;--border-editor:#474743;--border-danger:#674540;--accent:#deded9;--accent-hover:#f0f0eb;--focus:#b7b6af;--focus-ring:#b7b6af38;--danger:#f2a398;--danger-hover:#ffc0b5;--success:#9bcba2;--editor-text:#e6e6e2;--editor-muted:#aeaea8;--editor-accent:#b9b9b0;--editor-focus:#c1c0b8;--editor-drop-ring:#c1c0b833;--shadow-card:0 12px 40px #00000038;--shadow-switcher:0 8px 24px #0000003d;--shadow-menu:0 8px 24px #0000004d;--shadow-sidebar:18px 0 55px #0000004d;--shadow-toolbar:0 -5px 20px #00000038;--topbar-background:#242424eb;--topbar-border:#3d3d3bbf;--scrim:#0000008c}*{box-sizing:border-box}html,body,#app{width:100%;min-width:0;height:100%;margin:0}button,input,textarea{font:inherit}button{color:inherit}.app-viewport{width:100%;height:100vh;height:100dvh;padding:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left);background:var(--surface);position:relative;overflow:auto}html.eotion-page-zoom-disabled .app-viewport{touch-action:pan-x pan-y}.app-viewport[data-route=mobile-p1]{background:#f7f7f4}.app-viewport[data-route=mobile-p1]:before{height:var(--safe-top);content:"";background:#e9eddf;position:absolute;top:0;left:0;right:0}.app-viewport[data-route=editor-p2]{background:#fafaf8}.workspace-shell{background:var(--surface-raised);grid-template-columns:252px minmax(0,1fr);height:100%;display:grid;overflow:hidden}.sidebar{z-index:30;border-right:1px solid var(--border);background:var(--surface-muted);flex-direction:column;gap:12px;min-width:0;padding:10px;display:flex}.brand-row{align-items:center;gap:9px;min-height:36px;padding:0 4px;display:flex}.brand-mark{border:1px solid var(--border-strong);background:var(--surface-raised);border-radius:7px;place-items:center;width:28px;height:28px;font-weight:800;display:grid}.brand-mark--image{object-fit:cover;background:0 0;border:0;display:block}.icon-button{cursor:pointer;background:0 0;border:0;border-radius:7px;place-items:center;width:32px;height:32px;padding:0;display:inline-grid}.icon-button:hover{background:var(--surface-hover)}.sidebar-close{margin-left:auto;font-size:22px;display:none}.mobile-menu{display:none}.search-button{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:7px;align-items:center;gap:8px;width:100%;min-height:34px;padding:6px 8px;display:flex}.search-button:hover{background:var(--surface-hover)}kbd{color:var(--text-faint);margin-left:auto;font-size:11px}.page-list{flex-direction:column;gap:2px;display:flex}.page-item{white-space:nowrap;text-overflow:ellipsis;cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:8px;min-height:32px;padding:5px 8px;display:flex;overflow:hidden}.page-item:hover,.page-item--active{background:var(--surface-active)}.page-item--dev{color:var(--text-muted);margin-top:8px;text-decoration:none}.sidebar-footer{color:var(--text-faint);margin-top:auto;padding:8px;font-size:12px}.sidebar-scrim{display:none}.main-pane{background:var(--surface-raised);flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}.topbar{border-bottom:1px solid var(--topbar-border);background:var(--topbar-background);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);flex:none;align-items:center;gap:10px;min-width:0;height:46px;padding:0 14px;display:flex}.breadcrumb{white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:13px;overflow:hidden}.runtime-badges{gap:5px;margin-left:auto;display:flex}.runtime-badges span{border:1px solid var(--border-subtle);color:var(--text-muted);border-radius:5px;padding:3px 6px;font-size:10px}.document-wrap{flex:1;min-height:0;overflow:auto}.document{width:min(860px,100% - 48px);margin:0 auto;padding:72px 0 120px}.page-icon{margin-bottom:12px;font-size:48px}h1{letter-spacing:-.035em;outline:0;margin:0 0 10px;font-size:clamp(34px,5vw,44px);line-height:1.15}.lead{max-width:700px;color:var(--text-muted);margin:0 0 28px;font-size:15px;line-height:1.7}.callout{background:var(--surface-muted);border-radius:9px;gap:8px;margin:22px 0;padding:14px 16px;font-size:14px;line-height:1.6;display:flex}.editor-placeholder{min-height:140px;color:var(--text-secondary);outline:0;padding:4px 2px;font-size:16px;line-height:1.75}.editor-placeholder:focus{caret-color:var(--editor-focus)}.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:36px;display:grid}.feature-card{border:1px solid var(--border);background:var(--surface-raised);border-radius:10px;min-width:0;padding:16px}.feature-card strong{margin:5px 0 6px;font-size:16px;display:block}.feature-card p{color:var(--text-muted);margin:0;font-size:13px;line-height:1.55}.feature-kicker{color:var(--text-faint);text-transform:uppercase;letter-spacing:.08em;font-size:11px}.workspace-shell[data-layout=tablet]{grid-template-columns:210px minmax(0,1fr)}.workspace-shell[data-layout=tablet] .runtime-badges span:last-child{display:none}.workspace-shell[data-layout=tablet] .document{width:min(760px,100% - 40px);padding-top:54px}.workspace-shell[data-layout=tablet] .feature-grid{grid-template-columns:1fr}.workspace-shell[data-layout=mobile]{display:block}.workspace-shell[data-layout=mobile] .main-pane{height:100%}.workspace-shell[data-layout=mobile] .sidebar{top:var(--safe-top);bottom:var(--safe-bottom);left:var(--safe-left);width:min(86vw,320px);box-shadow:var(--shadow-sidebar);transition:transform .16s;position:fixed;transform:translate(-105%)}.workspace-shell[data-layout=mobile] .sidebar--open{transform:translate(0)}.workspace-shell[data-layout=mobile] .sidebar-close,.workspace-shell[data-layout=mobile] .mobile-menu{display:inline-grid}.workspace-shell[data-layout=mobile] .sidebar-scrim{z-index:20;background:var(--scrim);display:block;position:fixed;inset:0}.workspace-shell[data-layout=mobile] .topbar{padding-inline:8px}.workspace-shell[data-layout=mobile] .runtime-badges span:nth-child(n+2){display:none}.workspace-shell[data-layout=mobile] .document{width:calc(100% - 32px);padding:34px 0 88px}.workspace-shell[data-layout=mobile] .page-icon{font-size:40px}.workspace-shell[data-layout=mobile] h1{font-size:34px}.workspace-shell[data-layout=mobile] .callout{flex-direction:column}.workspace-shell[data-layout=mobile] .feature-grid{grid-template-columns:1fr}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}