.page-module__HWKl2G__page{height:100vh;display:flex}.page-module__HWKl2G__list{border-right:1px solid var(--border);flex-direction:column;flex:0 0 280px;width:280px;height:100%;display:flex}.page-module__HWKl2G__listHead{justify-content:space-between;align-items:center;padding:20px 16px 12px;display:flex}.page-module__HWKl2G__title{letter-spacing:-.01em;font-size:18px;font-weight:600}.page-module__HWKl2G__newBtn{border-radius:var(--radius);width:28px;height:28px;color:var(--text-dim);border:1px solid var(--border);justify-content:center;align-items:center;display:flex}.page-module__HWKl2G__newBtn:hover{background:var(--accent);border-color:var(--accent);color:#fff}.page-module__HWKl2G__newBtn svg{width:15px;height:15px}.page-module__HWKl2G__searchWrap{padding:0 16px 10px;position:relative}.page-module__HWKl2G__searchIcon{width:14px;height:14px;color:var(--text-faint);pointer-events:none;position:absolute;top:50%;left:26px;transform:translateY(-50%)}.page-module__HWKl2G__searchInput{width:100%;padding:6px 10px 6px 30px;font-size:12.5px}.page-module__HWKl2G__items{flex:1;padding:4px 8px 16px;overflow-y:auto}.page-module__HWKl2G__item{border-radius:var(--radius);align-items:stretch;width:100%;margin-bottom:2px;display:flex;position:relative}.page-module__HWKl2G__item:hover{background:var(--bg-hover)}.page-module__HWKl2G__itemActive{background:var(--bg-elevated)}.page-module__HWKl2G__itemMain{text-align:left;flex:1;min-width:0;padding:10px 4px 10px 10px;display:block}.page-module__HWKl2G__itemTitleRow{align-items:center;gap:5px;display:flex}.page-module__HWKl2G__pinIcon{width:11px;height:11px;color:var(--accent);flex:none}.page-module__HWKl2G__pinBtn{width:30px;color:var(--text-faint);opacity:0;flex:none;justify-content:center;align-items:center;display:flex}.page-module__HWKl2G__pinBtn svg{width:13px;height:13px}.page-module__HWKl2G__item:hover .page-module__HWKl2G__pinBtn,.page-module__HWKl2G__pinBtn[data-pinned=true]{opacity:1}.page-module__HWKl2G__pinBtn[data-pinned=true],.page-module__HWKl2G__pinBtn:hover{color:var(--accent)}.page-module__HWKl2G__itemActive:before{content:"";background:var(--accent);border-radius:0 3px 3px 0;width:3px;height:18px;position:absolute;top:50%;left:-8px;transform:translateY(-50%)}.page-module__HWKl2G__itemTitle{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:500;overflow:hidden}.page-module__HWKl2G__itemPreview{color:var(--text-faint);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:12px;overflow:hidden}.page-module__HWKl2G__empty{color:var(--text-faint);padding:12px 10px;font-size:12.5px}.page-module__HWKl2G__editor{flex-direction:column;flex:1;min-width:0;height:100%;display:flex}.page-module__HWKl2G__editorHead{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:16px 28px;display:flex}.page-module__HWKl2G__titleInput{background:0 0;border:none;border-radius:0;flex:1;padding:4px 0;font-size:17px;font-weight:600}.page-module__HWKl2G__titleInput:focus{box-shadow:none;border:none}.page-module__HWKl2G__deleteBtn{border-radius:var(--radius);width:30px;height:30px;color:var(--text-faint);flex:none;justify-content:center;align-items:center;display:flex}.page-module__HWKl2G__deleteBtn:hover{background:var(--danger-dim);color:var(--danger)}.page-module__HWKl2G__deleteBtn svg{width:15px;height:15px}.page-module__HWKl2G__headPinBtn{border-radius:var(--radius);width:30px;height:30px;color:var(--text-faint);flex:none;justify-content:center;align-items:center;display:flex}.page-module__HWKl2G__headPinBtn:hover{background:var(--accent-dim);color:var(--accent)}.page-module__HWKl2G__headPinBtn[data-pinned=true]{color:var(--accent);background:var(--accent-dim)}.page-module__HWKl2G__headPinBtn svg{width:15px;height:15px}.page-module__HWKl2G__body{resize:none;background:0 0;border:none;border-radius:0;flex:1;width:100%;padding:20px 28px;font-size:14px;line-height:1.7}.page-module__HWKl2G__body:focus{box-shadow:none;border:none}.page-module__HWKl2G__editorFooter{border-top:1px solid var(--border);color:var(--text-faint);justify-content:space-between;align-items:center;padding:10px 28px;font-size:11.5px;display:flex}.page-module__HWKl2G__savedIndicator{align-items:center;display:flex}.page-module__HWKl2G__emptyState{color:var(--text-faint);flex:1;justify-content:center;align-items:center;font-size:13.5px;display:flex}@media (max-width:767px){.page-module__HWKl2G__page{height:auto;min-height:calc(100vh - 58px)}.page-module__HWKl2G__page[data-view=list] .page-module__HWKl2G__editor,.page-module__HWKl2G__page[data-view=editor] .page-module__HWKl2G__list{display:none}.page-module__HWKl2G__list{border-right:none;flex-basis:auto;width:100%}.page-module__HWKl2G__editorHead{padding:14px 16px}.page-module__HWKl2G__body{padding:16px}.page-module__HWKl2G__editorFooter{padding:10px 16px}.page-module__HWKl2G__backBtn{width:30px;height:30px;color:var(--text-dim);flex:none;justify-content:center;align-items:center;display:flex}.page-module__HWKl2G__backBtn svg{width:17px;height:17px}}.page-module__HWKl2G__backBtn{display:none}@media (max-width:767px){.page-module__HWKl2G__backBtn{display:flex}}