/* Workspace layout only. Canonical Wingoria tokens remain untouched. */
.sprite-controls h2,.sprite-lab h2{font-size:var(--size-7);margin:8px 0}
.sprite-steps{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:8px 0 16px}
.sprite-steps .wg-button{padding:8px;font-size:var(--size-3)}
.sprite-steps [aria-current="step"]{border-color:var(--text);font-weight:bold}
.sprite-controls [hidden]{display:none!important}
.sprite-controls label{display:flex;flex-direction:column;gap:6px;margin:10px 0}
.sprite-controls input,.sprite-controls select{max-width:100%;min-width:0}
.sprite-transitions{padding-left:20px;font-size:var(--size-3)}
#spriteMachineState{font-size:var(--size-3)}
.sprite-controls pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;font-size:var(--size-3)}
body[data-workspace="spritesheets"] .workspace{display:block;overflow:auto}
.sprite-lab{padding:clamp(12px,2vw,28px);min-width:0}
.sprite-lab header,.sprite-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.sprite-lab header{justify-content:space-between}
.sprite-actions{margin:12px 0}
.sprite-actions label{display:flex;gap:8px;align-items:center;margin:0}
.sprite-actions input[type=number]{width:72px}
.sprite-lab input[type=range]{width:100%}
.sprite-player{display:grid;place-items:center;border:1px solid var(--border);border-radius:var(--radius-3,8px);background:var(--bg-sunk);margin:12px 0}
#spriteCanvas{display:block;width:min(100%,440px);height:auto}
#spriteAtlas{display:block;max-width:100%;height:auto;background:var(--bg-sunk)}
#spriteSource,#spriteStatus{overflow-wrap:anywhere}
body[data-workspace="spritesheets"] #stage{height:auto;min-height:0}
body[data-workspace="spritesheets"] #empty{display:none}
body[data-workspace="spritesheets"] #result{max-height:500px}
@media(max-width:700px){body[data-workspace="spritesheets"] .workspace{height:auto;min-height:0;overflow:visible}body[data-workspace="spritesheets"] #generate{position:static}.sprite-actions{gap:8px}.sprite-actions .wg-button{max-width:100%;white-space:normal}}

.sprite-lab [hidden]{display:none!important}
#spriteBakedSheet{display:block;width:100%;height:auto;background:var(--bg-sunk)}
#spriteSheetPanel{border:1px solid var(--border);padding:12px;margin:16px 0}
#spriteImageSource{border:1px solid var(--border);padding:12px;margin:12px 0}
#spriteCutout,#spritePlacement{display:block;width:100%;height:auto;border:1px solid var(--border);background:repeating-conic-gradient(var(--bg-sunk) 0% 25%,var(--bg) 0% 50%) 0 0/20px 20px}
#spriteCutout{touch-action:none;cursor:crosshair}
.sprite-source-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.sprite-source-grid>section{min-width:0}
.sprite-lab[hidden]{display:none!important}
@media(max-width:900px){.sprite-source-grid{grid-template-columns:1fr}}