.note-launch{position:fixed;right:20px;bottom:20px;z-index:1020}.notebook-pane{position:fixed;z-index:1030;display:flex;flex-direction:column;background:var(--paper,#fffdf4);color:var(--ink,#20201c);border:2px solid;box-shadow:5px 5px 0 #20201c;overflow:hidden;min-width:0}.notebook-pane[hidden]{display:none}.note-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;background:var(--lime,#e7f78b);cursor:move;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;border-bottom:2px solid}.note-heading button{font-size:26px;background:transparent;border:0;min-width:36px;min-height:36px}.note-history{display:flex;gap:6px;padding:10px}.note-history select{width:0;flex:1 1;min-width:0}.note-history button,.note-history select{padding:8px;border:1px solid;background:var(--paper,#fff)}.note-status{padding:0 12px 8px;font-size:12px}.note-body{overflow:auto;flex:1 1;padding:0 12px 24px;overscroll-behavior:contain}.note-insert{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:12px 0;border-top:1px dashed #aaa}.note-backup,.note-block button,.note-conflict button,.note-error button,.note-insert button{border:1px solid;padding:7px;background:var(--paper,#fff);font-size:12px}.note-block small,.note-insert span{font-size:11px;color:var(--muted,#666)}.note-block{display:grid;grid-gap:8px;gap:8px;padding-bottom:12px}.note-block textarea{width:100%;resize:vertical;min-height:90px;padding:10px;border:1px solid;background:#fff;line-height:1.5}.note-block img{width:100%;max-height:340px;object-fit:contain;background:#eee;cursor:-webkit-grab;cursor:grab}.note-block .note-remove{justify-self:end}.note-conflict,.note-error{margin:0 12px 8px;padding:10px;background:#ffe8e1;font-size:13px;display:grid;grid-gap:8px;gap:8px;max-height:160px;overflow:auto}.note-backup{margin:0 12px 8px}.note-resize{position:absolute;right:0;bottom:0;padding:5px;width:28px;height:28px;cursor:nwse-resize;touch-action:none;background:var(--lime,#e7f78b)}.note-dialog-overlay{position:fixed;inset:0;z-index:1000;background:#20201c80}.modal.note-compatible{position:fixed;z-index:1010;inset:0;margin:auto}.note-proof-zone{border:2px dashed var(--blue,#3466db);padding:12px;margin:12px 0}.note-proof-queue{display:flex;gap:10px;align-items:center;margin:8px 0}.note-proof-queue img{width:64px;height:64px;object-fit:cover}@media(max-width:620px){.note-launch{right:12px;bottom:12px;padding:10px}.note-heading{padding:6px 10px}.note-insert span{flex-basis:100%}.notebook-pane{box-shadow:2px 2px 0 #20201c}}.note-block{gap:4px;padding:6px 0 8px;border-bottom:1px solid #ddd}.note-block-time{font-size:10px;color:var(--muted,#666);line-height:1.2}.note-block textarea{min-height:52px;padding:6px 8px;line-height:1.35}.note-entry-photo{display:flex;align-items:flex-start;gap:6px}.note-entry-photo img{width:auto;max-width:100%;max-height:112px;object-fit:contain}.note-entry-photo button{flex:0 0 auto;padding:4px 6px!important;font-size:10px!important}.notebook-page-shell{min-height:100vh;background:var(--paper,#fffdf4);padding:24px}.notebook-page-pane{position:relative;inset:auto;width:min(100%,1100px);height:calc(100vh - 48px);min-height:480px;margin:0 auto;box-shadow:none}.notebook-page-pane .note-heading{cursor:default}.note-back-link{color:inherit;font-size:14px}.notebook-tab-pane{position:relative;inset:auto;width:100%;height:min(72vh,900px);min-height:420px;box-shadow:none;border-width:1px}