.sprite-importer{margin:14px 0;padding:14px;border:1px solid #537746;border-radius:10px;background:#101c16;color:#d8e9ce;min-width:0}.sprite-importer[hidden]{display:none}.sprite-import-heading{display:flex;gap:12px;align-items:baseline;flex-wrap:wrap}.sprite-import-heading span{font-size:11px;color:#a6b9a0;overflow-wrap:anywhere}.sprite-atlas,.sprite-result{margin:12px 0;max-width:100%;overflow:auto}.sprite-atlas canvas,.sprite-result canvas{display:block;max-width:100%;height:auto;image-rendering:pixelated;background-color:#17251e;background-image:linear-gradient(45deg,#26362c 25%,transparent 25%),linear-gradient(-45deg,#26362c 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#26362c 75%),linear-gradient(-45deg,transparent 75%,#26362c 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0}.sprite-atlas canvas{max-height:300px;object-fit:contain;object-position:left top}.sprite-result canvas{max-height:260px;object-fit:contain;object-position:left top;min-width:64px;min-height:64px}.sprite-importer figcaption{font-size:11px;line-height:1.6;color:#9fb598;margin-top:7px}.sprite-grid-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.sprite-grid-controls label{display:flex;flex-direction:column;gap:5px;font-size:12px}.sprite-grid-controls input,.sprite-grid-controls select{width:100%;min-width:0;box-sizing:border-box}.sprite-import-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.sprite-import-actions [role=status]{font-size:12px;line-height:1.6;overflow-wrap:anywhere}.sprite-grid-warnings{font-size:12px;line-height:1.7;color:#e5c78b;margin:10px 0;padding-left:18px}.sprite-grid-warnings:empty{display:none}.sprite-drop-active{outline:2px dashed #baf27d;outline-offset:4px}@media(max-width:480px){.sprite-grid-controls{grid-template-columns:1fr 1fr}.sprite-importer{padding:10px}.sprite-import-actions{align-items:flex-start;flex-direction:column}}
.sprite-import-discard{margin-top:12px;border-top:1px solid #354c3c;padding-top:10px}.sprite-import-discard .text-button{font-size:12px}.sprite-import-discard .weapon-hint{margin-bottom:0}

.sprite-importer{border-color:var(--theme-line,#537746);background:var(--theme-control,#101c16);color:var(--theme-ink,#d8e9ce);border-radius:6px}.sprite-importer figcaption,.sprite-import-heading span{color:var(--theme-muted,#a6b9a0)}.sprite-grid-warnings{color:var(--theme-ink,#e5c78b)}.sprite-drop-active{outline-color:var(--theme-accent,#baf27d)}.sprite-grid-controls input:invalid{border-color:#d0757e}