.commander-images{isolation:isolate;vertical-align:middle;border:1px solid color-mix(in srgb,var(--primary) 28%,var(--border));background:radial-gradient(circle at 85% 15%,color-mix(in srgb,var(--primary) 29%,transparent),transparent 65%),linear-gradient(135deg,var(--secondary),var(--card));border-radius:16px;flex:none;justify-content:center;align-items:center;gap:10px;max-width:100%;min-height:179px;margin-right:4px;padding:14px 20px;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 10px 28px #00000026}.commander-image-backdrop{z-index:-1;filter:blur(28px)saturate(1.3);opacity:.3;pointer-events:none;background-position:50% 35%;background-size:cover;position:absolute;inset:-28px;transform:scale(1.2)}.commander-images:after{content:"";z-index:-1;background:linear-gradient(125deg,color-mix(in srgb,var(--card) 72%,transparent),transparent 65%);pointer-events:none;position:absolute;inset:0}.commander-images img,.commander-image-empty{object-fit:cover;object-position:top;border:1px solid color-mix(in srgb,var(--primary) 35%,var(--border));background:var(--secondary);border-radius:7px;width:108px;height:151px;display:block;position:relative;box-shadow:0 7px 20px #00000054}.commander-image-empty{color:var(--muted-foreground);place-items:center;font-size:26px;display:grid}.commander-image-empty.is-loading{color:color-mix(in srgb,var(--muted-foreground) 68%,transparent);overflow:hidden}.commander-image-empty.is-loading:after{background:linear-gradient(110deg,transparent 32%,color-mix(in srgb,var(--card) 75%,transparent) 50%,transparent 68%);content:"";animation:1.5s ease-in-out infinite commander-image-loading;position:absolute;inset:-35%}.commander-image-empty.is-error{border-color:color-mix(in srgb,#b24b42 64%,var(--border));background:color-mix(in srgb,#b24b42 12%,var(--secondary));color:#a33b35;font-weight:850}.commander-image-empty.is-missing{color:color-mix(in srgb,var(--muted-foreground) 78%,transparent)}.commander-image-retry{z-index:2;border:1px solid color-mix(in srgb,#b24b42 48%,var(--border));background:color-mix(in srgb,var(--card) 92%,transparent);min-height:44px;color:var(--foreground);cursor:pointer;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);border-radius:999px;justify-content:center;align-items:center;padding:0 13px;font-size:11px;font-weight:800;display:inline-flex;position:absolute;bottom:8px;right:8px;box-shadow:0 5px 16px #0003}.commander-image-retry:hover{background:var(--card)}.commander-image-retry:focus-visible{outline:2px solid var(--primary);outline-offset:2px}@keyframes commander-image-loading{0%{transform:translate(-65%)}to{transform:translate(65%)}}.commander-images.compact{min-height:0;box-shadow:none;background:0 0;border:0;border-radius:0;gap:3px;margin-right:8px;padding:0;overflow:visible}.commander-images.compact:after{display:none}.commander-images.compact img,.commander-images.compact .commander-image-empty{width:40px;height:56px;box-shadow:none;border-radius:4px}@media (width<=650px){.commander-images:not(.compact) img,.commander-images:not(.compact) .commander-image-empty{width:92px;height:129px}.commander-images:not(.compact){min-height:153px;padding:11px 14px}.commander-image-retry{bottom:6px;right:6px}}@media (prefers-reduced-motion:reduce){.commander-image-empty.is-loading:after{animation:none}}