.head-actions{display:flex;align-items:center;gap:12px}.head-actions>span{color:var(--muted);font-size:12px}.secondary-button{border:1px solid #b8c8bf;background:#f7faf8;color:var(--accent);height:30px;padding:0 10px;font:12px inherit;cursor:pointer}.secondary-button:hover{border-color:var(--accent);background:#eaf4ef}.preview-grid{display:none;width:100%;height:100%;padding:14px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));grid-auto-rows:150px;gap:10px;align-content:start;overflow:auto}.dropzone.has-image .preview-grid{display:grid}.preview-card{position:relative;background:#fff;border:1px solid var(--line);overflow:hidden}.preview-card img{width:100%;height:116px;object-fit:cover;display:block}.preview-card span{display:block;padding:7px 8px;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.preview-card button{position:absolute;right:5px;top:5px;width:25px;height:25px;border:0;background:rgba(23,32,28,.82);color:#fff;font-size:18px;line-height:20px;cursor:pointer}.dropzone.has-image #emptyState{display:none}.dropzone.has-image .replace{display:block}@media(max-width:480px){.head-actions{gap:7px}.preview-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:135px}.preview-card img{height:102px}.secondary-button{padding:0 7px}}