.unit-statuses{position:absolute;left:0;bottom:0;width:64%;display:grid;grid-template-columns:repeat(2,47%);gap:2.56cqw;z-index:7;pointer-events:none}
.unit-status-badge{display:grid;place-items:center;aspect-ratio:1;min-width:0;overflow:hidden;border-radius:2px;background:#18252bea;box-shadow:inset 0 0 0 .5px #ffffff70;color:#fff;font:600 14cqw/1 sans-serif}
.unit-status-badge img{display:block;width:100%;height:100%;object-fit:contain}
.drag-ghost.acted .unit-status-badge img{filter:none}
.unit-status-badge.status-image-failed{font-size:16cqw}
.drag-ghost{container-type:inline-size}
.unit:has(.unit-statuses) .unit-badge,.blank-demo .unit:has(.unit-statuses) .unit-badge{width:min(17px,30cqw);height:min(17px,30cqw);font-size:min(11px,20cqw)}
.unit:has(.unit-status-badge:nth-child(3)) .unit-entry,.blank-demo .unit:has(.unit-status-badge:nth-child(3)) .unit-entry{min-width:0;width:min(17px,30cqw);height:min(17px,30cqw);padding:0;font-size:min(11px,20cqw)}
.coordinate-cell.has-statuses .cell-coordinate{left:auto;bottom:auto;right:2px;top:2px}
.status-dialog{width:min(540px,calc(100vw - 32px));max-width:calc(100vw - 20px)}
.status-hero{font-size:13px;font-weight:600;margin:14px 0 0;color:#42644b}
.status-section-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:16px 0 8px}
.status-section-heading h3{font-size:13px;margin:0}
.status-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.status-option{display:flex;align-items:center;gap:9px;min-width:0;min-height:54px;padding:9px;border:1px solid #dce1d5;border-radius:8px;background:#f8f9f3;text-align:left;color:#475942}
.status-option[aria-pressed='true']{border-color:#52896a;background:#edf4ea;box-shadow:inset 0 0 0 1px #52896a}
.status-option img{flex:none;width:32px;height:32px;object-fit:contain;background:#233331;border-radius:4px}
.status-option-name{flex:1;min-width:0;font-size:13px;overflow-wrap:anywhere}
.status-check{flex:none;font-size:16px;color:#74846b}
.status-option[aria-pressed='true'] .status-check{color:#13805a}
.status-custom-list{max-height:240px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}
.status-custom-row{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-bottom:8px}
.status-custom-row>.status-option{flex:1}
.status-custom-row>.asset-delete-confirm{width:100%}
#status-upload{margin-top:18px;border-top:1px solid #e2e7d9;padding-top:12px}
#status-upload>summary{cursor:pointer;font-size:13px;color:#426b4e;padding:10px 0}
#status-file{width:100%;font-size:12px}
#status-file::file-selector-button{border:1px solid #d8e0d0;border-radius:6px;background:#f0f4e9;color:#4d6d51;padding:10px;margin-right:8px;cursor:pointer}
.status-upload-fields{display:grid;grid-template-columns:80px minmax(0,1fr);align-items:center;gap:16px;margin-top:14px}
.status-preview{width:80px;height:80px;border:1px solid #d6decc;border-radius:6px;overflow:hidden;background:repeating-conic-gradient(#e3e7db 0 25%,#fffefa 0 50%) 0/16px 16px;display:grid;place-items:center}
.status-preview canvas{width:100%;height:100%}
#status-empty{font-size:11px;background:#fffefa;color:#819078}
.status-upload-fields label{font-size:12px;min-width:0}
#status-name{display:block;width:100%;margin-top:7px;border:1px solid #d7dece;border-radius:6px;background:#f8faf3;padding:10px;color:#354732;font:inherit}
.status-dialog #status-error{position:sticky;bottom:-24px;background:#fffefa}
@media(max-width:540px){
  .status-dialog{width:calc(100vw - 20px);padding:16px;max-height:calc(100dvh - 20px)}
  .status-dialog .custom-avatar-heading{position:sticky;top:-16px;background:#fffefa;z-index:1;padding:5px 0}
  .status-dialog button{min-height:44px}
  .status-options{gap:8px}
  .status-option{padding:8px 6px;gap:6px}
  .status-option img{width:28px;height:28px}
  .status-option-name{font-size:12px}
  .status-upload-fields{gap:12px}
  #status-name{font-size:16px}
  .status-dialog #status-error{bottom:-16px}
  .selection-actions:has(.status-open){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;width:100%}
  .selection-actions:has(.status-open) .action-button{justify-content:center;min-height:44px;margin:0}
}
