/* Wrap actual choices rather than hiding overflow. */
.editor-page .editor-layout>*,.editor-page .product-options,.editor-page .editor-controls,.editor-page .mag-options{min-width:0;max-width:100%}
.editor-page .color-choices{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,125px),1fr));gap:8px;width:100%;max-width:100%}
.editor-page .color-choices .color-choice{min-width:0;max-width:100%;width:100%;min-height:44px;white-space:normal;overflow-wrap:anywhere;padding:8px;gap:6px;text-align:left}
.editor-page .color-choice>span{min-width:0}.editor-page .color-choice .tote-swatch,.editor-page .color-choice img{flex-shrink:0}.editor-page .color-choice .color-check{flex-shrink:0;margin-left:auto}
.editor-page .preview-toolbar{flex-wrap:wrap;gap:8px}.editor-page .side-switch{flex-wrap:wrap;min-width:0;max-width:100%}.editor-page .side-switch button{min-height:44px;white-space:normal}.editor-page .canvas-actions{margin-left:auto;flex-shrink:0}
.mag-batch-bar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:16px;border:1px dashed #74bfb6;background:#f1faf8;border-radius:14px;margin:12px 0}.mag-batch-bar p{flex-basis:100%;margin:0;font-size:13px}.mag-batch-bar button{min-height:44px;white-space:normal}.mag-batch-bar.is-over{background:#d9f4ef;border-color:#176f69}.mag-batch-status{width:100%;font-size:14px;color:#176f69}
.mag-slots{grid-template-columns:repeat(auto-fill,minmax(min(100%,105px),1fr));gap:10px}.mag-slot .mag-slot-actions{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px}.mag-slot-actions button{min-height:44px;font-size:12px}.mag-slot>button:first-child{font-size:12px}.mag-batch-bar[aria-busy=true]{border-style:solid}.mag-batch-bar [hidden]{display:none}
@media(max-width:600px){.mag-layout{grid-template-columns:minmax(0,1fr)}.mag-intro .mag-product{max-height:180px}.mag-slots{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.mag-slot>button:first-child{padding:5px}.mag-slot-actions{flex-direction:column}.mag-crop-actions{flex-wrap:wrap}.mag-crop-actions button{flex:1 1 120px}.mag-packs button{min-width:0}.mag-photo-heading h2{font-size:20px}.mag-batch-bar .primary-action{width:100%}}
/* Override older product-specific three-column minimums as well. */
.studio-app .editor-page .product-options .color-choices{grid-template-columns:repeat(auto-fit,minmax(min(100%,125px),1fr))}
.studio-app .editor-page .color-choices .color-choice>span:not(.tote-swatch):not(.color-check){white-space:normal;overflow-wrap:anywhere}