.tile-icon-picker{margin:16px 0;border:1px solid #cdcac3;border-radius:8px;background:#fff;overflow:hidden}
.tile-icon-picker summary{display:flex;align-items:center;gap:12px;min-height:78px;padding:14px;cursor:pointer;list-style:none;color:#181818}
.tile-icon-picker summary::-webkit-details-marker{display:none}
.tile-icon-picker summary>img{width:42px;height:42px;object-fit:contain;flex:none}
.tile-icon-picker summary>span:nth-child(2){display:grid;gap:4px;min-width:0}
.tile-icon-picker summary small{font-size:10px;letter-spacing:.08em;color:#65615b}
.tile-icon-picker summary strong{font-size:15px;line-height:1.3}
.tile-icon-picker .picker-action{margin-left:auto;font-size:12px;font-weight:700;color:#2147d9;white-space:nowrap}
.tile-icon-picker[open] summary{border-bottom:1px solid #ddd9d2;background:#f6f4ee}
.tile-icon-picker .icon-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible;padding:12px;gap:8px}
.tile-icon-picker .icon-option{min-width:0;width:100%;min-height:88px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px 4px;gap:6px;border:1px solid #ddd9d2;background:#fff;border-radius:7px;color:#181818}
.tile-icon-picker .icon-option img{width:36px;height:36px;object-fit:contain}
.tile-icon-picker .icon-option span{font-size:11px;line-height:1.25;text-align:center;white-space:normal}
.tile-icon-picker .icon-option.selected{border:2px solid #2147d9;background:#eef1ff}
.tile-icon-picker .icon-option:hover{background:#f6f4ee;border-color:#181818}
.tile-icon-picker .icon-option.custom-option{background:#f6f4ee;border-style:dashed}
.tile-icon-picker :is(summary,button):focus-visible{outline:3px solid #2147d9;outline-offset:-3px}
.tile-upload-actions{display:flex;flex-wrap:wrap;gap:8px}.tile-upload-actions .text-link{margin:0;font-size:12px}
.tile-custom .note{margin:10px 0;font-size:12px;line-height:1.6}
.tile-artwork-preview{margin:12px 0 0;padding:14px;background:#f6f4ee;border:1px solid #ddd9d2;border-radius:8px;text-align:center}
.tile-artwork-preview img{display:block;max-width:160px;width:100%;height:160px;object-fit:contain;margin:auto;background:#fff}
.tile-artwork-preview figcaption{font-size:12px;color:#45413b;margin-top:8px}
#tile-settings{align-items:start}
@media(max-width:380px){.tile-icon-picker .icon-options{grid-template-columns:repeat(2,minmax(0,1fr))}}