/* Product scenes share a safe area; mobile uses a separately composed asset. */
.app-icon{box-shadow:inset 0 1px 1px #ffffff65,inset 0 -1px 1px #00000012,0 5px 12px #25334b0c}.app-icon svg{stroke-width:1.6}
.hero-feature{min-height:0;padding-bottom:20px}.hero-copy{padding-top:30px}.hero-art-link{margin-top:15px}.hero-art{height:auto;width:min(100%,1080px);max-width:1080px;left:auto;transform:none}.hero-art:before{display:none}
.preview-frame{display:block;pointer-events:none;position:relative;width:100%;aspect-ratio:1200/680}.preview-frame img{display:block;width:100%;height:100%;object-fit:contain}.hero-art .preview-frame{height:auto;width:100%}
.product-card>.preview-frame{position:absolute;inset:132px 14px 18px;width:auto;height:auto;aspect-ratio:auto}.card-copy{padding-top:29px}.card-arrow{right:22px;bottom:20px}.card-shiye .preview-frame{inset:143px 8px 24px}
.detail-art:has(.preview-frame){height:auto;max-width:1100px;margin-top:23px;margin-bottom:14px}.detail-art>.preview-frame{height:auto;width:100%;left:auto;transform:none;padding:0}.detail-intro h1{letter-spacing:-1.7px}.detail-actions{position:relative;z-index:1}
@media(min-width:701px){.hero-copy h2{font-size:40px}.hero-copy p{margin-bottom:16px}.hero-art-link{margin-top:10px}}
@media(max-width:700px){.preview-timer,.preview-palette,.preview-code,.preview-motion{aspect-ratio:720/680}.product-card{height:470px}}
@media(max-width:1000px) and (min-width:701px){.hero-art{max-width:95%}.card-focus{grid-column:span 7}.product-card>.preview-frame{inset:136px 6px 16px}}
@media(max-width:700px){.hero-feature{padding-bottom:15px}.hero-copy{padding:29px 18px 0}.hero-art-link{margin-top:15px}.hero-art{width:100%;max-width:100%;left:auto;transform:none}.preview-shiye{aspect-ratio:720/660}.preview-focus{aspect-ratio:720/690}.product-card>.preview-frame{inset:125px 12px 20px}.product-card.card-focus,.product-card.card-shiye{height:470px}.detail-art:has(.preview-frame){margin:22px auto 16px;width:100%;height:auto}.detail-art>.preview-frame{width:100%;height:auto;left:auto;transform:none;padding:0}.detail-intro h1{font-size:30px}.product-hero{padding-left:12px;padding-right:12px}.card-arrow{width:35px;height:35px}.button{min-height:44px}}