/* Desktop page width is adjustable here. Mobile keeps its existing layout. */
@media(min-width:1024px){
 .product-body {--desktop-app-max-width:1440px;--desktop-content-max-width:1040px;align-items:start;background:radial-gradient(ellipse at 50% 10%,#30243c,#121018 70%);}
 .product-body>.phone {width:min(100%,var(--desktop-app-max-width));height:100dvh;max-height:none;margin:0;align-self:start;border-radius:0;box-shadow:0 24px 95px #0004;}
 .product-body>.phone .feed-header {top:0;left:32px;right:32px;}
 .product-body>.phone .feed-header::before {left:-32px;right:-32px;}
 .product-body>.phone .catalog-page {padding-left:32px;padding-right:32px;}
 .product-body>.phone .catalog-heading h1 {font-size:32px;}
 .product-body>.phone .catalog-categories {margin-inline:0;padding-inline:0;}
 .product-body>.phone .catalog-grid {grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 22px;}
 .product-body>.phone .square-card.is-wide {grid-column:span 2;}
 .product-body>.phone .catalog-grid>.catalog-ad {grid-column:1/-1;aspect-ratio:auto;min-height:clamp(160px,16vw,220px);}
 /* Square rows center sparse content; bounded cards never stretch to page-sized posters. */
 .product-body>.phone .square-page .square-grid {--square-columns:4;--square-gap:12px;--square-unit:calc((100% - (var(--square-columns) - 1) * var(--square-gap)) / var(--square-columns));display:flex;flex-wrap:wrap;justify-content:center;column-gap:var(--square-gap);}
 .product-body>.phone .square-page .square-grid>.square-card {flex:1 1 var(--square-unit);max-width:320px;}
 .product-body>.phone .square-page .square-grid>.square-card.is-wide {flex-grow:2;flex-basis:calc(2 * var(--square-unit) + var(--square-gap));max-width:calc(640px + var(--square-gap));}
 .product-body>.phone .square-page .square-grid>:is(.catalog-ad,.empty-state) {flex:0 0 100%;max-width:none;}
 .product-body>.phone .catalog-banner {aspect-ratio:auto;height:220px;}
 .product-body>.phone #routePanel>:is(.studio-page,.generation-page,.drama-detail) {max-width:var(--desktop-content-max-width);margin-inline:auto;}
 .product-body>.phone .studio-entry-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;}
 /* A wider page must not turn a portrait source into a cropped, several-screen-high image. */
 .product-body>.phone #mediaLayer.media-layer:not(.framed)>[data-role=current]:is(video,img),
  .product-body>.phone #mediaLayer.media-layer:not(.framed)>img[data-feed-reference],
 .product-body>.phone #mediaLayer.media-layer:not(.framed)>[data-video-cover]>img,
 .product-body>.phone:not(:has(#mediaLayer.framed)) .vertical-preview-media>img {left:0;top:0;width:100%;height:100%;max-height:100%;transform:none;object-fit:contain!important;}
 .product-body>.phone>.bottom-nav {left:50%;right:auto;width:min(720px,calc(100% - 64px));translate:-50% 0;}
 .product-body>.phone .route-panel.dock-route {left:50%;right:auto;width:min(760px,calc(100% - 64px));translate:-50% 0;}
 .product-body>.phone .sheet-host>.bottom-sheet {left:50%;right:auto;width:min(720px,calc(100% - 64px));translate:-50% 0;}
 .product-body>.phone>.drama-detail-footer {max-width:var(--desktop-content-max-width);margin-inline:auto;}
}
@media(min-width:1280px){
 .product-body>.phone .catalog-grid {grid-template-columns:repeat(5,minmax(0,1fr));}
 .product-body>.phone .square-page .square-grid {--square-columns:5;}
}
@media(min-width:1100px){
 .admin-body .admin-shell {max-width:1680px;margin-left:auto;margin-right:auto;}
 .admin-body .admin-header {gap:24px;}
}
@media(min-width:1500px){.admin-body .admin-main {padding-left:38px;padding-right:38px;}}