.tp{--tp-ink:var(--text-on-light,#0a0c10);--tp-muted:var(--text-on-light-muted,#4f5765);--tp-rule:var(--border-light,#e3e6eb);--tp-accent:var(--accent,#2c5bff);--tp-glass:#f4f5f7;color:var(--tp-ink);font-family:var(--font-body,Inter, system-ui, sans-serif);grid-template-columns:minmax(150px,190px) minmax(0,1fr);align-items:center;gap:24px 44px;margin:0;display:grid;position:relative}.tp-phone-svg{width:100%;height:auto;display:block;overflow:visible}.tp-side{max-width:600px}.tp-phone-svg *{vector-effect:non-scaling-stroke}.tp-case{fill:#fff;stroke:var(--tp-ink);stroke-width:2.5px}.tp-case-btn{fill:none;stroke:var(--tp-ink);stroke-width:3px;stroke-linecap:round}.tp-screen{fill:var(--tp-ink)}.tp-island{fill:#1d2129}.tp-vf{overflow:hidden}.tp-shot{transform-box:view-box;transform-origin:0 0}.tp-flash{fill:#fff;opacity:0;pointer-events:none}.tp-focus{fill:none;stroke:#7d97ff;stroke-width:2px;stroke-linecap:round;transform-box:fill-box;transform-origin:50%}.tp-pips circle{fill:#fff;stroke:#fff;stroke-width:1.25px;transition:fill .2s}.tp-pips circle.is-off{fill:#0000;stroke:#ffffff80}.tp-shutter-ring{fill:none;stroke:#fff;stroke-width:2.5px}.tp-shutter{fill:#fff;transform-box:fill-box;transform-origin:50%}.tp-sky{fill:var(--tp-glass)}.tp-l,.tp-ground,.tp-dent{fill:none;stroke-linecap:round;stroke-linejoin:round}.tp-l{stroke:#3d4450;stroke-width:1.4px}.tp-tyre{stroke-width:2px}.tp-ground{stroke:#c9ced6;stroke-width:1px}.tp-plate{fill:#fff;stroke:#3d4450;stroke-width:1.4px}.tp-plate-band{fill:#063298}.tp-soft{stroke:#9aa2ae;stroke-width:1.1px}.tp-floor{fill:#eceef1}.tp-dent{stroke:var(--tp-ink);stroke-width:1.5px}.tp-dent-ring{fill:none;stroke:#9aa2ae;stroke-width:1px;stroke-dasharray:2 3}.tp-refl{stroke:#6b7380;stroke-width:1.2px}.tp-crease{stroke-width:1.1px}.tp-scuff{stroke:#4f5765;stroke-width:1.1px}.tp-frames{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.tp-frame{min-width:0}.tp-thumb{aspect-ratio:3/4;border:1px solid var(--tp-rule);background:var(--tp-glass);transform-origin:0 0;will-change:transform;border-radius:10px;display:block;position:relative;overflow:hidden}.tp-thumb svg{width:100%;height:100%;display:block}.tp-thumb svg *{vector-effect:non-scaling-stroke}.tp-cap{margin-top:10px;font-size:.9375rem;font-weight:600;line-height:1.35;display:block}.tp-num{min-width:1.1em;color:var(--tp-accent);font-variant-numeric:tabular-nums;display:inline-block}.tp-send{border-top:1px solid var(--tp-rule);align-items:center;gap:16px;margin-top:26px;padding-top:22px;display:flex}.tp-shop{fill:none;width:56px;height:auto;stroke:var(--tp-ink);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;transform-origin:50% 100%;flex:none}.tp-line{max-width:34ch;margin:0;font-size:1.0625rem;font-weight:600;line-height:1.45}.tp-ghost{z-index:3;pointer-events:none;border:3px solid #fff;margin:0;position:absolute;box-shadow:0 4px 14px #0a0c1038}@media (width<=640px){.tp{grid-template-columns:1fr;gap:22px}.tp-phone{width:148px;margin:0 auto}.tp-frames{gap:10px}.tp-cap{margin-top:8px;font-size:.875rem}.tp-send{margin-top:20px;padding-top:18px}.tp-shop{width:48px}.tp-line{font-size:1rem}}