.visual-shell{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:18px;align-items:start}.visual-library,.visual-editor{padding:22px}.visual-head p{margin:6px 0 0;color:#6b7c90;max-width:720px}.visual-head h3 span{font-size:14px;color:#72839a;font-weight:700}.visual-filter{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.visual-filter button{border:1px solid #d7e0e9;background:#fff;border-radius:999px;padding:8px 12px;font:inherit;font-weight:700;color:#37506b;cursor:pointer}.visual-filter button span{margin-left:6px;color:#8796a8;font-size:12px}.visual-filter button.active{background:#143b31;border-color:#143b31;color:#fff}.visual-filter button.active span{color:#b8d7cc}.visual-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.visual-card{border:1px solid #dae3ea;border-radius:15px;background:#fff;overflow:hidden;cursor:pointer;transition:.18s ease;text-align:left;padding:0;color:inherit}.visual-card:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(22,47,69,.08);border-color:#a8c9bd}.visual-card.selected{border-color:#287c60;box-shadow:0 0 0 2px rgba(40,124,96,.12)}.visual-thumb{height:158px;background:#eef4f2;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.visual-thumb img{width:100%;height:100%;object-fit:contain;display:none;background:#f7faf9}.visual-thumb img.ready{display:block}.visual-placeholder{font-size:36px;color:#699084}.visual-thumb img.ready+.visual-placeholder{display:none}.visual-thumb.failed:after{content:'Не вдалося завантажити';font-size:12px;color:#8b5961;position:absolute;bottom:8px}.visual-card-body{padding:14px}.visual-card-body>b{display:block;font-size:15px;color:#102b25;margin:7px 0 5px}.visual-card-body p{font-size:12px;line-height:1.45;color:#718196;margin:0;min-height:35px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.visual-card-meta{display:flex;justify-content:space-between;gap:8px;font-size:11px;text-transform:uppercase;letter-spacing:.05em;font-weight:800;color:#50776b}.visual-card-meta small{font-size:11px;color:#93a1b0;text-transform:none;letter-spacing:0}.visual-uses{display:flex;gap:6px;margin-top:10px}.visual-uses span{font-size:10px;padding:4px 7px;border-radius:999px;background:#f0f2f4;color:#9aa5b0}.visual-uses span.on{background:#e6f3ed;color:#236a52}.visual-editor{position:sticky;top:18px}.visual-editor h3{margin:5px 0 18px}.visual-editor .field small{font-weight:500;color:#8794a2}.visual-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:16px}.visual-actions .btn-danger{grid-column:1/-1}.visual-note{margin-top:15px;padding:12px 13px;border-radius:10px;background:#f3f7f5;color:#667b73;font-size:12px;line-height:1.5}.visual-drop{border:1.5px dashed #afc7be;border-radius:14px;padding:24px 14px;text-align:center;background:#f8fbfa;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:5px;transition:.18s}.visual-drop.drag,.visual-drop:hover{border-color:#2e8265;background:#edf7f2}.visual-drop input{display:none}.visual-drop-icon{font-size:28px;color:#2d7c61}.visual-drop b{font-size:14px;color:#173d32}.visual-drop small{font-size:11px;color:#829288;line-height:1.4}.visual-empty{grid-column:1/-1}.visual-loading{padding:32px}.visual-toast{position:fixed;right:22px;bottom:22px;z-index:10000;background:#173f34;color:#fff;border-radius:11px;padding:12px 16px;box-shadow:0 12px 35px rgba(0,0,0,.18);font-weight:700;font-size:13px}.visual-toast.error{background:#9f2f3b}@media(max-width:1250px){.visual-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.visual-shell{grid-template-columns:minmax(0,1fr) 340px}}@media(max-width:900px){.visual-shell{grid-template-columns:1fr}.visual-editor{position:static}.visual-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.visual-library,.visual-editor{padding:15px}.visual-grid{grid-template-columns:1fr}.visual-thumb{height:190px}.visual-filter{overflow:auto;flex-wrap:nowrap;padding-bottom:3px}.visual-filter button{white-space:nowrap}.visual-actions{grid-template-columns:1fr}}