.notes-top{display:flex;gap:10px;margin-bottom:18px}.notes-layout{display:grid;grid-template-columns:270px minmax(0,1fr);border:1px solid #dce3d4;border-radius:10px;overflow:hidden;background:#fff;min-height:580px}.notes-index{background:#f2f5ed;padding:15px;border-right:1px solid #dce3d4;min-width:0}.notes-index>input{width:100%;padding:11px;border:1px solid #d8e1d0;border-radius:6px}.note-filters{display:grid;gap:7px;margin:12px 0}.note-filters select,.note-metadata select{border:1px solid #dce4d5;border-radius:5px;padding:7px;background:#fff;color:#546447;min-width:0}.notes-list{display:grid;gap:9px;max-height:670px;overflow-y:auto}.note-card{border:1px solid #dce5d3;border-radius:7px;background:white;display:flex;flex-direction:column;text-align:left;padding:14px;gap:9px;color:#526347;overflow-wrap:anywhere;width:100%}.note-card.selected{border-color:#8da976;background:#e8efdf}.note-card strong{font-size:13px}.note-card>span{font-size:11px;color:#6c7b61;max-height:42px;overflow:hidden;line-height:1.5}.note-card small{font-size:9px;color:#77866b}.note-card a{color:#a7492b;font-size:12px}.note-editor{padding:22px;min-width:0}.note-title{border:0;border-bottom:1px solid #e0e6da;font-size:25px;font-weight:600;width:100%;padding:5px 0 14px;background:transparent;color:#34482a}.note-metadata{display:flex;align-items:center;gap:10px;margin:10px 0;flex-wrap:wrap}.note-actions{display:flex;gap:7px;flex-wrap:wrap;margin:10px 0 16px}.note-actions button{font-size:10px;padding:8px 10px}.note-format{display:flex;flex-wrap:wrap;gap:4px;background:#f1f5eb;padding:7px;border:1px solid #e0e8d8;border-radius:7px 7px 0 0}.note-format button{padding:7px;border:0;background:transparent;color:#4b623d;font-size:11px;border-radius:4px}.note-format button:hover{background:#dee9d2}.note-body{width:100%;min-height:350px;border:1px solid #e0e8d8;border-top:0;border-radius:0 0 7px 7px;padding:18px;resize:vertical;font:14px/1.8 Consolas,monospace;color:#36452e;background:#fff}.note-preview{border:1px solid #e0e8d8;padding:18px;min-height:350px;overflow-wrap:anywhere}.note-status{display:flex;align-items:center;justify-content:space-between;gap:10px}.note-save{font-size:11px;color:#6c7e5e}.note-help{font-size:11px;line-height:1.7;color:#74816a}.notes-welcome{padding:90px 20px;text-align:center;color:#718462}.note-render{font-size:14px;line-height:1.75;overflow-wrap:anywhere;color:#34452b}.note-render h1{font-size:28px;letter-spacing:-.6px}.note-render h2{font-size:23px;margin-top:22px}.note-render h3{font-size:19px;margin-top:18px}.note-render p{margin:0 0 9px;white-space:pre-wrap}.note-render a{color:#a04c30;text-decoration:underline}.note-render code{font-family:Consolas,monospace;background:#eff3e8;padding:2px 4px;border-radius:3px}.note-render pre{padding:15px;background:#eef3e8;border-radius:6px;white-space:pre-wrap}.note-render blockquote{border-left:3px solid #9bae86;margin:12px 0;padding:8px 15px;background:#f5f7f0}.note-render li{margin-bottom:6px}.note-render hr{border:0;border-top:1px solid #dbe4d2;margin:20px 0}@media(max-width:1050px){.notes-layout{grid-template-columns:210px minmax(0,1fr)}.note-editor{padding:15px}.note-title{font-size:21px}}@media(max-width:720px){.notes-layout{display:block}.notes-index{border-right:0;border-bottom:1px solid #dce3d4}.notes-list{max-height:230px}.note-filters{grid-template-columns:1fr 1fr}.note-filters select:last-child{grid-column:1/-1}.note-body{min-height:400px;font-size:13px}.note-actions{gap:5px}.note-status{align-items:flex-start}.note-save{padding-top:14px}.notes-welcome{padding:40px 10px}}