.notes.s-145d0i0{background:#fff;height:100%;display:flex}.sidebar.s-145d0i0{border-right:1px solid var(--system-color-grey-200);background:var(--system-color-grey-50);flex-direction:column;flex-shrink:0;width:15.5rem;display:flex}.sidebar-tools.s-145d0i0{flex-direction:column;gap:.5rem;padding:.7rem;display:flex}.sidebar-tools.s-145d0i0 input:where(.s-145d0i0){border:1px solid var(--system-color-grey-300);color:var(--system-color-light-contrast);background:#fff;border-radius:.5rem;padding:.45rem .6rem;font-size:.85rem}.sidebar-tools.s-145d0i0 input:where(.s-145d0i0):focus-visible{box-shadow:var(--system-focus-outline);outline:none}.new.s-145d0i0{color:#fff;cursor:pointer;background:#007aff;border:none;border-radius:9999px;padding:.45rem .9rem;font-size:.85rem;font-weight:600;transition:background .15s}.new.s-145d0i0:hover{background:#0062cc}.list.s-145d0i0{flex:1;margin:0;padding:0 .4rem;list-style:none;overflow-y:auto}.note-row.s-145d0i0{text-align:left;cursor:pointer;background:0 0;border:none;border-radius:.55rem;flex-direction:column;gap:.15rem;width:100%;padding:.55rem .6rem;display:flex}.note-row.s-145d0i0:hover{background:var(--system-color-grey-100)}.note-row.s-145d0i0.selected{background:var(--chrome-selected-fill);box-shadow:var(--chrome-accent-ring)}.note-row.s-145d0i0 .row-title:where(.s-145d0i0){color:var(--system-color-light-contrast);text-overflow:ellipsis;white-space:nowrap;font-size:.88rem;font-weight:600;overflow:hidden}.note-row.s-145d0i0 .row-meta:where(.s-145d0i0){color:var(--system-color-grey-600);text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;overflow:hidden}.status.s-145d0i0{color:var(--system-color-grey-600);padding:0 .9rem;font-size:.85rem}.empty.s-145d0i0{text-align:center;flex-direction:column;flex:1;align-items:center;gap:.6rem;padding:1.5rem 1rem;display:flex}.empty.s-145d0i0 img:where(.s-145d0i0){width:9rem;height:auto}.empty.s-145d0i0 p:where(.s-145d0i0){color:var(--system-color-grey-600);margin:0;font-size:.88rem}.footnote.s-145d0i0{color:var(--system-color-grey-500);border-top:1px solid var(--system-color-grey-200);margin:0;padding:.6rem .9rem;font-size:.72rem}.editor.s-145d0i0{flex-direction:column;flex:1;min-width:0;display:flex}.editor-head.s-145d0i0{border-bottom:1px solid var(--system-color-grey-200);align-items:center;gap:.6rem;padding:.7rem .9rem;display:flex}.editor-head.s-145d0i0 .title-input:where(.s-145d0i0){min-width:0;color:var(--system-color-light-contrast);background:0 0;border:none;flex:1;padding:.2rem 0;font-size:1.05rem;font-weight:600}.editor-head.s-145d0i0 .title-input:where(.s-145d0i0):focus-visible{box-shadow:var(--system-focus-outline);border-radius:.3rem;outline:none}.editor-head.s-145d0i0 .save-state:where(.s-145d0i0){color:var(--system-color-grey-500);white-space:nowrap;font-size:.78rem}.editor-head.s-145d0i0 .delete:where(.s-145d0i0){border:1px solid var(--system-color-grey-300);cursor:pointer;color:var(--system-color-grey-700);background:#fff;border-radius:.45rem;padding:.35rem .7rem;font-size:.82rem}.editor-head.s-145d0i0 .delete-confirm:where(.s-145d0i0){color:#fff;cursor:pointer;background:#dc2626;border:none;border-radius:.45rem;padding:.35rem .7rem;font-size:.82rem;font-weight:600}.editor-head.s-145d0i0 .cancel:where(.s-145d0i0){color:var(--system-color-grey-600);cursor:pointer;background:0 0;border:none;font-size:.82rem}.body-input.s-145d0i0{resize:none;color:var(--system-color-light-contrast);background:#fff;border:none;flex:1;padding:.9rem 1rem;font-family:inherit;font-size:.95rem;line-height:1.6}.body-input.s-145d0i0:focus-visible{outline:none}.editor-empty.s-145d0i0{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.7rem;padding:2rem;display:flex}.editor-empty.s-145d0i0 img:where(.s-145d0i0){width:12rem;height:auto}.editor-empty.s-145d0i0 p:where(.s-145d0i0){color:var(--system-color-grey-600);margin:0}