.skin-film{width:min(100%,1000px);margin:0 auto 20px}.skin-film video{display:block;width:100%;height:auto;aspect-ratio:6/5;border-radius:24px;background:#0c0e0b}.app-skins:not(.skin-static) .porcelain-fan{display:none}.app-skins.skin-static .skin-film{display:none}.skin-film-toggle{display:block;margin:18px auto 0;background:transparent;border:1px solid #ffffff35;color:var(--text,var(--ink));padding:9px 18px;border-radius:99px;font:500 12px/1.4 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;cursor:pointer}.skin-film-toggle:focus-visible{outline:3px solid var(--brand);outline-offset:4px}

.app-skins:not(.skin-static) .skin-selected-caption strong{display:none}
/* Campaign section: introduction alongside the visual design selector. */
.app-skins{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:60px;align-items:center;padding-top:80px;padding-bottom:80px}.skin-intro{min-width:0}.skin-intro .skin-heading{display:block;margin:0}.skin-intro .skin-heading p{margin-top:24px;max-width:340px}.skin-intro .skin-setting{display:block;margin-top:30px;padding-top:24px;line-height:1.6}.skin-intro .skin-setting p+p{margin-top:12px}.skin-full-screen-fan{min-width:0}.skin-film{max-width:640px;margin-bottom:22px}.skin-film video{border-radius:18px}.skin-fan-options{gap:7px;max-width:610px}.skin-fan-choice{padding:8px 11px;min-height:38px;font-size:11px}.skin-selected-caption{margin-top:18px}.skin-selected-caption strong{font-size:18px}.skin-film-toggle{margin-top:16px;padding:7px 14px}.porcelain-fan{height:600px;width:100%;margin-bottom:22px}.porcelain-card{width:120px;top:30px;border-radius:15px}.porcelain-card::after,.porcelain-sample,.porcelain-sample img{border-radius:14px}.porcelain-card[aria-pressed=true],.porcelain-card[aria-pressed=true]:hover{transform:translateX(-50%) translateY(150px) rotate(0deg) scale(1.3)}@keyframes porcelain-to-front{from{transform:translateX(-50%) rotate(var(--angle)) scale(1)}to{transform:translateX(-50%) translateY(150px) rotate(0deg) scale(1.3)}}
@media(max-width:1050px){.app-skins{gap:28px;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}.porcelain-fan{height:470px}.porcelain-card{width:94px;top:20px}.porcelain-card[aria-pressed=true],.porcelain-card[aria-pressed=true]:hover{transform:translateX(-50%) translateY(120px) rotate(0deg) scale(1.4)}@keyframes porcelain-to-front{from{transform:translateX(-50%) rotate(var(--angle)) scale(1)}to{transform:translateX(-50%) translateY(120px) rotate(0deg) scale(1.4)}}}
@media(max-width:760px){.app-skins{display:block;padding-top:50px;padding-bottom:50px}.skin-intro .skin-heading p{max-width:480px;margin-top:18px}.skin-intro .skin-setting{margin-top:18px;padding-top:16px;margin-bottom:28px}.skin-film{max-width:580px}.porcelain-fan{height:610px}.porcelain-card{width:125px;top:30px}.porcelain-card[aria-pressed=true],.porcelain-card[aria-pressed=true]:hover{transform:translateX(-50%) translateY(150px) rotate(0deg) scale(1.3)}@keyframes porcelain-to-front{from{transform:translateX(-50%) rotate(var(--angle)) scale(1)}to{transform:translateX(-50%) translateY(150px) rotate(0deg) scale(1.3)}}}
@media(max-width:480px){.porcelain-fan{height:410px}.porcelain-card{width:74px;top:24px;border-radius:10px}.porcelain-card::after,.porcelain-sample,.porcelain-sample img{border-radius:9px}.porcelain-card[aria-pressed=true],.porcelain-card[aria-pressed=true]:hover{transform:translateX(-50%) translateY(120px) rotate(0deg) scale(2.1)}@keyframes porcelain-to-front{from{transform:translateX(-50%) rotate(var(--angle)) scale(1)}to{transform:translateX(-50%) translateY(120px) rotate(0deg) scale(2.1)}}.skin-fan-options{gap:6px}.skin-fan-choice{font-size:10px;padding:7px 9px}}