.product-page{padding-top:5rem;padding-bottom:6rem}.product-breadcrumb{display:flex;align-items:center;gap:.5rem;margin-bottom:2rem}.product-back{font-size:.75rem;font-weight:600;color:var(--text-secondary);text-decoration:none;transition:color .2s}.product-back:hover{color:var(--text-primary)}.breadcrumb-sep{font-size:.75rem;color:rgba(0,0,0,.2)}.breadcrumb-current{font-size:.75rem;font-weight:600;color:var(--text-primary)}.product-detail{display:grid;grid-template-columns:1fr 1fr;grid-gap:1px;gap:1px;background:rgba(0,0,0,.07);border:1px solid rgba(0,0,0,.07);border-radius:18px;margin-bottom:1px}.detail-info,.detail-preview{overflow:visible}.detail-preview:first-child{border-radius:17px 0 0 17px}.detail-info:last-child{border-radius:0 17px 17px 0}.detail-preview{background:var(--bg-color);padding:2.5rem;display:flex;flex-direction:column;gap:1.5rem;min-height:580px}.preview-controls{display:flex;gap:.6rem;align-items:center}.preview-input{flex:1 1;padding:.5rem .85rem;border:1px solid rgba(0,0,0,.1);border-radius:100px;font-size:.82rem;color:var(--text-primary);background:transparent;outline:none;transition:border-color .2s}.preview-input::placeholder{color:rgba(0,0,0,.3)}.preview-input:focus{border-color:var(--text-primary)}.bg-toggle{width:34px;height:34px;border-radius:50%;border:1px solid rgba(0,0,0,.1);background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s;position:relative}.bg-toggle.active{background:#1d1d1f;border-color:#1d1d1f}.bg-toggle-icon{width:14px;height:14px;border-radius:50%;background:linear-gradient(135deg,#1d1d1f 50%,#fff 0);border:1px solid rgba(0,0,0,.15)}.preview-canvas{flex:1 1;border-radius:12px;display:flex;align-items:center;justify-content:center;transition:background .3s;padding:1.5rem;min-height:200px}.preview-canvas.light{background:rgba(0,0,0,.02);border:1px solid rgba(0,0,0,.05)}.preview-canvas.dark{background:#1d1d1f;border:1px solid rgba(0,0,0,.2)}.preview-canvas-text{font-size:5rem;font-weight:700;letter-spacing:-2px;line-height:1.1;text-align:center;word-break:break-all;transition:color .3s}.preview-canvas.light .preview-canvas-text{color:var(--text-primary)}.preview-canvas.dark .preview-canvas-text{color:#fff}.preview-alphabet{display:flex;flex-direction:column;gap:.25rem}.alphabet-row{font-size:.78rem;font-weight:500;letter-spacing:3px;color:var(--text-secondary);line-height:1.8}.numbers-row{color:rgba(0,0,0,.3)}.detail-formats{display:flex;gap:.5rem}.format-badge{font-size:.65rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:rgba(0,0,0,.35);border:1px solid rgba(0,0,0,.1);border-radius:100px;padding:.25rem .65rem}.detail-info{background:rgba(0,0,0,.015);padding:2.5rem;display:flex;flex-direction:column;gap:1rem}.detail-top-row{display:flex;align-items:center;justify-content:space-between}.detail-eyebrow{font-size:.7rem;font-weight:600;letter-spacing:2.5px;text-transform:uppercase;color:var(--text-secondary)}.detail-badge{font-size:.62rem;font-weight:700;letter-spacing:.8px;text-transform:uppercase;padding:.2rem .6rem;border-radius:100px}.badge-free{background:rgba(34,197,94,.12);color:#16a34a;border:1px solid rgba(34,197,94,.25)}.badge-premium{background:rgba(0,0,0,.05);color:var(--text-secondary);border:1px solid rgba(0,0,0,.08)}.detail-title{font-size:2.4rem;font-weight:700;letter-spacing:-1.5px;line-height:1.05;color:var(--text-primary)}.detail-price-row{display:flex;align-items:center;gap:1rem}.detail-price{font-size:1.5rem;font-weight:700;letter-spacing:-.5px;color:var(--text-primary)}.detail-price.price-free{color:#16a34a}.detail-downloads{display:flex;align-items:center;gap:.3rem;font-size:.75rem;font-weight:500;color:var(--text-secondary)}.detail-divider{height:1px;background:rgba(0,0,0,.07)}.detail-description{font-size:.86rem;color:var(--text-secondary);line-height:1.75}.detail-features{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.55rem}.detail-features li{font-size:.81rem;color:var(--text-secondary);display:flex;align-items:flex-start;gap:.6rem;line-height:1.5}.feat-check{color:var(--text-primary);flex-shrink:0;margin-top:1px}.specs-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:.75rem;gap:.75rem}.spec-item{display:flex;flex-direction:column;gap:.2rem}.spec-label{font-size:.65rem;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:rgba(0,0,0,.3)}.spec-value{font-size:.82rem;font-weight:600;color:var(--text-primary)}.detail-btn{width:100%;padding:.88rem 1.5rem;border-radius:100px;font-size:.88rem;font-weight:600;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;position:relative;overflow:hidden;transition:opacity .2s ease}.btn-free,.btn-premium{background:var(--text-primary);color:var(--bg-color)}.detail-btn:hover{opacity:.85}.premium-glow:after{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);transform:skewX(-20deg);animation:shine 4s cubic-bezier(.19,1,.22,1) infinite}@keyframes shine{0%{left:-100%}20%{left:200%}to{left:200%}}.detail-note{font-size:.7rem;color:var(--text-secondary);text-align:center;line-height:1.5}.compat-section,.faq-section,.related-section{background:var(--bg-color);border:1px solid rgba(0,0,0,.07);border-top:none;padding:2.5rem}.compat-section,.faq-section{border-radius:0}.related-section{border-radius:0 0 18px 18px}.section-label{font-size:.68rem;font-weight:600;letter-spacing:2.5px;text-transform:uppercase;color:var(--text-secondary);margin-bottom:1.25rem}.compat-grid{display:flex;flex-wrap:wrap;gap:.6rem}.compat-item{display:flex;align-items:center;gap:.45rem;font-size:.8rem;font-weight:500;color:var(--text-primary);background:rgba(0,0,0,.03);border:1px solid rgba(0,0,0,.07);border-radius:100px;padding:.3rem .8rem}.compat-check{color:#16a34a;flex-shrink:0}.faq-list{display:flex;flex-direction:column}.faq-item{border-bottom:1px solid rgba(0,0,0,.07)}.faq-item:last-child{border-bottom:none}.faq-question{width:100%;display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.25rem;font-size:.86rem;font-weight:600;color:var(--text-primary);background:none;border:none;cursor:pointer;text-align:left}.faq-chevron{color:var(--text-secondary);flex-shrink:0;transition:transform .2s}.faq-item.open .faq-chevron{transform:rotate(180deg)}.faq-answer{font-size:.83rem;color:var(--text-secondary);line-height:1.75;padding:0 1.25rem 1rem}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1rem;gap:1rem}.related-card{border:1px solid rgba(0,0,0,.07);border-radius:12px;padding:1.25rem;display:flex;flex-direction:column;gap:.75rem;text-decoration:none;transition:background .2s,border-color .2s;background:rgba(0,0,0,.015)}.related-card:hover{background:#fff;border-color:rgba(0,0,0,.12)}.related-preview{aspect-ratio:1/1;background:rgba(0,0,0,.02);border:1px solid rgba(0,0,0,.05);border-radius:8px;display:flex;align-items:center;justify-content:center}.related-preview-text{font-size:2.5rem;font-weight:700;letter-spacing:-1.5px;color:var(--text-primary);line-height:1}.related-meta{display:flex;flex-direction:column;gap:.15rem}.related-name{font-size:.82rem;font-weight:600;color:var(--text-primary)}.related-style{font-size:.7rem;color:var(--text-secondary);font-weight:500}.related-price{font-size:.85rem;font-weight:700;color:var(--text-primary)}.related-price.price-free{color:#16a34a}@media (max-width:768px){.product-detail{grid-template-columns:1fr}.detail-preview{min-height:auto;padding:1.75rem}.preview-canvas-text{font-size:3.5rem}.detail-info{padding:1.75rem}.detail-title{font-size:1.9rem}.compat-section,.faq-section,.related-section{padding:1.75rem}.related-grid{grid-template-columns:1fr 1fr}}@media (max-width:480px){.related-grid,.specs-grid{grid-template-columns:1fr}}