.item-art-layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr); gap: 1.5rem; }
@media (max-width: 900px) { .item-art-layout { grid-template-columns: 1fr; } }
.item-art-items { list-style: none; margin: 0; padding: 0; display: grid; gap: .5rem; }
.item-art-row { display: grid; grid-template-columns: 48px 1fr auto auto; grid-template-rows: auto auto; gap: .25rem .75rem; align-items: center; padding: .5rem; border-radius: 8px; border: 1px solid rgba(255,255,255,.12); }
.item-art-row[aria-selected="true"] { border-color: #ea93a9; background: rgba(234,147,169,.12); }
.item-art-row small { grid-column: 2; opacity: .75; }
.item-art-preview { grid-row: span 2; width: 48px; height: 48px; image-rendering: pixelated; background: repeating-conic-gradient(#2a2733 0 25%, #1f1c27 0 50%) 0 0 / 12px 12px; border-radius: 6px; }
.item-art-grid { display: grid; grid-template-columns: auto 5rem auto 5rem; gap: .5rem; align-items: center; margin: .5rem 0; }
.item-art-canvas { display: block; max-width: 100%; margin-top: .75rem; image-rendering: pixelated; cursor: crosshair; background: repeating-conic-gradient(#2a2733 0 25%, #1f1c27 0 50%) 0 0 / 16px 16px; border-radius: 6px; }