.project-notes-dialog {
 box-sizing: border-box; width: min(680px, calc(100vw - 32px));
 max-width: calc(100vw - 32px); max-height: calc(100dvh - 32px);
 padding: 20px; overflow: auto; overscroll-behavior: contain;
 border: 1px solid var(--line, #32323d); border-radius: 8px;
 color: var(--text, #eeeef3); background: var(--panel, #1a1a21);
 box-shadow: 0 18px 70px #0008; font: 14px/1.5 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
.project-notes-dialog::backdrop { background: #0009; }
.project-notes-dialog *, .project-notes-dialog *::before, .project-notes-dialog *::after { box-sizing: border-box; }
.project-notes-header { display: flex; gap: 14px; align-items: flex-start; margin-bottom: 16px; }
.project-notes-header h2 { margin: 2px 0 0; font-size: 16px; line-height: 1.4; font-weight: 600; flex: 1; min-width: 0; overflow-wrap: anywhere; }
.project-notes-actions { display: flex; gap: 6px; flex-shrink: 0; }
.project-notes-dialog .project-notes-action {
 display: inline-flex; align-items: center; justify-content: center; flex: 0 0 32px;
 width: 32px; height: 32px; padding: 6px; border-radius: 4px;
 color: var(--text, #eeeef3); background: #24242d; border: 1px solid var(--line, #32323d); cursor: pointer;
}
.project-notes-action svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.project-notes-action:disabled { opacity: .4; cursor: not-allowed; }
.project-notes-dialog :focus-visible { outline: 2px solid var(--accent, #b7a2ed); outline-offset: 2px; }
.project-notes-field, .project-notes-member { display: flex; flex-direction: column; gap: 6px; margin-bottom: 14px; font-weight: 500; min-width: 0; }
.project-notes-member[hidden] { display: none; }
.project-notes-field textarea, .project-notes-member select {
 display: block; width: 100%; max-width: 100%; min-width: 0;
 padding: 10px; color: var(--text, #eeeef3); background: var(--bg, #131318);
 border: 1px solid var(--line, #32323d); border-radius: 4px; font: inherit; font-weight: 400;
}
.project-notes-field textarea { resize: vertical; min-height: 140px; white-space: pre-wrap; overflow-wrap: anywhere; }
.project-notes-field textarea[aria-label="Lyrics"] { min-height: 220px; }
.project-notes-status { margin: 0; min-height: 1.5em; color: var(--muted, #aaaab9); overflow-wrap: anywhere; font-size: 12px; }
@media (max-width: 480px) {
 .project-notes-dialog { padding: 14px; }
 .project-notes-field textarea[aria-label="Lyrics"] { min-height: 180px; }
}