.dg{display:grid;gap:8px;width:100%}.dg-compact{gap:3px}.dg-cell{position:relative;display:block;min-width:0;min-height:0;padding:0;border:0;border-radius:12px;overflow:hidden;background:#eef0e8;font:inherit;color:inherit}.dg-compact .dg-cell{border-radius:4px}button.dg-cell{cursor:pointer}button.dg-cell:focus-visible{outline:3px solid #9fb286;outline-offset:2px}.dg-cell img{width:100%;height:100%;object-fit:cover}.dg-blank,.dg-cell img{position:absolute;inset:0}.dg-blank{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:#9aa38e;background:repeating-linear-gradient(135deg,#f3f4ee 0 10px,#eceee6 10px 20px)}.dg-blank small{font-size:11px}button.dg-cell .dg-blank{border:2px dashed #cfd5c3;border-radius:inherit}button.dg-cell:hover .dg-blank{color:#586746;border-color:#9fb286}button.dg-cell:has(img):after{content:"แก้";position:absolute;right:8px;bottom:8px;padding:2px 10px;border-radius:999px;background:#fffffff0;font-size:12px;color:#3f5230}@media(max-width:640px){.dg{gap:5px}.dg-cell{border-radius:8px}.dg-blank small{font-size:9.5px}}