.notes-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.notes-heading h2{margin:0}.notes-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(200px,100%),1fr));gap:12px;margin-top:16px}.note-card{display:flex;flex-direction:column;gap:10px;min-width:0;min-height:140px;padding:16px;text-align:left;border:1px solid #485366;border-top:3px solid var(--accent);border-radius:8px;background:linear-gradient(135deg,#28303d,#101720);color:#eef3fa}.note-card:hover,.note-card[aria-pressed=true]{border-color:#ed4552}.note-card strong{overflow-wrap:anywhere;font-size:15px}.note-card span{white-space:pre-wrap;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;line-height:1.5;color:#b6c2d3}.note-card small{margin-top:auto;color:#92a0b5;font-size:10px}.note-title{display:block;width:100%;margin-top:8px}.notepad-page .note-editor textarea.notes{height:200px;min-height:140px;margin-top:12px}.notepad-page .split-buttons{margin-top:10px}.note-editor{border-bottom:1px solid #384353;padding-bottom:16px}.notepad-page{flex-shrink:0}

.note-card .note-byline{margin-top:0;color:#f09ca3;overflow-wrap:anywhere}

.note-tile{display:flex;flex-direction:column;gap:6px;min-width:0}.note-tile .note-card{width:100%;flex:1}.note-tile .delete-note{align-self:flex-end;color:#ffb0b7;min-height:44px}.note-tile button:disabled{opacity:.5;cursor:wait}