body{background-color:#f8f9fa;font-family:Arial,sans-serif}.image-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));grid-gap:12px;gap:12px;padding:12px}.image-card{background:#fff;border:1px solid #e6e6e6;padding:8px;border-radius:6px;flex-direction:column}.image-card,.thumb-wrap{display:flex;overflow:hidden}.thumb-wrap{height:110px;align-items:center;justify-content:center;cursor:pointer;background:#f7f7f7;border-radius:4px}.thumb{max-width:100%;max-height:100%;object-fit:cover;display:block}.thumb-file{font-weight:700;color:#666}.image-meta{display:flex;justify-content:space-between;align-items:center;margin-top:8px}.image-name{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:110px}.image-actions .btn{margin-left:0}.image-modal-overlay{position:fixed;left:0;top:0;right:0;bottom:0;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;z-index:2000}.image-modal{background:#fff;padding:12px;border-radius:6px;max-width:90vw;max-height:90vh;overflow:auto}.image-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.image-large{max-width:80vw;max-height:70vh;display:block;margin:0 auto}.image-modal-footer{margin-top:8px;font-size:13px;color:#444;display:flex;gap:12px}.image-grid-empty{padding:12px;color:#666}.bc{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.bc .chip{background:#f1f5f9;padding:6px 10px;border-radius:999px;border:1px solid #e2e8f0;cursor:pointer;font-size:13px}.bc .chip:hover{background:#e2e8f0}.bc .chip.active{background:#0f172a;color:#fff;border-color:#0f172a}.btn{padding:6px 8px;border-radius:4px;border:1px solid #cbd5e1;background:#fff;cursor:pointer}.btn.active{background:#0f172a;color:#fff;border-color:#0f172a}.btn.btn-danger{background:#fff;border-color:#f87171;color:#7f1d1d}.subfolders{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-gap:12px;gap:12px;padding:8px}.subfolder-card{border:1px solid #e6e6e6;padding:10px;border-radius:6px;background:#fff;display:flex;flex-direction:column}.subfolder-name{font-weight:600;margin-bottom:8px}.subfolder-actions{margin-top:auto;display:flex;gap:6px}.pager{display:flex;gap:8px;align-items:center;margin-top:8px}.pager button{padding:6px 8px}