.subject-filters{display:flex;gap:16px;align-items:end;flex-wrap:wrap;margin:16px 0}.subject-filters .field{min-width:180px;margin:0}.subject-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:18px}.subject-card{border:1px solid var(--border,#e4e7eb);border-radius:14px;background:white;overflow:hidden;min-width:0}.subject-cover{display:block;width:100%;height:190px;border:0;background:#f0f2f4;cursor:pointer;padding:0}.subject-cover img{width:100%;height:100%;object-fit:contain}.subject-placeholder{display:grid;place-items:center;height:100%;min-height:100px;color:#687686;font-size:13px}.subject-card-body{padding:16px}.subject-card-body h3{margin:0;overflow-wrap:anywhere}.subject-card-body p{font-size:13px;color:#6a7380}.subject-tags{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:12px}.subject-text{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;line-height:1.7;background:#f7f8fa;padding:16px;border-radius:9px}.subject-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.subject-form-grid>section{min-width:0}.subject-reference-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.subject-reference-grid figure{margin:0;border:1px solid #e3e7eb;border-radius:10px;overflow:hidden;padding:8px;min-width:0}.subject-reference-grid img{width:100%;height:170px;object-fit:contain;background:#f1f3f5}.subject-reference-grid figcaption{font-size:12px;overflow-wrap:anywhere;padding-top:8px}.subject-reference-grid .field{margin-bottom:8px}.subject-reference-grid input{max-width:100%}.subject-error{color:#a42828}.subject-manual-selector{border:1px solid #dce4ee;border-radius:10px;padding:16px;background:#f7faff;margin:18px 0}.subject-selection-row{display:flex;gap:12px;justify-content:space-between;align-items:center;padding:7px 0}.subject-selection-row span{overflow-wrap:anywhere;min-width:0}@media(max-width:800px){.subject-form-grid{grid-template-columns:1fr}.subject-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.subject-filters{align-items:stretch}.subject-filters .field{flex:1}}

.subject-selected-preview{display:flex;gap:10px;align-items:center}.subject-selected-preview img{width:64px;height:52px;object-fit:contain;border-radius:5px;background:#eee}.subject-selected-preview .subject-placeholder{display:none}