.document-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:16px;margin:18px 0}.document-card{border:1px solid var(--line);border-radius:12px;padding:14px;background:var(--surface);min-width:0}.document-card h4{margin:12px 0 6px;overflow-wrap:anywhere}.document-card p{font-size:12px;line-height:1.6;overflow-wrap:anywhere}.document-thumbnail{height:240px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;border:1px solid var(--line);background:#fff;color:#4b5563;padding:10px;text-align:center;font:12px/1.5 'Segoe UI',sans-serif;border-radius:7px;overflow:hidden}.document-thumbnail img{display:block;width:100%;height:100%;object-fit:contain}.document-thumbnail-empty{background:var(--bg);color:var(--muted)}.document-view-switch{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:12px 0}.document-view-switch [aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.document-location{padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--bg);font-size:13px;line-height:1.6}.knowledge-drop{padding:18px;border:2px dashed var(--line);border-radius:10px;margin:14px 0}.knowledge-drop.dragging{border-color:var(--accent);background:var(--accent-soft)}.knowledge-drop label{display:block;margin-bottom:10px}.knowledge-drop input{max-width:100%}@media(max-width:600px){.document-grid{grid-template-columns:minmax(0,1fr)}}