.nt{display:grid;grid-template-columns:292px minmax(0,1fr);gap:14px;align-items:start}.nt-side{padding:12px;display:grid;gap:10px;position:sticky;top:0;max-height:calc(100vh - 140px)}.nt-side-top{display:flex;gap:8px}.nt-side-top .btn{flex:1;padding:0 10px;font-size:.78rem}.nt-folders{display:flex;gap:5px;flex-wrap:wrap}.nt-list{display:grid;gap:4px;overflow-y:auto}.nt-item{display:grid;gap:2px;padding:9px 11px;border-radius:10px;text-align:left}.nt-item:hover{background:var(--surface-2)}.nt-item.on{background:var(--accent-soft)}.nt-item-t{font-size:.84rem;font-weight:600}.nt-item-s,.nt-item-m{font-size:.7rem;color:var(--ink-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nt-item-m{color:var(--ink-4);font-size:.64rem}.nt-empty{padding:26px 8px;text-align:center;font-size:.8rem}.nt-main{padding:18px 22px;min-height:60vh}.nt-none{padding:80px 10px;text-align:center}.nt-title{font-size:1.3rem;font-weight:700;border-color:transparent;background:transparent;padding:0;min-height:40px}.nt-tools{display:flex;gap:3px;align-items:center;padding:8px 0;border-bottom:1px solid var(--line);flex-wrap:wrap}.tbtn{width:30px;height:30px;border-radius:8px;font-size:.78rem;font-weight:700;color:var(--ink-3)}.tbtn:hover{background:var(--surface-2);color:var(--ink)}.tbtn.hot{background:var(--accent);color:var(--accent-ink)}.nt-saved{margin-left:auto;font-size:.66rem;color:var(--ink-4)}.nt-body{min-height:300px;padding:16px 2px;font-size:.94rem;line-height:1.7;outline:none}.nt-body h3{font-size:1rem;margin:18px 0 6px}.nt-body ul,.nt-body ol{padding-left:22px}.nt-body ul[data-check]{list-style:none;padding-left:2px}.nt-body blockquote{margin:12px 0;padding-left:14px;border-left:3px solid var(--accent-line);color:var(--ink-2)}.nt-body pre{background:var(--surface-2);padding:12px 14px;border-radius:10px;font-family:var(--mono);font-size:.82rem;overflow-x:auto}.nt-body table{border-collapse:collapse;width:100%;margin:12px 0}.nt-body th,.nt-body td{border:1px solid var(--line);padding:7px 10px;font-size:.86rem;text-align:left}.nt-body th{background:var(--surface-2)}.nt-body img.sketch{max-width:100%;border-radius:10px;border:1px solid var(--line)}.nt-body .attach a{color:var(--accent)}.nt-foot{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap;padding-top:14px;border-top:1px solid var(--line)}.nt-foot label{display:grid;gap:4px;font-size:.68rem;font-weight:600;color:var(--ink-3)}.nt-foot input{width:150px}.nt-foot .danger{margin-left:auto}.nt-extra:empty{display:none}.ex{margin-top:14px;padding:14px 16px;background:var(--surface-2);border-radius:12px}.ex-top{display:flex;align-items:center;margin-bottom:8px}.ex-top .label{flex:1}.sum{margin:0;padding-left:20px;display:grid;gap:6px;font-size:.86rem}.sum-note{margin:12px 0 0;font-size:.7rem}.ver{padding:9px 0;border-bottom:1px solid var(--line)}.ver:last-child{border-bottom:none}.ver-top{display:flex;align-items:center;gap:10px;font-size:.72rem;color:var(--ink-3)}.ver-top .btn{margin-left:auto;min-height:30px;padding:0 11px;font-size:.72rem}.ver-body{margin:5px 0 0;font-size:.78rem;color:var(--ink-2)}.nt-back{margin-top:18px;padding-top:14px;border-top:1px solid var(--line);display:flex;gap:8px;align-items:center;flex-wrap:wrap}.nt-backlink{padding:5px 11px;border-radius:99px;background:var(--surface-2);font-size:.76rem}.nt-backlink:hover{background:var(--accent-soft)}.tpl-wrap,.draw-wrap{position:fixed;inset:0;z-index:60;display:grid;place-items:center;background:#00000080;padding:20px}.tpl{width:min(460px,100%);padding:16px 18px}.tpl-top{display:flex;align-items:center;margin-bottom:10px}.tpl-top .label{flex:1}.tpl-list{display:grid;gap:4px}.tpl-pick{display:grid;gap:1px;padding:11px 13px;border-radius:10px;text-align:left}.tpl-pick:hover{background:var(--surface-2)}.tpl-pick span{font-size:.86rem;font-weight:600}.tpl-pick em{font-style:normal;font-size:.72rem;color:var(--ink-3)}.draw{width:min(760px,100%);padding:16px 18px}#pad{width:100%;border-radius:10px;border:1px solid var(--line);touch-action:none;cursor:crosshair}.draw-acts{display:flex;gap:8px;margin-top:12px}@media (max-width: 860px){.nt{grid-template-columns:minmax(0,1fr)}.nt-side{position:static;max-height:none}.nt-list{max-height:260px}}