.notes-header { display:flex; justify-content:space-between; align-items:center; gap:20px; margin:40px 0 28px; }
.notes-header .eyebrow { color:var(--red); margin-bottom:10px; }
.notes-header h1 { margin:0; font-size:38px; font-weight:500; letter-spacing:-1.5px; line-height:1.2; }
.notes-header p:not(.eyebrow) { margin:10px 0 0; color:var(--muted); }
.notes-layout { display:grid; grid-template-columns:260px minmax(0,1fr); border:1px solid var(--line); border-radius:12px; overflow:hidden; min-height:520px; }
.notes-sidebar { padding:20px; background:var(--input); border-right:1px solid var(--line); }
.notes-toolbar,.notes-pagination,.notes-editor-actions { display:flex; flex-wrap:wrap; align-items:center; gap:10px; }
.notes-pagination { justify-content:space-between; margin-top:20px; }
.notes-button { font:inherit; font-size:12px; font-weight:500; padding:10px 14px; border:1px solid var(--line); background:var(--panel); color:var(--text); border-radius:6px; }
.notes-button:hover { border-color:var(--muted); }
.notes-button:disabled { cursor:default; opacity:.5; }
.notes-primary { background:var(--red); border-color:var(--red); color:#fff; }
.notes-primary:hover { background:var(--accent); }
.notes-danger { color:var(--red); }
.notes-muted { color:var(--muted); font-size:12px; }
.notes-small { font-size:11px; }
.notes-list { list-style:none; margin:15px 0; padding:0; }
.notes-list li { margin-bottom:8px; }
.note-list-button { text-align:left; display:block; width:100%; padding:13px; background:var(--panel); border:1px solid var(--line); border-radius:7px; color:var(--text); font:inherit; }
.note-list-button[aria-current="true"] { border-color:var(--red); box-shadow:inset 3px 0 var(--red); }
.note-list-title { display:block; font-size:13px; font-weight:550; overflow-wrap:anywhere; }
.note-list-date { display:block; margin-top:4px; font-size:10px; color:var(--muted); }
.notes-editor { padding:26px; min-width:0; }
.notes-editor label { display:block; margin:0 0 8px; font-size:12px; font-weight:550; }
.notes-editor input,.notes-editor textarea { font:inherit; width:100%; color:var(--text); background:var(--input); border:1px solid var(--line); border-radius:7px; padding:13px; margin-bottom:22px; }
.notes-editor input { font-size:17px; }
.notes-editor textarea { font-size:14px; line-height:1.8; min-height:300px; resize:vertical; }
.notes-editor input:focus,.notes-editor textarea:focus { outline:2px solid var(--focus); outline-offset:2px; }
.notes-editor input:disabled,.notes-editor textarea:disabled { opacity:.7; }
.notes-editor-actions { margin-top:18px; }
.preview-card .notes-button { margin-top:5px; }
@media(max-width:850px) { .notes-layout { grid-template-columns:210px minmax(0,1fr); } .notes-editor { padding:20px; } .notes-sidebar { padding:15px; } }
@media(max-width:680px) { .notes-header { align-items:flex-start; flex-direction:column; margin-top:28px; } .notes-header h1 { font-size:32px; } .notes-layout { grid-template-columns:1fr; } .notes-sidebar { border-right:0; border-bottom:1px solid var(--line); } .notes-list { max-height:220px; overflow-y:auto; } .notes-editor input,.notes-editor textarea { font-size:16px; } }

.notes-filter { display:flex; gap:12px; align-items:center; flex-wrap:wrap; margin:0 0 18px; }
.notes-filter label { font-size:12px; color:var(--muted); }
.notes-filter select,.notes-editor select { font:inherit; color:var(--text); background:var(--input); border:1px solid var(--line); border-radius:6px; padding:11px; max-width:100%; }
.notes-editor select { width:100%; margin-bottom:5px; }
@media(max-width:680px) { .notes-filter select,.notes-editor select { font-size:16px; } }

.workspace-actions { display:flex; align-items:center; gap:22px; flex-wrap:wrap; }
.workspace-welcome { display:grid; grid-template-columns:minmax(0,1fr) minmax(300px,.8fr); gap:45px; align-items:center; padding:30px 0 38px; }
.workspace-welcome .workspace-hero { padding:28px 0; }
.idea-board { background:var(--input); padding:24px; border:1px solid var(--line); border-radius:12px; }
.idea-board-top { display:flex; justify-content:space-between; align-items:center; gap:16px; }
.idea-board h2 { font-size:22px; letter-spacing:-.7px; font-weight:550; margin:0; }
.idea-board .eyebrow { font-size:8px; color:var(--red); margin-bottom:8px; }
.idea-board-list { list-style:none; padding:0; margin:16px 0 22px; max-height:250px; overflow-y:auto; }
.idea-board-list li { border-bottom:1px solid var(--line); }
.idea-board-list button { display:block; width:100%; text-align:left; font:inherit; padding:11px 0; border:0; background:none; color:var(--text); overflow-wrap:anywhere; }
.idea-board-list button:hover { color:var(--red); }
.markdown-toolbar { display:flex; gap:8px; flex-wrap:wrap; margin:18px 0; }
.markdown-toolbar button[aria-pressed=true] { border-color:var(--red); color:var(--red); }
.notes-editor .idea-checkbox { display:flex; align-items:center; gap:10px; margin-top:20px; font-weight:400; }
.notes-editor .idea-checkbox input { width:16px; height:16px; margin:0; accent-color:var(--red); padding:0; }
.markdown-preview { min-height:300px; padding:18px; background:var(--input); border:1px solid var(--line); border-radius:7px; overflow-wrap:anywhere; line-height:1.8; margin-bottom:22px; }
.markdown-preview :first-child { margin-top:0; }
.markdown-preview h1,.markdown-preview h2,.markdown-preview h3 { line-height:1.3; letter-spacing:-.5px; }
.markdown-preview a { color:var(--red); text-decoration:underline; }
.markdown-preview pre { white-space:pre-wrap; background:var(--panel); padding:14px; border-radius:6px; overflow-x:auto; }
.markdown-preview code { font-family:ui-monospace,monospace; font-size:.9em; }
.markdown-preview blockquote { border-left:3px solid var(--red); padding-left:16px; margin-left:0; color:var(--muted); }
.markdown-preview table { border-collapse:collapse; display:block; overflow-x:auto; }
.markdown-preview td,.markdown-preview th { border:1px solid var(--line); padding:7px 10px; }
@media(max-width:850px) { .workspace-welcome { grid-template-columns:1fr; gap:15px; } }
@media(max-width:680px) { .workspace-actions { gap:15px; } .idea-board { padding:19px; } .workspace-welcome { padding-top:15px; } }

.idea-board { background:none; border:0; border-radius:0; padding:0; }
.preview-cards { grid-template-columns:repeat(3,minmax(0,1fr)); }
@media(max-width:680px) { .preview-cards { grid-template-columns:1fr; } .idea-board { padding:0; } }