.note-feedback{display:none;align-items:center;justify-content:space-between;gap:1rem;margin:0 0 1rem;padding:.8rem 1rem;border:1px solid #cfdacb;border-radius:6px;background:#eef4eb;color:#3e563b}
.note-feedback.visible{display:flex}
.note-feedback.error{border-color:#e5b9ae;background:#faeeea;color:#8d3625}
.note-feedback button{border:0;background:transparent;color:inherit;font-size:1.35rem;line-height:1;cursor:pointer;padding:0 .15rem}
@keyframes app-feedback-slide-in{from{opacity:0;transform:translate(-50%,1.25rem)}to{opacity:1;transform:translate(-50%,0)}}
.notes-status.visible,.demo-project-status.visible{position:fixed!important;z-index:1500;right:auto!important;bottom:1.5rem;left:50%;display:flex!important;align-items:center;justify-content:space-between;gap:1rem;width:min(32rem,calc(100vw - 2rem));margin:0!important;border:1px solid #cfdacb;border-radius:7px;background:#eef4eb;padding:.8rem 1rem;color:#3e563b;box-shadow:0 14px 38px #29231c38;animation:app-feedback-slide-in .24s ease-out both}
.notes-status.visible.error,.demo-project-status.visible.error{border-color:#e5b9ae;background:#faeeea;color:#8d3625}
.notes-status.visible button,.demo-project-status.visible button{display:grid;flex:0 0 auto;place-items:center;width:1.75rem;height:1.75rem;border:0;border-radius:4px;background:transparent;padding:0;color:inherit;font:500 1.25rem/1 'DM Sans',sans-serif;cursor:pointer;opacity:.68;transition:background-color .15s ease,opacity .15s ease}
.notes-status.visible button:hover,.demo-project-status.visible button:hover{background:#ffffff70;opacity:1}
.notes-status.visible button:focus-visible,.demo-project-status.visible button:focus-visible{outline:2px solid currentColor;outline-offset:1px}
@media(max-width:560px){.notes-status.visible,.demo-project-status.visible{bottom:1rem}}
.notes-page{container:notes-page / inline-size}
.notes-main{container:notes-main / inline-size}
.notes-toolbar{align-items:end}
.notes-toolbar label:first-child{min-width:16rem;flex:1 1 28rem}
.notes-toolbar label:not(:first-child){flex:0 1 11rem}
@container notes-page (max-width:68rem){
  .notes-toolbar{display:grid;grid-template-columns:minmax(10rem,11rem) minmax(10rem,11rem) minmax(0,1fr);justify-content:start}
  .notes-toolbar label:first-child{grid-column:1/-1;width:100%;min-width:0}
  .notes-toolbar label:nth-child(2){grid-column:1}
  .notes-toolbar label:nth-child(3){grid-column:2}
  .notes-toolbar label:not(:first-child){width:100%;min-width:0}
  .notes-list{grid-template-columns:minmax(0,1fr)}
}
@container notes-page (max-width:50rem){
  .notes-layout{grid-template-columns:minmax(0,1fr)}
  .project-summary-card{position:static;grid-row:1}
}
.note-composer-actions{display:flex;align-items:center;gap:.65rem}
.note-composer-actions button{min-height:2.75rem}
.note-composer-actions #saveNoteButton{width:auto;min-width:8.5rem;height:2.5rem;min-height:2.5rem;border:1px solid #34362f;border-radius:4px;background:#34362f;padding:0 1.25rem;color:#fff;font:600 .75rem 'DM Sans',sans-serif;cursor:pointer;transition:background-color .16s ease,box-shadow .16s ease,transform .16s ease}
.note-composer-actions #saveNoteButton:hover{background:#44463e;box-shadow:0 4px 10px #34362f24;transform:translateY(-1px)}
.note-composer-actions #saveNoteButton:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.note-composer-actions #saveNoteButton:disabled{opacity:.6;cursor:wait;transform:none}
.note-composer-actions .note-cancel-edit{width:auto;min-width:8.5rem;height:2.5rem;min-height:2.5rem;border:1px solid #34362f;border-radius:4px;background:#fff;color:#34352f;padding:0 1.25rem;font:600 .75rem 'DM Sans',sans-serif;cursor:pointer;transition:background-color .16s ease,box-shadow .16s ease,transform .16s ease}
.note-composer-actions .note-cancel-edit:hover{background:#f3efe7;box-shadow:0 4px 10px #34362f1c;transform:translateY(-1px)}
.note-composer-actions .note-cancel-edit:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.note-composer-launch{display:flex;align-items:center;justify-content:center;gap:.65rem;width:100%;min-height:5rem;border:1px solid #d6cfc2;border-radius:6px;background:#f3efe7;color:#34352f;font:600 .9rem 'DM Sans',sans-serif;cursor:pointer;transition:background-color .16s ease,border-color .16s ease}
.note-composer-launch:hover{border-color:#c7bdad;background:#ebe5da}
.note-composer-launch b{font-size:1.25rem;line-height:1}
.note-editor-modal{width:min(760px,calc(100% - 32px));max-height:min(760px,calc(100vh - 32px));padding:0;border:0;border-radius:8px;background:#f3efe7;box-shadow:0 24px 70px #29231c48}
.note-editor-modal::backdrop{background:#25231f70;backdrop-filter:blur(2px)}
.note-editor-dialog{margin:0;border:0;border-radius:8px;background:#f3efe7;padding:1.75rem}
.note-editor-dialog .note-composer-title{align-items:start;margin-bottom:1.25rem}
.note-editor-dialog .note-composer-title .close{display:grid;place-items:center;width:2.25rem;height:2.25rem;border:0;background:transparent;color:#858078;padding:0;font-size:1.55rem}
.note-editor-dialog .note-composer-title .close:hover{background:#e8e1d6;color:#34352f}
.note-editor-dialog .note-feedback{margin-bottom:1rem}
.note-card header{min-width:0;height:auto;min-height:0;padding:0 0 .55rem}
.note-card header .note-category{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.note-card-meta{display:flex;flex:1;min-width:0;align-items:center;justify-content:flex-end;gap:.6rem;white-space:nowrap}
.note-card-meta time{min-width:0;overflow:hidden;text-overflow:ellipsis}
.note-icon{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:0;border-radius:50%;background:transparent;color:#878579;cursor:pointer}
.note-icon:hover{background:#f1ece4;color:#9e4a36}
.note-icon svg{width:1rem;height:1rem;stroke:currentColor;fill:none;stroke-width:1.8}
.note-icon.note-delete:hover{background:#fae9e4;color:#9b3525}
.note-card{container-type:inline-size}
.note-card-actions{position:relative;display:flex;flex:0 0 auto;align-items:center}
.note-action-buttons{display:flex;align-items:center;gap:.15rem}
.note-overflow{display:none;font-size:.95rem;font-weight:700;letter-spacing:.06em}
@container (max-width:23rem){
  .note-overflow{display:inline-flex}
  .note-action-buttons{position:absolute;right:0;top:calc(100% + .35rem);z-index:5;display:none;align-items:center;gap:.1rem;border:1px solid #d8d1c5;border-radius:6px;background:#fffefa;padding:.25rem;box-shadow:0 8px 22px #29231c24}
  .note-card-actions.is-open .note-action-buttons{display:flex}
}
.notes-main,.notes-list.history-view{min-width:0}
.notes-list.history-view{display:block;width:100%}
.note-history-table{max-width:100%;overflow-x:auto;border:1px solid #ded8cd;border-radius:8px;background:#fff}
.note-history-head,.note-history-summary{box-sizing:border-box;display:grid;grid-template-columns:7rem minmax(13rem,1.5fr) 12rem 9.5rem 8rem 18rem;align-items:center;gap:.75rem;min-width:74rem;width:max(100%,74rem);padding:.85rem 1rem}
.note-history-head{background:#f0eee8;color:#77766d;font:600 .72rem/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em;text-transform:uppercase}
.note-history-summary{border-top:1px solid #e6e1d8;background:#fff;color:#34352f;text-align:left}
.note-history-row:first-of-type .note-history-summary{border-top:0}
.note-history-summary>span,.note-history-summary>time{min-width:0;color:#696860;font-size:.82rem}
.note-history-summary .note-history-title{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;white-space:normal;color:#34352f;font-family:inherit;font-size:.82rem;font-weight:600;line-height:1.35}
.note-history-created{display:flex;min-width:0;flex-direction:column;gap:.2rem}
.note-history-created small{color:#88867e;font-size:.75rem}
.note-history-actions{display:flex;justify-content:flex-start;gap:.45rem;flex-wrap:nowrap}
.note-history-actions button{padding:.48rem .7rem;border:1px solid #d8d1c5;border-radius:5px;background:#fff;color:#34352f;cursor:pointer;white-space:nowrap}
.note-history-actions button:hover{border-color:#9e4a36;color:#9e4a36}
.note-history-actions button.danger{color:#9a3e2c}
.note-history-detail{box-sizing:border-box;display:grid;grid-template-columns:minmax(18rem,1fr) minmax(14rem,.45fr);gap:2rem;min-width:74rem;width:max(100%,74rem);padding:1rem;border-top:1px solid #eee9e0;background:#faf9f6}
.note-history-detail>div>span,.note-history-detail-meta span{display:block;margin-bottom:.35rem;color:#85827a;font:600 .7rem/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em;text-transform:uppercase}
.note-history-detail p{margin:0;line-height:1.55}
.note-history-detail-meta{display:grid;gap:.85rem}
.note-history-detail-meta strong{font-size:.88rem;font-weight:500}
.note-delete-actions{display:flex;justify-content:flex-end;gap:.7rem;flex-wrap:wrap}
.note-history-confirm-actions{display:flex;justify-content:flex-end;gap:.7rem}
.note-history-confirm-actions .danger{border-color:#9a3e2c;background:#9a3e2c;color:#fff}
@container notes-page (max-width:68rem){.note-composer-launch{min-height:3.5rem}}
@container notes-page (min-width:34.01rem) and (max-width:50rem){
  .notes-toolbar{display:grid;grid-template-columns:minmax(0,1fr) minmax(8rem,10rem) minmax(8rem,10rem);justify-content:stretch}
  .notes-toolbar label:first-child,.notes-toolbar label:nth-child(2),.notes-toolbar label:nth-child(3){grid-column:auto;width:100%;min-width:0}
  .notes-list{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@container notes-page (max-width:34rem){
  .notes-toolbar{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);justify-content:start}
  .notes-toolbar label:first-child{grid-column:1/-1;width:100%;min-width:0}
  .notes-toolbar label:not(:first-child){width:100%;min-width:0}
  .notes-list{grid-template-columns:minmax(0,1fr)}
}
@container notes-main (min-width:64rem){.notes-list{grid-template-columns:repeat(3,minmax(0,1fr))}}
@container notes-main (min-width:84rem){.notes-list{grid-template-columns:repeat(4,minmax(0,1fr))}}
@container notes-main (min-width:104rem){.notes-list{grid-template-columns:repeat(5,minmax(0,1fr))}}