.sprite-shell{border:1px solid var(--tool-line);border-radius:6px;overflow:hidden}.sprite-toolbar{padding:12px;display:flex;align-items:end;gap:10px;border-bottom:1px solid var(--tool-line);background:#ece9e2}.sprite-toolbar .field{margin:0}.sprite-toolbar .tool-actions{margin:0 0 1px auto}.sprite-stage{min-height:250px;padding:24px;display:grid;place-items:center;background:#2a2927}.sprite-stage canvas{max-width:100%;max-height:520px;background-image:linear-gradient(45deg,#444 25%,transparent 25%),linear-gradient(-45deg,#444 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#444 75%),linear-gradient(-45deg,transparent 75%,#444 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0}.frame-strip{padding:16px;display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;background:#f0ede7}.frame-card{padding:8px;position:relative;border:1px solid var(--tool-line);border-radius:4px;background:#fff}.frame-card img{width:100%;aspect-ratio:1;display:block;object-fit:contain;background:#e8e5dd}.frame-card footer{padding-top:7px;display:flex;justify-content:space-between;font:8px var(--mono)}.frame-card button{border:0;background:none;color:var(--tool-accent);font:inherit}.sprite-empty{padding:50px;text-align:center;color:#aaa69d}.sprite-empty .material-symbols-outlined{font-size:48px}@media(max-width:700px){.sprite-toolbar{align-items:stretch;flex-direction:column}.sprite-toolbar .tool-actions{margin:0}.sprite-toolbar .tool-button{flex:1}}