/* One shared square look canvas; only its available layout size changes. */
.dressing-stage{max-width:650px;margin:16px auto;padding:16px;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:radial-gradient(ellipse at 50% 85%,var(--color-border),transparent 48%),linear-gradient(145deg,var(--color-surface),var(--color-bg));text-align:center}
.dressing-stage h2{margin:0}.dressing-art.cp-scene{height:380px;--cp-base-size:min(280px,70%);overflow:hidden;background:transparent;border:0;box-shadow:none}.dressing-controls{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.dressing-controls button,.seasonal-parent button,.dress-toast button{min-height:44px}.dressing-stage p{overflow-wrap:break-word}.seasonal-parent{padding:16px;border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-block:16px}.seasonal-parent label{display:block;margin-block:12px}.seasonal-parent input,.seasonal-parent select{max-width:100%;min-height:44px}.seasonal-banner{border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:12px 16px;margin-block:12px;background:var(--color-surface)}.seasonal-banner h2{margin:0}.dress-toast{position:fixed;z-index:1000;bottom:100px;left:50%;transform:translateX(-50%);width:max-content;max-width:calc(100% - 32px);display:flex;align-items:center;gap:12px;padding:12px;background:var(--color-surface,#fff);border:1px solid var(--color-border);border-radius:16px;box-shadow:0 4px 20px #0002;color:var(--color-text)}.dress-toast span{min-width:0;overflow-wrap:break-word}.shop-page .shop-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.shop-card{min-width:0}.shop-card button{min-height:44px;white-space:normal;overflow-wrap:normal;word-break:normal}.shop-card h3{overflow-wrap:break-word}
@media(max-width:1100px){.dressing-art.cp-scene{height:320px;--cp-base-size:min(235px,70%)}.shop-page .shop-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){.dressing-art.cp-scene{height:250px;--cp-base-size:min(180px,70%)}.shop-page .shop-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dressing-stage{padding:12px}.dress-toast{gap:8px}.dress-toast button{flex-shrink:0}}
@media(prefers-reduced-motion:reduce){.dressing-stage *{transition:none!important;animation:none!important}}