.picture-library{margin:0 0 20px;padding:14px;border:1px solid #d5ded3;border-radius:12px;background:#f4f7ed;color:#455b49}
.picture-library summary{cursor:pointer;font-size:13px;font-weight:600}
.picture-library p{font-size:11px;line-height:1.7}
.picture-levels{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:12px}
.picture-level{display:flex;flex-direction:column;align-items:stretch;padding:8px;border:1px solid #d2dcc8;border-radius:9px;background:#fffcf3;text-align:left;min-width:0;gap:5px;color:#455b49}
.picture-level[aria-pressed=true]{border-color:#608b58;box-shadow:0 0 0 1px #608b58}
.picture-level:focus-visible{outline:3px solid #b2842d;outline-offset:2px}
.picture-level canvas{width:100%;height:auto;aspect-ratio:1;object-fit:contain;image-rendering:pixelated;border-radius:4px;background:#dfe8ee}
.picture-level strong{font-size:11px;line-height:1.6}
.picture-level small,.picture-level-status{font-size:10px;line-height:1.5}
.picture-level-status{color:#657b51}
@media(max-width:650px){.picture-levels{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}}