.tpp-card{cursor:pointer;background:#fff;border:1px solid #0000000f;border-radius:24px;flex-direction:column;transition:transform .4s cubic-bezier(.22,1,.36,1),box-shadow .4s cubic-bezier(.22,1,.36,1);display:flex;position:relative;overflow:hidden;box-shadow:0 2px 16px #0000000f,0 1px 3px #0000000a}.tpp-card:hover{transform:translateY(-8px)scale(1.02);box-shadow:0 20px 60px #0000001f,0 8px 24px #00000014}.tpp-card.tpp-selected{border-color:var(--rose);box-shadow:0 0 0 3px var(--blush-soft), 0 8px 30px #c8546f26;transform:translateY(-2px)}.tpp-card.tpp-selected:hover{box-shadow:0 0 0 3px var(--blush-soft), 0 12px 36px #c8546f2e;transform:translateY(-4px)}.tpp-phone-wrap{aspect-ratio:9/19.5;background:linear-gradient(145deg,#f8f9fa 0%,#e9ecef 100%);justify-content:center;align-items:center;padding:24px 20px;display:flex;position:relative;overflow:hidden}.tpp-phone{aspect-ratio:9/19.5;background:#1a1a1a;border-radius:36px;width:72%;max-width:220px;padding:8px;transition:transform .4s cubic-bezier(.22,1,.36,1),box-shadow .4s cubic-bezier(.22,1,.36,1);position:relative;box-shadow:0 0 0 2px #2a2a2a,0 0 0 4px #1a1a1a,0 20px 40px #0000004d,0 8px 16px #0003,inset 0 0 2px #ffffff1a}.tpp-card:hover .tpp-phone{transform:translateY(-4px);box-shadow:0 0 0 2px #2a2a2a,0 0 0 4px #1a1a1a,0 30px 60px #00000059,0 15px 30px #00000040,inset 0 0 2px #ffffff1a}.tpp-dynamic-island{z-index:10;background:#000;border-radius:20px;width:72px;height:22px;position:absolute;top:12px;left:50%;transform:translate(-50%);box-shadow:0 0 0 1px #ffffff0d}.tpp-screen{background:#fff;border-radius:28px;width:100%;height:100%;position:relative;overflow:hidden}.tpp-screen:before{content:"";pointer-events:none;z-index:5;background:linear-gradient(135deg,#ffffff26 0%,#ffffff0d 30%,#0000 50%);border-radius:28px;position:absolute;inset:0}.tpp-content{width:100%;height:100%;position:relative;overflow:hidden}.tpp-content-inner{width:100%;height:100%;position:relative}.tpp-content-inner,.tpp-content-inner *{pointer-events:none!important}.tpp-content-inner>*{width:100%;height:100%}.tpp-poster{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:20px 16px;display:flex;position:relative;overflow:hidden}.tpp-poster-names{letter-spacing:-.5px;z-index:2;font-family:Cormorant Garamond,Georgia,serif;font-size:26px;font-weight:600;line-height:1.1}.tpp-poster-names.script{font-family:Alex Brush,cursive;font-size:32px;font-weight:400}.tpp-poster-ampersand{opacity:.7;z-index:2;margin:4px 0;font-family:Cormorant Garamond,serif;font-size:16px;font-style:italic}.tpp-poster-label{letter-spacing:3px;text-transform:uppercase;opacity:.7;z-index:2;margin-bottom:10px;font-size:8px;font-weight:700}.tpp-poster-date{letter-spacing:2px;opacity:.65;z-index:2;margin-top:12px;font-family:Cormorant Garamond,serif;font-size:11px;font-weight:600}.tpp-poster-theme-title{letter-spacing:1px;text-align:center;z-index:2;font-family:Cormorant Garamond,Georgia,serif;font-size:22px;font-weight:700;line-height:1.15}.tpp-poster-theme-subtitle{letter-spacing:2.5px;text-transform:uppercase;opacity:.55;z-index:2;margin-top:8px;font-size:9px;font-weight:600}.tpp-poster-ornament{pointer-events:none;z-index:1;opacity:.12;position:absolute;inset:0}.tpp-badge{letter-spacing:.5px;text-transform:uppercase;z-index:10;border-radius:6px;padding:4px 10px;font-size:10px;font-weight:700;position:absolute;top:12px;right:12px}.tpp-badge-pro{color:#1a1a1a;background:linear-gradient(135deg,#d4af37,#f3e5ab);box-shadow:0 2px 8px #d4af374d}.tpp-body{padding:20px 20px 22px}.tpp-category{letter-spacing:.5px;text-transform:uppercase;color:var(--rose,#c8546f);margin-bottom:6px;font-size:11px;font-weight:600;display:inline-block}.tpp-name{font-family:var(--serif,Georgia, serif);color:var(--charcoal,#2d2d2d);letter-spacing:-.3px;margin:0 0 6px;font-size:18px;font-weight:500;line-height:1.25}.tpp-desc{color:var(--muted,#6b7280);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 16px;font-size:13px;line-height:1.5;display:-webkit-box;overflow:hidden}.tpp-actions{gap:8px;display:flex}.tpp-btn{cursor:pointer;border:0;border-radius:12px;flex:1;height:40px;font-family:inherit;font-size:13px;font-weight:600;transition:transform .2s,box-shadow .2s,background .2s}.tpp-btn-preview{color:var(--charcoal,#2d2d2d);background:0 0;border:1.5px solid #0000001f}.tpp-btn-preview:hover{background:#00000008;border-color:#0003}.tpp-btn-use{background:linear-gradient(135deg, var(--rose,#c8546f), var(--blush,#e8a0b4));color:#fff;box-shadow:0 4px 12px #c8546f33}.tpp-btn-use:hover{transform:translateY(-1px);box-shadow:0 6px 18px #c8546f4d}@media (max-width:768px){.tpp-phone-wrap{padding:20px 16px}.tpp-phone{border-radius:32px;width:68%;padding:6px}.tpp-screen{border-radius:26px}.tpp-dynamic-island{width:60px;height:18px;top:10px}.tpp-body{padding:16px 16px 18px}.tpp-name{font-size:16px}.tpp-desc{font-size:12px}}