/* The studio grows with its content; the document owns vertical scrolling. */
.workspace > .sidebar,.workspace > .stage{height:auto;max-height:none;overflow:visible;min-width:0}
.workspace #templateCards{max-height:none;overflow:visible}
/* A dedicated caption row, never under the rotated cover artwork. */
.hero-art{height:405px}.art-note{bottom:0;left:0;width:100%;justify-content:center;z-index:3;height:38px;white-space:nowrap}.art-note svg{display:none}.art-chip{bottom:67px}
@media(min-width:1500px){.hero-art{height:445px}.art-chip{bottom:70px}}
@media(max-width:1180px){.hero-art{height:350px}.art-chip{bottom:59px}}
@media(max-width:800px){.hero-art{height:285px}.art-note{font-size:12px}.art-chip{bottom:56px}}
@media(max-width:380px){.hero-art{height:270px}}
.app-back{background:transparent;color:#4d6142;border:1px solid #dce4d4;padding:9px 12px;border-radius:10px;min-height:38px;font-size:11px;white-space:nowrap}.app-back:disabled{opacity:.35;cursor:default}.stage-top{gap:12px;flex-wrap:wrap}.stage-top>div:first-child{margin-right:auto}#editPageText{min-height:40px;padding:10px 14px;font-weight:600}.cover-words{background:#f5f8ee;border:1px solid #dfe7d4;border-radius:12px;padding:15px;margin:15px 0}.cover-words .field{margin-bottom:0}.cover-words .section-title{margin-top:0}.cover-words .hint{margin-bottom:10px}.page-text-dialog{width:min(620px,calc(100vw - 30px))}#pageTextSearch{width:100%;border:1px solid #dfe5d8;padding:12px;border-radius:10px;font:inherit}#pageTextFields{display:grid;grid-template-columns:1fr 1fr;gap:14px;max-height:45vh;overflow:auto;padding:4px 4px 6px}#pageTextFields .field{margin:0}#pageTextFields .field>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-text-dialog .primary{margin-top:18px}
@media(max-width:1180px){.product-header{gap:8px}.product-nav button{padding:10px}.product-brand img{width:35px;height:35px}.product-header #studioBrand{font-size:26px}}
@media(max-width:800px){.app-back{margin-left:auto}.top-actions{margin-left:0}.product-nav{order:4!important}.product-header .account-button{max-width:76px}.stage-top #editPageText{font-size:11px;padding:9px 10px}.stage-top .history{gap:3px}}
@media(max-width:450px){#pageTextFields{grid-template-columns:1fr}.product-header .app-back{padding:7px 9px;min-height:34px}.product-header{gap:7px}.product-header .product-brand #studioBrand{font-size:22px}.product-header .product-brand img{width:30px;height:30px}.top-actions .primary{padding:9px;font-size:10px}.product-header .account-button{max-width:56px;font-size:10px;padding:9px 0}}