/* Opt-in creative palette. Picture-only choices retain their accessible text. */
.ah-builder main.is-create{grid-template-columns:minmax(0,1fr) 300px}
.ah-builder .is-create .pantry{padding:12px;align-self:start;display:block;min-height:0}
.is-create .ingredient-name,.is-create .sauce-button>span:nth-child(2){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.ah-builder .is-create .sauce-options{display:grid;grid-template-columns:repeat(2,minmax(44px,1fr));gap:6px}
.ah-builder .is-create .topping-options{display:grid;grid-template-columns:repeat(3,minmax(44px,1fr));grid-template-rows:none;gap:6px;flex:none}
.ah-builder .is-create .sauce-button,.ah-builder .is-create .topping-button{position:relative;min-height:52px;min-width:44px;padding:6px;gap:0;display:flex;align-items:center;justify-content:center}
.ah-builder .is-create .ingredient-art{width:36px;height:36px}
.is-create .pantry-footer{display:none}
.ah-builder .is-create .topping-section{margin-top:12px;display:block}

.is-create .build-mode-controls{margin-left:0}
.ah-builder .is-create #piece-picker{width:100%}
@media(orientation:portrait),(max-width:699px){
 .ah-builder main.is-create{grid-template-columns:minmax(0,1fr);height:auto}
 .ah-builder .is-create .kitchen{display:block}
 .is-create .pizza-stage{height:auto;container-type:normal}
 .is-create .pizza-stage .board{width:min(100%,560px);height:auto;aspect-ratio:1;max-width:100%}
 .ah-builder .is-create .pantry{display:grid;grid-template-columns:minmax(100px,1fr) minmax(0,2fr);gap:12px;width:100%}
 .ah-builder .is-create .topping-section{margin-top:0}
 .ah-builder .is-create .order{margin:12px auto}
}
@media(max-width:380px){.ah-builder .is-create .pantry{grid-template-columns:1fr}.ah-builder .is-create .sauce-options{grid-template-columns:repeat(4,1fr)}}


/* Actions remain beneath the palette in both modes. */
.is-create .pantry .pizza-actions{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.is-create .pantry .pizza-actions .ah-button{padding:9px 8px;font-size:14px;gap:6px}

/* Grow the landscape palette with spare height, within a bounded sidebar. */
@media(orientation:landscape) and (min-width:700px){
 .ah-builder main.is-create{
  grid-template-columns:minmax(0,1fr) clamp(300px,34dvh,324px);
 }
 .ah-builder .is-create .sauce-button,.ah-builder .is-create .topping-button{min-height:var(--play-choice-size)}
 .ah-builder .is-create .ingredient-art{width:var(--play-food-size);height:var(--play-food-size)}
 .ah-builder .is-create .sauce-bowl{width:var(--play-food-size);height:calc(var(--play-food-size)*.8)}
}

.is-create .learn-label{display:none}
.is-create .play-label{display:inline}
.ah-builder .is-create .sauce-legend,.ah-builder .is-create .topping-legend{gap:6px}

.is-create .section-label{gap:5px;white-space:nowrap}
.is-create .sauce-legend{flex-wrap:nowrap}
.is-create .build-mode-controls{margin-left:auto}
@media(orientation:portrait),(max-width:699px){
 .ah-builder .is-create .pantry{grid-template-columns:minmax(0,1fr)}
 .ah-builder .is-create .sauce-options{grid-template-columns:repeat(4,minmax(44px,1fr))}
 .ah-builder .is-create .topping-options{grid-template-columns:repeat(5,minmax(44px,1fr))}
}
@media(max-width:380px){.ah-builder .is-create .topping-options{grid-template-columns:repeat(3,minmax(44px,1fr))}.is-create .sauce-legend{flex-wrap:wrap}}