.art-page{max-width:1100px;margin:auto;padding:24px}.art-page nav{display:flex;justify-content:space-between;margin-bottom:28px}.art-page a{color:#f8bc3c}.art-page h1{font-size:24px}.art-page h2{margin-top:32px;font-size:18px}.art-page p{font-size:13px;line-height:1.9;color:#aaa}.art-page input,.art-page select,.art-page button{font:inherit;color:#eee;background:#252525;border:1px solid #666;padding:8px}.art-page label{font-size:13px}.sprite-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:10px;margin-top:18px}.sprite-card{background:#080808;border:1px solid #333;margin:0;padding:8px;content-visibility:auto;contain-intrinsic-size:auto 186px}.sprite-view{height:146px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.sprite-holder{position:relative;transform:scale(2);transform-origin:center;flex:none}.sprite-card figcaption{font-size:11px;line-height:1.6;color:#ddd;overflow-wrap:anywhere}.sprite-card small{color:#888}.map-preview{width:min(768px,100%);aspect-ratio:8/7;position:relative;overflow:hidden;background:#000;border:1px solid #444}.map-preview #map-frame{position:absolute;left:0;top:0;width:256px;height:224px;transform-origin:0 0;overflow:hidden}.map-controls{display:flex;gap:16px;flex-wrap:wrap;margin:16px 0}.map-controls label{display:flex;align-items:center;gap:8px}#asset-search{max-width:100%}#map-select{max-width:100%}@media(max-width:480px){.art-page{padding:16px}.sprite-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.art-page h1{font-size:20px}}
.native-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px}.native-card{background:#080808;border:1px solid #333;height:90px;display:flex;align-items:center;justify-content:end;flex-direction:column;padding:8px;gap:21px}.native-pixel{width:8px;height:8px;transform:scale(4)}.native-card small{font:9px monospace;color:#999}