.n187-shell{display:grid;grid-template-columns:320px minmax(0,1fr);gap:18px;min-height:560px}.n187-list,.n187-work{background:var(--surface);border:1px solid var(--line);border-radius:16px;min-width:0}.n187-list{padding:12px;display:flex;flex-direction:column;gap:10px}.n187-search{display:flex;align-items:center;gap:8px;border:1px solid var(--line);background:var(--surface2);border-radius:12px;padding:0 10px}.n187-search svg{width:18px;height:18px;color:var(--muted)}.n187-search input{border:0!important;background:transparent!important;min-height:44px;width:100%;padding:0!important}.n187-cards{display:flex;flex-direction:column;gap:8px;overflow:auto;max-height:calc(100dvh - 250px)}.n187-card{display:flex;flex-direction:column;align-items:stretch;text-align:left;gap:6px;padding:12px;border:1px solid transparent;border-radius:12px;background:transparent;min-height:88px}.n187-card:hover,.n187-card.active{background:var(--surface2);border-color:var(--line)}.n187-card-head{display:flex;gap:8px;align-items:flex-start;justify-content:space-between}.n187-card strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.n187-card>span:not(.n187-card-head){color:var(--muted);font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.n187-card small{color:var(--muted);font-size:11px}.n187-pin{color:var(--accent);flex:none}.n187-work{padding:20px}.n187-editor{display:flex;flex-direction:column;gap:16px;height:100%}.n187-editor-top{display:grid;grid-template-columns:minmax(0,1fr) 46px;gap:10px;align-items:end}.n187-editor label{display:flex;flex-direction:column;gap:7px}.n187-editor input{font-size:20px;font-weight:700}.n187-editor textarea{min-height:360px;resize:vertical;line-height:1.55}.n187-pin-btn{height:46px}.n187-pin-btn.active{color:var(--accent);background:var(--surface2)}.n187-editor-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto}.n187-editor-foot>div{display:flex;gap:8px}.n187-empty{height:100%;min-height:400px;display:grid;place-items:center;align-content:center;text-align:center;color:var(--muted)}.n187-empty svg{width:42px;height:42px}.n187-empty h2{margin:10px 0 0;color:var(--text)}.n187-empty p{margin:4px 0}.n187-list-empty{padding:30px 12px;text-align:center;color:var(--muted)}
@media(max-width:900px){.n187-shell{grid-template-columns:1fr;gap:10px;min-height:0}.n187-list,.n187-work{border-radius:14px}.n187-cards{max-height:280px}.n187-work{padding:14px}.n187-editor textarea{min-height:260px}.n187-editor-foot{align-items:flex-end}.n187-editor-foot>div{flex-wrap:wrap;justify-content:flex-end}.n187-card{min-height:76px}}