.notes-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:20px;align-items:start}.notes-layout textarea{min-height:320px;line-height:1.55}.notes-layout small{color:var(--muted);font-weight:400}.note-results{display:grid;gap:8px;margin-top:14px}.note-result{width:100%;border:1px solid var(--line);border-radius:8px;background:#fff;padding:12px;text-align:left;color:var(--ink);font:inherit;cursor:pointer}.note-result:hover{border-color:var(--blue);background:#f1faff}.note-result strong,.note-result span{display:block}.note-result span{margin-top:3px;color:var(--muted);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.note-result time{display:block;margin-bottom:5px;color:var(--blue);font-size:12px;font-weight:700}.note-attachment{display:inline-flex;margin-top:16px}.note-details-header{padding:24px 28px 18px;border-bottom:1px solid var(--line)}.note-details-header h2{margin-top:4px}.note-details-content{padding:22px 28px 28px;line-height:1.6}.note-details-label{margin:0 0 8px;color:var(--muted);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.note-details-text{white-space:pre-wrap;overflow-wrap:anywhere;color:var(--ink);font-size:16px;line-height:1.65}.note-details-content .note-attachment{white-space:normal}.note-details-actions{display:flex;gap:10px;justify-content:flex-end;padding:18px 28px}.danger-button{border:1px solid #d64d4d;background:#fff;color:#b42f2f;border-radius:8px;padding:10px 16px;font:inherit;font-weight:700;cursor:pointer}.danger-button:hover{background:#fff2f2}@media(max-width:1050px){.notes-layout{grid-template-columns:1fr}}@media(max-width:560px){.note-details-header,.note-details-content{padding-left:20px;padding-right:20px}.note-details-actions{padding:16px 20px;flex-wrap:wrap}.note-details-actions .primary{margin-left:auto}}
.note-save-footer{align-items:center}.note-save-footer #noteSaveStatus{color:var(--muted);font-size:13px;margin-left:auto}.notes-search-panel,.note-result{min-width:0}.note-result{max-width:100%;overflow:hidden}.note-result span{display:-webkit-box;white-space:normal;overflow-wrap:anywhere;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;min-height:2.6em;overflow:hidden}.note-editor-toolbar{display:flex;align-items:center;gap:8px;margin:8px 0;border:1px solid var(--line);border-bottom:0;border-radius:8px 8px 0 0;background:#f8fbfd;padding:7px}.note-format-button{width:34px;height:30px;border:1px solid var(--line);border-radius:5px;background:#fff;color:var(--ink);font:inherit;cursor:pointer}.note-format-button:hover{border-color:var(--blue);color:var(--blue)}.note-color-control{display:flex;align-items:center;gap:6px;margin:0 0 0 4px;color:var(--muted);font-size:13px;font-weight:600}.note-color-control input{width:28px;height:28px;margin:0;padding:2px;border:1px solid var(--line);border-radius:5px;cursor:pointer}.note-editor{min-height:320px;max-height:440px;overflow-y:auto;resize:vertical;border:1px solid var(--line);border-radius:0 0 8px 8px;background:#fff;padding:14px;color:var(--ink);font:inherit;font-weight:400;line-height:1.55;outline:0}.note-editor:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(21,150,215,.12)}.note-editor:empty:before{content:attr(data-placeholder);color:var(--muted);pointer-events:none}.note-drawing{min-width:0}.note-drawing-header{display:flex;align-items:center;justify-content:space-between;margin:8px 0}.note-drawing-header strong{font-size:14px}.note-drawing canvas{display:block;width:100%;height:260px;border:1px solid var(--line);border-radius:8px;background:#fff;touch-action:none;cursor:crosshair}.note-drawing-preview{display:block;width:100%;max-width:760px;margin-top:16px;border:1px solid var(--line);border-radius:8px;background:#fff}