.ptx{--purple:#8C5ADC;--purple-soft:#F3EEFC;--muted:#6B7280;--line:#E7E8EC;--panel:#F6F5F9;display:grid;grid-template-columns:minmax(0,.84fr) minmax(0,1.16fr);gap:1.1em;align-items:center;width:100%;container-type:inline-size;font-size:clamp(8px,2.2cqw,13px)}.ptx *{box-sizing:border-box}.ptx-selector{padding:1.15em;border:1px solid var(--line);border-radius:1.35em;background:#fff;box-shadow:0 1.1em 2.8em #1812281f}.ptx-title{margin:0 0 .75em;font-size:1em;font-weight:800;color:#20242b}.ptx-list{display:flex;flex-direction:column;gap:.5em}.ptx-row{display:flex;align-items:center;gap:.65em;padding:.62em .7em;border:.11em solid var(--line);border-radius:.8em;background:#fff;color:#3a3f49;transition:background .3s ease,border-color .3s ease,color .3s ease}.ptx-row>span:nth-child(2){min-width:0;flex:1;font-size:.82em;font-weight:650;line-height:1.15}.ptx-icon{display:flex;width:2.1em;height:2.1em;flex:0 0 2.1em;align-items:center;justify-content:center;border-radius:.62em;background:#f0f0f3;color:#5b6472}.ptx-icon svg{width:1.15em;height:1.15em}.ptx-row i{width:1.1em;height:1.1em;flex:0 0 1.1em;border:.13em solid var(--line);border-radius:50%}.ptx-row.selected{border-color:var(--purple);background:var(--purple-soft);color:var(--purple)}.ptx-row.selected .ptx-icon{background:#fff;color:var(--purple)}.ptx-row.selected>span:nth-child(2){font-weight:800}.ptx-row.selected i{position:relative;border-color:var(--purple);background:var(--purple)}.ptx-row.selected i:after{content:"";position:absolute;inset:.25em;border-radius:50%;background:#fff}.ptx-sync{display:flex;height:3.2em;align-items:center;justify-content:center;gap:.5em;margin-top:.9em;border-radius:.8em;background:linear-gradient(90deg,#8c5adc,#f873b5);color:#fff;font-size:.82em;font-weight:800;animation:ptSync 3s ease-in-out infinite}.ptx-sync svg{width:1.1em;height:1.1em}.ptx-result{min-width:0}.ptx-transition{position:relative;display:flex;min-height:34em;align-items:center;justify-content:center}.ptx-before{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.ptx-before>div{width:72%;max-width:18em;overflow:hidden;border:1px solid var(--line);border-radius:1.45em;background:#f6f5f9;box-shadow:0 1.4em 3.4em #18122824}.ptx-before img{display:block;width:100%;height:auto}.ptx-after{position:relative;display:flex;width:48%;max-width:14.5em;justify-content:center}.ptx-transition--static .ptx-after{width:48%}.ptx-phone{container-type:inline-size;position:relative;width:100%;aspect-ratio:390 / 844;isolation:isolate}.ptx-phone__surface{position:absolute;inset:0;overflow:hidden;border-radius:12cqw;background:var(--pt-tint);box-shadow:0 0 0 1px color-mix(in srgb,var(--pt-accent) 22%,transparent),0 18px 44px -12px #140a1e47}.ptx-phone__scroll{position:absolute;inset:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;padding-bottom:22%;mask-image:linear-gradient(to bottom,#000 90%,transparent 100%)}.ptx-phone__scroll::-webkit-scrollbar{display:none}.ptx-phone__chrome{flex-shrink:0;padding:6% 10% 8%;background:var(--pt-accent);color:var(--pt-tint);font-weight:600}.ptx-phone__chrome>div{display:flex;align-items:center;justify-content:space-between;font-size:3.7cqw}.ptx-phone__chrome b{display:block;width:max-content;margin:8% auto 0;padding:2px 8px;border:.5px solid hsla(0,0%,100%,.35);border-radius:999px;background:#ffffff24;font-size:3.2cqw;font-weight:500}.ptx-phone__banner{display:flex;align-items:center;justify-content:center;padding:4% 0;background:var(--pt-accent);color:var(--pt-tint);font-size:4.15cqw;font-weight:600}.ptx-phone__design{padding:8% 8% 0}.ptx-phone__design img{display:block;width:100%;height:auto;border-radius:3px}.ptx-phone__details{padding:6% 6.5% 4%}.ptx-phone__details>p{margin:0 0 4.5%;color:var(--pt-accent);font-size:3cqw;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.ptx-phone__details>div{display:flex;flex-direction:column;gap:3cqw}.ptx-phone__row{display:flex;align-items:center;gap:3.2cqw;padding:3.2cqw 4cqw;border-radius:3.6cqw;background:#fff;box-shadow:0 1px 3px #140a1e0f}.ptx-phone__row>span{display:flex;width:7.2cqw;height:7.2cqw;flex:0 0 7.2cqw;align-items:center;justify-content:center;border-radius:999px;background:color-mix(in srgb,var(--pt-accent) 12%,transparent);color:var(--pt-accent)}.ptx-phone__row svg{width:4cqw;height:4cqw}.ptx-phone__row b{color:#1a1420;font-size:3.5cqw;font-weight:500}.ptx-phone__cta{position:absolute;inset-inline:0;bottom:0;z-index:10;padding:6% 8%;background:color-mix(in srgb,var(--pt-tint) 82%,transparent);backdrop-filter:blur(12px) saturate(180%)}.ptx-phone__cta>div{display:flex;align-items:center;justify-content:center;padding:4.6% 0;border-radius:999px;background:var(--pt-accent);color:var(--pt-tint);font-size:4.7cqw;font-weight:700}@keyframes ptSel{0%{transform:scale(.985)}45%{transform:scale(1.012)}to{transform:scale(1)}}@keyframes ptSync{0%,to{filter:brightness(1)}50%{filter:brightness(1.09)}}.ptx-row.selected{animation:ptSel .55s ease-out both}@media(max-width:640px){.ptx{grid-template-columns:1fr;gap:1.2em;font-size:clamp(8px,3.2cqw,13px)}.ptx-transition{min-height:31em}.ptx-selector{max-width:28em;margin:0 auto}.ptx-after{width:42%}}@media(prefers-reduced-motion:reduce){.ptx-row,.ptx-row.selected,.ptx-sync{animation:none;transition:none}.ptx-before{display:none}}@media(prefers-reduced-motion:reduce){.ptx-after,.ptx-phone__row,.ptx-phone__cta>div{opacity:1!important;transform:none!important}}