.editor { min-width: 0; padding: 32px; background: var(--main); }
.editor-head { display: none; align-items: center; justify-content: space-between; gap: 10px; }
.editor-layout { display: block; min-width: 0; }
.editor.page-selected .editor-layout { display: grid; grid-template-columns: minmax(0,1fr) 320px; gap: 34px; align-items: start; }
.note-pane { min-width: 0; }
.title { width: 100%; min-height: auto; padding: 0; border: 0; background: transparent; box-shadow: none !important; font-size: 36px; line-height: 1.1; font-weight: 800; }
.title:disabled { opacity: .6; }
.content { min-width: 0; min-height: 320px; height: auto; max-height: none; overflow: visible; outline: none; padding: 8px 0 70px; line-height: 1.58; font-size: 16px; }
.content:empty::before { content: attr(data-placeholder); color: rgba(255,255,255,.35); }
.content h2 { font-size: 1.45em; line-height: 1.18; margin: .45em 0 .35em; }
.content blockquote { margin: .7em 0; padding: .55em .8em; border-left: 3px solid var(--accent); background: rgba(255,255,255,.04); border-radius: 0 10px 10px 0; }
.muted { color: var(--muted); }
.attachments-column { display: none; }
.editor.page-selected .attachments-column { display: block; position: sticky; top: 32px; align-self: start; min-width: 0; }
.attachments-panel { width: 100%; min-width: 0; max-height: calc(100vh - 64px); overflow-x: hidden; overflow-y: auto; padding: 13px; border: 1px solid rgba(255,255,255,.08); border-radius: 14px; background: rgba(37,40,46,.82); }
.attachments-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; min-height: 32px; margin-bottom: 10px; }
.attachments-head strong { font-size: 14px; }
#attachFileButton { min-width: 64px; height: 30px; min-height: 30px; padding: 0 10px; }
.attachments-list { display: grid; gap: 6px; }
.attachment-row { display: grid; grid-template-columns: minmax(0,1fr) auto auto auto; align-items: center; gap: 7px; min-height: 36px; padding: 6px 8px; border-radius: 9px; background: rgba(255,255,255,.045); }
.attachment-name { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 13px; }
.attachment-meta { color: rgba(255,255,255,.48); font-size: 12px; white-space: nowrap; }
.attachment-row button { height: 26px; min-height: 26px; padding: 0 8px; font-size: 12px; }
.attachment-row button:last-child { width: 26px; min-width: 26px; padding: 0; }
#attachmentsStatus { margin-top: 7px; min-height: 0; }
.note-title-row { display:flex; align-items:flex-start; gap:14px; }
.note-title-row .title { flex:1 1 auto; min-width:0; }
.page-actions { display:flex; align-items:center; gap:8px; flex:0 0 auto; padding-top:1px; }
.page-action-button { width:36px; min-width:36px; height:36px; min-height:36px; padding:0; display:grid; place-items:center; border:1px solid rgba(255,255,255,.08); border-radius:10px; background:rgba(14,16,22,.7); color:rgba(255,255,255,.72); font-size:20px; line-height:1; }
.page-action-button:hover { background:rgba(255,255,255,.08); color:#fff; }
.page-action-button.active { border-color:rgba(255,179,93,.45); background:rgba(255,154,60,.14); color:#ffb35d; }
.page-action-button svg { width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.editor.locked-page .title { color:rgba(255,255,255,.82); }
.editor.locked-page .toolbar { opacity:.42; }
.editor.locked-page .content { color:rgba(255,255,255,.88); cursor:default; }
.editor.folder-selected .toolbar { display:none; }
.folder-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(240px,1fr)); gap:12px; padding-top:18px; }
.folder-card { min-height:122px; display:flex; flex-direction:column; align-items:stretch; text-align:left; gap:11px; padding:15px; border:1px solid rgba(255,255,255,.07); border-radius:14px; background:rgba(255,255,255,.035); color:#fff; }
.folder-card:hover { border-color:rgba(255,255,255,.14); background:rgba(255,255,255,.055); transform:translateY(-1px); }
.folder-card-title-row { display:flex; align-items:center; gap:8px; min-width:0; }
.folder-card-title-row strong { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:15px; }
.folder-card-icon { width:20px; height:20px; flex:0 0 20px; display:grid; place-items:center; }
.folder-card-icon svg { width:19px; height:19px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.folder-card-flags { margin-left:auto; display:flex; gap:5px; color:#ffb35d; font-size:13px; }
.folder-card-preview { display:-webkit-box; overflow:hidden; -webkit-box-orient:vertical; -webkit-line-clamp:3; min-height:42px; color:rgba(255,255,255,.62); font-size:13px; line-height:1.45; }
.folder-card-path { margin-top:auto; color:rgba(255,255,255,.35); font-size:11px; }
.folder-empty { padding:28px 0; color:var(--muted); }
@media (max-width:1100px) and (min-width:761px) { .editor.page-selected .editor-layout { grid-template-columns: minmax(0,1fr) 270px; gap:22px; } .folder-grid { grid-template-columns:repeat(auto-fill,minmax(210px,1fr)); } }
@media (max-width:760px) { .note-title-row { gap:8px; } .page-actions { gap:6px; } .page-action-button { width:34px; min-width:34px; height:34px; min-height:34px; } .folder-grid { grid-template-columns:1fr; padding-top:14px; } .folder-card { min-height:110px; } }