.status-asset-symbol { display:inline-flex; flex:none; width:24px; height:24px; align-items:center; justify-content:center; }
.status-asset-image { display:block; width:24px; height:24px; object-fit:contain; }
.status-icon-picker { margin-top:6px; width:100%; min-width:0; border:1px solid #626663; border-radius:14px; background:#181c19; color:#e1e5e2; }
.status-icon-picker > summary { display:flex; align-items:center; gap:10px; min-height:46px; padding:8px 12px; cursor:pointer; list-style:none; font-size:13px; }
.status-icon-picker > summary::-webkit-details-marker { display:none; }
.status-icon-picker > summary > span:last-child { margin-left:auto; }
.status-icon-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(44px,1fr)); gap:6px; max-height:240px; overflow:auto; overscroll-behavior:contain; padding:10px; border-top:1px solid #383f39; scrollbar-width:thin; scrollbar-color:#454846 #181c19; }
.status-icon-grid button { display:flex; align-items:center; justify-content:center; min-width:0; min-height:40px; padding:6px; border:1px solid transparent; border-radius:8px; background:#242b26; cursor:pointer; color:inherit; }
.status-icon-grid button[aria-pressed=true] { border-color:#26d6a0; background:#263f32; }
.status-icon-grid button:hover { background:#354139; }
.status-icon-grid button:focus-visible, .status-icon-picker > summary:focus-visible { outline:2px solid #26d6a0; outline-offset:2px; }
.runtime-state-symbol .status-asset-symbol, .runtime-state-symbol .status-asset-image { width:20px; height:20px; }