.usage-section{background:linear-gradient(180deg,#f5f9fc,#eef4f9);border-top:1px solid #e0e8f0}.usage-section .section-intro{max-width:700px;margin-bottom:22px}.usage-section .section-intro p{max-width:610px}.usage-disclosure{display:flex;align-items:flex-start;gap:8px;font-size:.75rem;line-height:1.65;color:#52647a;max-width:650px;padding:12px 14px;border:1px solid #d4e2eb;background:#ffffffb3;border-radius:8px}.usage-disclosure>span{color:#7955b3}.usage-gallery{margin:23px 0 10px;padding:15px 0;mask-image:linear-gradient(to right,transparent,#000 2%,#000 98%,transparent)}.usage-gallery .marquee-track{animation-duration:32s}.usage-gallery .marquee-set{gap:17px;padding-right:17px;align-items:start}.usage-scene{flex:0 0 239px;width:239px;margin:0;border-radius:12px;overflow:hidden;background:#fff;border:1px solid #d5e1eb;box-shadow:0 5px 18px #14284610}.usage-scene-frame{position:relative;aspect-ratio:var(--scene-aspect);overflow:hidden;background:#142846}.usage-scene-frame img{display:block;width:100%;height:auto;max-width:none}.usage-mode{position:absolute;left:11px;top:11px;border:1px solid #ffffff60;background:#10223cdb;color:white;box-shadow:0 2px 6px #0001;font-size:.59rem;letter-spacing:.02em;font-weight:650;padding:4px 9px;border-radius:30px}.usage-scene figcaption{padding:12px 10px;font-size:.68rem;line-height:1.5;text-align:center;color:#52647a;background:white;border-top:1px solid #dce6ee}.usage-bottom .marquee-control{margin-bottom:18px}.usage-formats{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 14px;font-size:.65rem;color:#52647a;margin:0 auto 24px;text-align:center}.usage-formats span+span:before{content:'·';margin-right:14px;color:#9274cc}.usage-bottom .cta{max-width:365px;margin:auto}.usage-bottom .cta>span{margin-left:12px}
@media(min-width:600px){.usage-gallery .usage-scene{flex-basis:275px;width:275px}.usage-gallery .marquee-set{gap:21px;padding-right:21px}.usage-disclosure{font-size:.76rem}.usage-scene figcaption{font-size:.7rem;padding-block:13px}}
@media(min-width:900px){.usage-gallery{margin-top:32px;margin-bottom:15px;mask-image:linear-gradient(to right,transparent,#000 5%,#000 95%,transparent)}.usage-gallery .usage-scene{flex-basis:293px;width:293px}.usage-gallery .marquee-set{gap:24px;padding-right:24px}.usage-scene figcaption{font-size:.72rem}.usage-disclosure{font-size:.78rem}.usage-mode{font-size:.66rem;left:14px;top:14px}.usage-formats{font-size:.72rem;gap:18px}}
@media(prefers-reduced-motion:reduce){.usage-gallery .marquee-track{animation-duration:100s}}