.workspace-toolbar{min-height:64px;padding:12px clamp(18px,3vw,40px);display:flex;align-items:center;justify-content:space-between;gap:16px;background:white;border-bottom:1px solid #ddd;font:14px/1.4 Geist,Arial}.workspace-toolbar>div{display:grid;gap:3px}.workspace-toolbar #save-status{font-size:12px;color:#555}.workspace-toolbar .collection-link{padding:10px 14px;border:1px solid #999;color:#111;font:600 13px Geist,Arial;white-space:nowrap;text-decoration:none}.workspace-toolbar button{min-height:34px}.word-builder .workspace{height:calc(100dvh - 180px)}#yi2c-collage-mobile.word-builder #artwork{max-height:calc(100dvh - 330px)}@media(max-width:899px){.word-builder .workspace{height:auto;min-height:calc(100dvh - 200px)}.workspace-toolbar{min-height:70px;gap:10px}.workspace-toolbar #save-status{max-width:210px}#yi2c-collage-mobile.word-builder #artwork{max-height:calc(100dvh - 350px)}.workspace-toolbar .collection-link{margin-left:0;padding:10px}}
#yi2c-collage-mobile.word-builder .workspace{height:calc(100dvh - 180px)}@media(max-width:899px){#yi2c-collage-mobile.word-builder .workspace{height:auto;min-height:calc(100dvh - 200px)}}

.workspace-toolbar .collection-link::after{content:none!important}
#yi2c-collage-mobile.word-builder .stage .wa-product{width:min(100%,calc(max(190px,100dvh - var(--yi2c-builder-header-height,116px) - 240px) * var(--wa-aspect)))}
@media(max-width:899px){#yi2c-collage-mobile.word-builder .stage .wa-product{width:min(100%,calc(max(180px,100dvh - var(--yi2c-builder-header-height,102px) - 275px) * var(--wa-aspect)))}#yi2c-collage-mobile.word-builder .workspace-toolbar #save-status{font-size:12px}}

/* Keep the complete preview, title and actions inside the desktop workspace. */
@media(min-width:900px){
 #yi2c-collage-mobile.word-builder .stage{padding:18px 22px 8px;scrollbar-gutter:auto}
 #yi2c-collage-mobile.word-builder .stage-heading{margin-bottom:12px}
 #yi2c-collage-mobile.word-builder .art-actions{margin-top:12px}
 #yi2c-collage-mobile.word-builder .stage .wa-product{width:min(100%,calc(max(160px,100dvh - var(--yi2c-builder-header-height,116px) - 230px) * var(--wa-aspect)))}
 #yi2c-collage-mobile.word-builder #artwork{max-height:calc(100dvh - var(--yi2c-builder-header-height,116px) - 230px)}
}
#artwork-inspect:not(.zoomed) #inspect-canvas{max-width:100%;max-height:100%;object-fit:contain}
@media(max-width:899px){.workspace-toolbar>div{min-width:0}.workspace-toolbar .collection-link{flex-shrink:0}}