.sp{font-family:system-ui,sans-serif;display:inline-block}.sp-grid{grid-template-columns:repeat(var(--sp-grid,3), 96px);touch-action:none;background:#d0d0d0;border-radius:6px;grid-auto-rows:96px;gap:3px;padding:3px;display:grid}.sp-tile{cursor:grab;background-position:50%;background-size:cover;border-radius:3px;outline:2px solid #0000;width:96px;height:96px;transition:outline-color .12s}.sp-tile:active{cursor:grabbing}.sp-tile--done{cursor:default;outline-color:#3c9}.sp-status{color:#333;min-height:18px;margin:8px 0;font-size:13px}.sp-submit{font:inherit;cursor:pointer;background:#fafafa;border:1px solid #888;border-radius:4px;padding:6px 16px;font-size:13px}.sp-submit:disabled{opacity:.5;cursor:default}