.frame-modern{border:2px solid #e5e7eb;border-radius:12px;box-shadow:0 4px 6px -1px rgba(0,0,0,.1);background:linear-gradient(135deg,#f8fafc,#fff)}.frame-classic,.frame-modern{padding:var(--frame-size,20px)}.frame-classic{border:4px solid #000;border-radius:0;position:relative}.frame-classic:before{content:"";position:absolute;top:8px;left:8px;right:8px;bottom:8px;border:2px solid #000}.frame-rounded{border:3px solid #3b82f6;border-radius:20px;padding:var(--frame-size,20px);background:linear-gradient(135deg,#eff6ff,#fff)}.frame-gradient{border:none;border-radius:16px;padding:var(--frame-size,20px);background:linear-gradient(var(--gradient-angle,45deg),#667eea 0,#764ba2 100%);box-shadow:0 10px 25px rgba(102,126,234,.3)}.frame-shadow{border:2px solid #fff;border-radius:12px;box-shadow:0 var(--shadow-intensity,20px) 25px rgba(0,0,0,.15);background:#fff}.frame-neon,.frame-shadow{padding:var(--frame-size,20px)}.frame-neon{border:2px solid #0f8;border-radius:12px;box-shadow:0 0 20px rgba(0,255,136,.5);background:#000;animation:var(--animation,none)}.frame-vintage{border:3px solid #8b4513;border-radius:8px;padding:var(--frame-size,20px);background:linear-gradient(135deg,#f4e4bc,#e6d7b8);position:relative}.frame-vintage:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><circle cx="20" cy="20" r="1" fill="rgba(139,69,19,0.1)"/><circle cx="80" cy="40" r="1" fill="rgba(139,69,19,0.1)"/><circle cx="40" cy="80" r="1" fill="rgba(139,69,19,0.1)"/></svg>');border-radius:8px}.frame-elegant{border:1px solid #d1d5db;border-radius:16px;padding:var(--frame-size,20px);background:linear-gradient(135deg,#fff,#f9fafb);box-shadow:0 4px 20px rgba(0,0,0,.08);position:relative}.frame-elegant:before{content:"";position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;border:1px solid #e5e7eb;border-radius:16px;background:linear-gradient(135deg,transparent,rgba(59,130,246,.1))}.qr-rounded,.qr-square{border-radius:var(--qr-corner-radius,0)}.qr-circular{border-radius:50%;overflow:hidden}.qr-circular img,.qr-rounded img,.qr-square img{filter:none}.qr-square img{border-radius:var(--qr-corner-radius,0)}.qr-rounded img{border-radius:8px;filter:contrast(1.2) brightness(1.1)}.qr-circular img{border-radius:50%;filter:contrast(1.3) brightness(1.2)}@keyframes pulse{0%,to{box-shadow:0 0 20px rgba(0,255,136,.5)}50%{box-shadow:0 0 30px rgba(0,255,136,.8)}}.frame-card{cursor:pointer;transition:all .2s ease}.frame-card:hover{transform:scale(1.05);box-shadow:0 4px 12px rgba(0,0,0,.1)}.frame-card.selected{border-color:#3b82f6;background-color:#eff6ff;box-shadow:0 0 0 2px rgba(59,130,246,.2)}.preview-container{background:#fff;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.1)}.instructions-container{background:#f9fafb;border-radius:8px;padding:16px}.instruction-step{display:flex;align-items:flex-start;gap:8px;margin-bottom:8px}.step-number{background:#3b82f6;color:#fff;border-radius:50%;width:20px;height:20px;justify-content:center;font-size:12px;font-weight:700;flex-shrink:0}.logo-container,.step-number{display:flex;align-items:center}.logo-container{gap:12px;padding:12px;background:#f3f4f6;border-radius:8px}.custom-logo-preview{width:48px;height:48px;object-fit:contain;border-radius:4px}@media (max-width:768px){.frame-card,.frame-card:hover{transform:none}}