.notebook-layout{display:grid;grid-template-columns:220px 1fr;gap:0;min-height:600px;border:1px solid var(--gx-border, #e5e7eb);border-radius:var(--gx-radius-lg, 12px);overflow:hidden;background:var(--gx-surface-1, #ffffff)}.notebook-main{display:flex;flex-direction:column;min-height:0}.notebook-toolbar{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-bottom:1px solid var(--gx-border, #e5e7eb);background:var(--gx-surface-2, #f9fafb);flex-wrap:wrap}.notebook-toolbar-group{display:flex;align-items:center;gap:.25rem}.notebook-toolbar-group+.notebook-toolbar-group{padding-left:.5rem;border-left:1px solid var(--gx-border, #e5e7eb)}.notebook-toolbar-btn{display:flex;align-items:center;gap:.3rem;padding:.35rem .6rem;border:1px solid transparent;border-radius:var(--gx-radius-md, 8px);background:transparent;color:var(--gx-text-1, #1f2937);font-size:.8rem;cursor:pointer;transition:background .15s,border-color .15s;white-space:nowrap}.notebook-toolbar-btn:hover{background:var(--gx-surface-3, #f3f4f6);border-color:var(--gx-border, #e5e7eb)}.notebook-toolbar-btn-graph{color:var(--gx-accent, #3b82f6);font-weight:600}.notebook-toolbar-status{margin-left:auto;display:flex;align-items:center;gap:.3rem;font-size:.72rem;color:var(--gx-text-3, #9ca3af)}.notebook-status-dot{width:6px;height:6px;border-radius:50%;background:#10b981}.notebook-status-text{white-space:nowrap}.notebook-editor-mount{flex:1;min-height:500px;overflow-y:auto}.notebook-editor-mount affine-editor-container{min-height:500px}.notebook-sidebar{border-right:1px solid var(--gx-border, #e5e7eb);background:var(--gx-surface-2, #f9fafb);display:flex;flex-direction:column;overflow-y:auto;max-height:calc(100dvh - 10rem)}.notebook-sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem;border-bottom:1px solid var(--gx-border, #e5e7eb);font-weight:700;font-size:.85rem}.notebook-sidebar-title{display:flex;align-items:center;gap:.3rem}.notebook-sidebar-count{background:var(--gx-surface-3, #e5e7eb);border-radius:999px;padding:.1rem .5rem;font-size:.7rem;font-weight:600;color:var(--gx-text-2, #6b7280)}.notebook-sidebar-list{display:flex;flex-direction:column;padding:.25rem;gap:.15rem}.notebook-sidebar-item{display:flex;align-items:center;gap:.4rem;padding:.5rem .6rem;border:none;border-radius:var(--gx-radius-md, 8px);background:transparent;color:var(--gx-text-1, #1f2937);font-size:.8rem;text-align:left;cursor:pointer;transition:background .12s;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative}.notebook-sidebar-item:hover{background:var(--gx-surface-3, #f3f4f6)}.notebook-sidebar-item.is-active{background:var(--gx-accent-bg, #dbeafe);color:var(--gx-accent, #3b82f6);font-weight:600}.notebook-sidebar-item-icon{flex-shrink:0}.notebook-sidebar-item-title{overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.notebook-sidebar-item-delete{display:none;flex-shrink:0;margin-left:auto;padding:0 .3rem;border:none;border-radius:var(--gx-radius-sm, 4px);background:transparent;color:var(--gx-text-2, #6b7280);font-size:1rem;line-height:1;cursor:pointer;transition:color .12s,background .12s}.notebook-sidebar-item:hover .notebook-sidebar-item-delete{display:inline-flex;align-items:center;justify-content:center}.notebook-sidebar-item-delete:hover{color:#ef4444;background:#ef44441a}.notebook-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;min-height:400px;color:var(--gx-text-3, #9ca3af);font-size:.9rem}.notebook-loading-spinner{width:32px;height:32px;border:3px solid var(--gx-border, #e5e7eb);border-top-color:var(--gx-accent, #3b82f6);border-radius:50%;animation:notebook-spin .8s linear infinite}@keyframes notebook-spin{to{transform:rotate(360deg)}}.notebook-error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;min-height:400px;text-align:center;padding:2rem}.notebook-error-icon{font-size:2.5rem}.notebook-error-title{font-size:1.1rem;font-weight:700;color:var(--gx-text-1, #1f2937)}.notebook-error-msg{font-size:.85rem;color:var(--gx-text-3, #9ca3af);max-width:400px}.notebook-error-retry{padding:.5rem 1.25rem;border:1px solid var(--gx-border, #e5e7eb);border-radius:var(--gx-radius-md, 8px);background:var(--gx-surface-1, #ffffff);color:var(--gx-accent, #3b82f6);font-weight:600;cursor:pointer}.notebook-error-retry:hover{background:var(--gx-accent-bg, #dbeafe)}@media(max-width:767px){.notebook-layout{grid-template-columns:1fr}.notebook-sidebar{border-right:none;border-bottom:1px solid var(--gx-border, #e5e7eb);max-height:200px}.notebook-toolbar-btn span:not([aria-hidden]){display:none}.notebook-toolbar-status{display:none}}@media(max-width:479px){.notebook-toolbar{padding:.4rem .5rem;gap:.3rem}.notebook-toolbar-btn{padding:.3rem .4rem;font-size:.75rem}.notebook-sidebar-item{padding:.4rem .5rem;font-size:.75rem}}.nb-insert-fab{position:fixed;bottom:calc(1.5rem + env(safe-area-inset-bottom,0px));right:1.25rem;width:52px;height:52px;border-radius:50%;border:none;background:var(--gx-accent, #3b82f6);color:#fff;cursor:pointer;z-index:300;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #3b82f666,0 2px 6px #00000026;transition:transform .15s ease,box-shadow .15s ease;touch-action:manipulation}.nb-insert-fab:active{transform:scale(.93);box-shadow:0 2px 8px #3b82f64d}.nb-insert-backdrop{position:fixed;inset:0;background:#0000004d;z-index:310;backdrop-filter:blur(1px);-webkit-backdrop-filter:blur(1px);animation:nb-backdrop-in .2s ease}@keyframes nb-backdrop-in{0%{opacity:0}to{opacity:1}}.nb-insert-sheet{position:fixed;bottom:0;left:0;right:0;z-index:320;background:var(--gx-surface-1, #ffffff);border-radius:1.25rem 1.25rem 0 0;box-shadow:0 -4px 24px #00000026;padding-bottom:env(safe-area-inset-bottom,0px);transform:translateY(100%);transition:transform .3s cubic-bezier(.32,.72,0,1);max-height:82dvh;display:flex;flex-direction:column}.nb-insert-sheet--open{transform:translateY(0)}.nb-insert-pill{width:36px;height:4px;border-radius:2px;background:var(--gx-border, #e5e7eb);margin:.6rem auto 0;flex-shrink:0}.nb-insert-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem .5rem;flex-shrink:0}.nb-insert-title{font-size:1rem;font-weight:700;color:var(--gx-text-1, #111827)}.nb-insert-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:50%;background:var(--gx-surface-2, #f3f4f6);color:var(--gx-text-2, #6b7280);cursor:pointer;transition:background .15s}.nb-insert-close:active{background:var(--gx-surface-3, #e5e7eb)}.nb-insert-body{overflow-y:auto;overscroll-behavior:contain;padding:0 .5rem 1rem;flex:1}.nb-insert-section-label{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--gx-text-3, #9ca3af);padding:.75rem .5rem .3rem;margin:0}.nb-insert-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.7rem .75rem;border:none;border-radius:.625rem;background:transparent;color:var(--gx-text-1, #111827);cursor:pointer;text-align:left;transition:background .12s;-webkit-tap-highlight-color:transparent}.nb-insert-item:active{background:var(--gx-surface-2, #f3f4f6)}.nb-insert-item-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:.5rem;background:var(--gx-surface-2, #f3f4f6);color:var(--gx-accent, #3b82f6);flex-shrink:0}.nb-insert-section-label:last-of-type~.nb-insert-item .nb-insert-item-icon{color:var(--gx-text-2, #6b7280)}.nb-insert-item-text{display:flex;flex-direction:column;gap:.1rem;min-width:0}.nb-insert-item-name{font-size:.9rem;font-weight:600;line-height:1.2}.nb-insert-item-desc{font-size:.75rem;color:var(--gx-text-3, #9ca3af);line-height:1.3}graph-canvas,graph-equation{display:block;max-width:100%}.affine-note-block-container graph-canvas{margin-left:-.5rem;margin-right:-.5rem}:root.dark graph-canvas .graph-canvas-block,:root.dark graph-equation .graph-equation-block{border-color:#374151}:root.dark graph-canvas .graph-canvas-header,:root.dark graph-equation .graph-equation-header{background:#1f2937;border-color:#374151;color:#f3f4f6}:root.dark graph-canvas .graph-canvas-header:hover,:root.dark graph-equation .graph-equation-header:hover{background:#111827}@media print{graph-canvas .graph-canvas-body{break-inside:avoid}graph-equation .graph-equation-body{break-inside:avoid}.notebook-toolbar,.notebook-sidebar{display:none!important}}#notebook-mount[data-astro-cid-td6yadtm]{min-height:600px;margin-bottom:2rem}