.sprite-settings fieldset{border:0;min-width:0;margin:0 0 16px;padding:0}.sprite-settings legend{color:var(--muted);margin-bottom:8px;font-size:13px}.sprite-settings label{margin-bottom:14px}.sprite-settings input,.sprite-settings select{width:100%;min-width:0;min-height:44px}.sprite-settings button{width:100%;margin-top:12px}.sprite-pair{grid-template-columns:1fr 1fr;gap:12px;display:grid}.checker,.sprite-frames canvas{background-color:#fff;background-image:conic-gradient(#e4e7df 25%,transparent 0 50%,#e4e7df 0 75%,transparent 0);background-size:16px 16px}.sprite-sheet-wrap{border:1px solid var(--line);padding:16px;overflow:auto}#sprite-preview{margin-top:24px}#sprite-sheet{max-width:100%;height:auto;image-rendering:pixelated;margin:auto;display:block}.sprite-player{align-items:center;gap:20px;margin:28px 0;display:flex}.sprite-player .checker{border:1px solid var(--line);place-items:center;width:160px;min-width:100px;height:160px;display:grid}#sprite-animation{image-rendering:pixelated;max-width:100%;max-height:100%;display:block}.sprite-player h3{margin-top:0}.sprite-frames{grid-template-columns:repeat(auto-fill,minmax(85px,1fr));gap:12px;max-height:480px;padding:4px;display:grid;overflow:auto}.sprite-frames figure{border:1px solid var(--line);margin:0;padding:8px}.sprite-frames canvas{max-width:100%;height:auto;image-rendering:pixelated;margin:0 auto 8px;display:block}.sprite-frames figcaption{text-align:center;font-size:11px}.sprite-downloads{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px;max-height:360px;margin-top:20px;display:grid;overflow:auto}.sprite-downloads a{border:1px solid var(--line);padding:12px}@media (width<=400px){.sprite-player{flex-direction:column;align-items:start}.sprite-frames{grid-template-columns:repeat(2,minmax(0,1fr))}}