.phone-model-selector-simple[data-v-095c8822]{display:flex;flex-direction:column;gap:.5rem;color:#333!important}.phone-model-selector-simple[data-v-095c8822] *,.phone-model-selector-simple i[data-v-095c8822],.phone-model-selector-simple .fas[data-v-095c8822],.phone-model-selector-simple .far[data-v-095c8822],.phone-model-selector-simple .fa[data-v-095c8822]{color:#333!important}.phone-model-selector-simple .phone-hero-section[data-v-095c8822],.phone-model-selector-simple .quick-access-section[data-v-095c8822],.phone-model-selector-simple .popular-grid[data-v-095c8822],.phone-model-selector-simple .quick-select-overlay[data-v-095c8822],.phone-model-selector-simple .hero-icon-group[data-v-095c8822],.phone-model-selector-simple .hero-title[data-v-095c8822],.phone-model-selector-simple .hero-subtitle[data-v-095c8822],.phone-model-selector-simple .confirmation-horizontal[data-v-095c8822],.phone-model-selector-simple .device-preview-horizontal[data-v-095c8822],.phone-model-selector-simple .selector-container[data-v-095c8822]{display:none!important}.selector-inline[data-v-095c8822]{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.select-simple[data-v-095c8822]{padding:.5rem .75rem;font-size:.9rem;border:1px solid #ced4da;border-radius:4px;background:#fff;color:#495057;min-width:150px;cursor:pointer}.select-simple[data-v-095c8822]:focus{border-color:#80bdff;outline:none;box-shadow:0 0 0 2px #007bff40}.select-simple[data-v-095c8822]:disabled{background:#e9ecef;cursor:not-allowed}.btn-confirm-simple[data-v-095c8822]{padding:.5rem 1.5rem;font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--pod-primary-text-color, #000)!important;background:var(--pod-primary-color, #97fb16);border:none;border-radius:4px;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #0000001a}.btn-confirm-simple[data-v-095c8822]:hover{background:var(--pod-primary-dark, #80d512);transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.btn-confirm-simple[data-v-095c8822]:disabled{background:#6c757d;cursor:not-allowed;transform:none;box-shadow:none}.loading-text[data-v-095c8822]{font-size:.85rem;color:#6c757d;font-style:italic}.model-info-compact[data-v-095c8822]{display:flex;align-items:center;gap:1rem;padding:.5rem 0;font-size:.85rem;color:#6c757d}.model-name[data-v-095c8822]{font-weight:500;color:#495057}.model-size[data-v-095c8822]{color:#adb5bd}@media (max-width: 576px){.selector-inline[data-v-095c8822]{flex-direction:column;align-items:stretch}.select-simple[data-v-095c8822]{width:100%;min-width:auto}.btn-confirm-simple[data-v-095c8822]{width:100%}}[data-v-095c8822]:root{--primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--secondary-gradient: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--success-gradient: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--warning-gradient: linear-gradient(135deg, #ffecd2 0%, #fcb69f 100%);--bg-glass: rgba(255, 255, 255, .95);--bg-card: rgba(255, 255, 255, .8);--border-radius: 20px;--border-radius-sm: 12px;--shadow-soft: 0 8px 25px rgba(0, 0, 0, .1);--shadow-hover: 0 15px 35px rgba(0, 0, 0, .15);--text-primary: #2d3748;--text-secondary: #718096;--text-muted: #a0aec0}.phone-model-selector[data-v-095c8822]{background:var(--bg-glass);border:none;border-radius:var(--border-radius-sm);padding:0;box-shadow:var(--shadow-soft);position:relative;overflow:hidden}.phone-model-selector[data-v-095c8822]:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--primary-gradient)}.phone-hero-section[data-v-095c8822]{background:var(--primary-gradient);padding:3rem 0 2.5rem;position:relative;overflow:hidden;margin:-1rem -1rem 2rem;border-radius:0 0 20px 20px}.phone-hero-section[data-v-095c8822]:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.15) 0%,transparent 50%),radial-gradient(circle at 70% 80%,rgba(255,255,255,.1) 0%,transparent 50%);animation:heroFloat-095c8822 6s ease-in-out infinite}@keyframes heroFloat-095c8822{0%,to{transform:translateY(0) rotate(0)}33%{transform:translateY(-8px) rotate(1deg)}66%{transform:translateY(4px) rotate(-.5deg)}}.phone-hero-section .hero-content[data-v-095c8822]{position:relative;z-index:2;text-align:center;color:#fff}.phone-hero-section .hero-icon-group[data-v-095c8822]{position:relative;margin:0 auto 1.5rem;width:80px;height:80px}.phone-hero-section .hero-icon[data-v-095c8822]{position:absolute;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);box-shadow:0 8px 32px #0000001a}.phone-hero-section .hero-icon.main[data-v-095c8822]{width:80px;height:80px;top:0;left:0;font-size:2rem;animation:pulse-095c8822 3s ease-in-out infinite}.phone-hero-section .hero-icon.small[data-v-095c8822]{width:28px;height:28px;font-size:.9rem}.phone-hero-section .hero-icon.small[data-v-095c8822]:nth-child(2){top:-8px;right:8px;animation:orbit1-095c8822 4s linear infinite}.phone-hero-section .hero-icon.small[data-v-095c8822]:nth-child(3){bottom:-8px;left:8px;animation:orbit2-095c8822 5s linear infinite}@keyframes orbit1-095c8822{0%{transform:rotate(0) translate(12px) rotate(0)}to{transform:rotate(360deg) translate(12px) rotate(-360deg)}}@keyframes orbit2-095c8822{0%{transform:rotate(0) translate(-12px) rotate(0)}to{transform:rotate(-360deg) translate(-12px) rotate(360deg)}}.phone-hero-section .hero-title[data-v-095c8822]{font-size:4rem;font-weight:700;margin-bottom:1.5rem;color:#fff!important;text-shadow:0 4px 12px rgba(0,0,0,.5);line-height:1.1}.phone-hero-section .hero-subtitle[data-v-095c8822]{font-size:1.4rem;font-weight:300;margin-bottom:0;color:#fff!important;opacity:.95;max-width:700px;text-shadow:0 2px 8px rgba(0,0,0,.4);margin-left:auto;margin-right:auto;line-height:1.4}.selector-container[data-v-095c8822]{padding:1rem}.selection-row[data-v-095c8822]{display:flex;gap:1rem;margin-bottom:1rem;margin-top:0}.selection-col[data-v-095c8822]{flex:1;background:var(--bg-card);border-radius:var(--border-radius-sm);border:none;padding:.75rem;animation:slideInUp-095c8822 .6s ease-out;transition:all .3s ease}.selection-col[data-v-095c8822]:hover,.selection-step[data-v-095c8822]:hover{box-shadow:var(--shadow-hover);transform:translateY(-1px)}.step-header-inline[data-v-095c8822]{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.step-header[data-v-095c8822]{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.step-number[data-v-095c8822]{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#e2e8f0,#cbd5e0);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem;transition:all .3s ease;flex-shrink:0}.step-number.active[data-v-095c8822]{background:var(--primary-gradient);color:#fff;transform:scale(1.1)}.step-number.confirmed[data-v-095c8822]{background:var(--success-gradient);color:#fff;transform:scale(1.1)}.step-title[data-v-095c8822]{margin:0;color:var(--text-primary);font-weight:600;font-size:1.1rem;flex:1}.custom-select-wrapper[data-v-095c8822]{position:relative;margin-top:.5rem}.custom-select[data-v-095c8822]{width:100%;padding:1rem 3rem 1rem 1rem;border:2px solid #e2e8f0;border-radius:var(--border-radius-sm);background:#fff;font-size:1rem;color:var(--text-primary);transition:all .3s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;min-height:3.5rem}.custom-select[data-v-095c8822]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.custom-select[data-v-095c8822]:hover{border-color:#a0aec0}.select-icon[data-v-095c8822]{position:absolute;right:1rem;top:50%;transform:translateY(-50%);color:var(--text-secondary);pointer-events:none;transition:all .3s ease}.select-icon.loading[data-v-095c8822]{animation:spin-095c8822 1s linear infinite}.loading-indicator[data-v-095c8822]{display:flex;align-items:center;gap:.5rem;margin-top:.5rem;padding:.5rem;background:#667eea0d;border-radius:var(--border-radius-sm)}.loading-inline[data-v-095c8822]{display:flex;align-items:center;gap:.5rem;margin-top:.5rem;padding:.3rem 0}.loading-inline small[data-v-095c8822]{color:var(--text-secondary);font-size:.75rem}.loading-dots[data-v-095c8822]{display:flex;gap:.25rem}.loading-dots span[data-v-095c8822]{width:8px;height:8px;border-radius:50%;background:#667eea;animation:bounce-095c8822 1.4s ease-in-out infinite both}.loading-dots span[data-v-095c8822]:nth-child(1){animation-delay:-.32s}.loading-dots span[data-v-095c8822]:nth-child(2){animation-delay:-.16s}.loading-text[data-v-095c8822]{color:var(--text-secondary);font-weight:500}.model-preview-card[data-v-095c8822]{background:#fff;border-radius:var(--border-radius-sm);padding:.75rem;box-shadow:var(--shadow-soft);border:1px solid rgba(255,255,255,.6)}.preview-compact[data-v-095c8822]{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.device-visual[data-v-095c8822]{flex-shrink:0}.phone-silhouette[data-v-095c8822]{width:50px;height:65px;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-radius:8px;display:flex;align-items:center;justify-content:center;border:2px solid #e2e8f0;position:relative;overflow:hidden}.device-placeholder[data-v-095c8822]{width:50px;height:65px;background:var(--primary-gradient);border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem}.svg-container[data-v-095c8822]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:8px}.svg-container[data-v-095c8822] svg{max-width:100%;max-height:100%;width:auto;height:auto}.device-info[data-v-095c8822]{flex:1;display:flex;flex-direction:column;gap:.5rem;min-width:0}.device-name[data-v-095c8822]{margin:0 0 .5rem;color:var(--text-primary);font-weight:700;font-size:1rem}.device-specs[data-v-095c8822]{display:flex;gap:.5rem}.spec-mini[data-v-095c8822]{background:#667eea1a;color:#667eea;padding:.25rem .5rem;border-radius:12px;font-size:.7rem;font-weight:600;display:flex;align-items:center;gap:.3rem}.technical-specs-compact[data-v-095c8822]{display:flex;gap:1rem;margin-bottom:.75rem;padding:.5rem;background:#f8fafc;border-radius:var(--border-radius-sm)}.spec-compact[data-v-095c8822]{display:flex;align-items:center;gap:.4rem;font-size:.75rem;color:var(--text-secondary)}.spec-compact i[data-v-095c8822]{color:#667eea}.spec-row[data-v-095c8822]{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0}.spec-row[data-v-095c8822]:not(:last-child){border-bottom:1px solid #e2e8f0}.spec-label[data-v-095c8822]{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);font-weight:500;font-size:.9rem}.spec-value[data-v-095c8822]{color:var(--text-primary);font-weight:600;font-size:.9rem}.cutouts-warning-compact[data-v-095c8822]{background:var(--warning-gradient);border-radius:var(--border-radius-sm);padding:.5rem;margin-bottom:.75rem;display:flex;align-items:center;gap:.5rem}.cutouts-warning-compact i[data-v-095c8822]{color:#d69e2e;font-size:.9rem}.cutouts-warning-compact small[data-v-095c8822]{color:#744210;font-size:.75rem}.confirmation-horizontal[data-v-095c8822]{display:flex;gap:3rem;background:linear-gradient(135deg,#ffffff26,#ffffff1a);backdrop-filter:blur(20px);border-radius:16px;border:none;padding:2rem 3rem;animation:slideInUp-095c8822 .6s ease-out;box-shadow:0 8px 32px #0000001a;position:relative;overflow:hidden;transition:all .3s ease;width:calc(100% + 2rem);box-sizing:border-box;margin:1.5rem -1rem}.confirmation-horizontal[data-v-095c8822]:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);opacity:0;transition:opacity .3s ease;border-radius:16px}.confirmation-horizontal[data-v-095c8822]:hover{transform:translateY(-2px);box-shadow:0 12px 40px #00000026}.confirmation-horizontal[data-v-095c8822]:hover:before{opacity:1}.confirmation-left[data-v-095c8822]{flex:3;display:flex;flex-direction:column;gap:1.5rem;min-width:0;padding-right:1rem}.confirmation-right[data-v-095c8822]{flex:2.5;display:flex;flex-direction:column;gap:1.5rem;align-items:stretch;justify-content:center;min-width:0;padding-left:1rem}.step-badge[data-v-095c8822]{display:flex;align-items:center;gap:1.5rem;padding:.75rem 1rem;background:#ffffff0d;border-radius:12px;backdrop-filter:blur(10px)}.device-preview-horizontal[data-v-095c8822]{display:flex;align-items:center;justify-content:space-between;gap:2rem;width:100%;padding:1rem 1.5rem;background:#ffffff14;border-radius:12px;backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.1)}.device-visual-small[data-v-095c8822]{flex-shrink:0}.phone-silhouette-small[data-v-095c8822]{width:35px;height:45px;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-radius:6px;display:flex;align-items:center;justify-content:center;border:2px solid #e2e8f0;position:relative;overflow:hidden}.device-placeholder-small[data-v-095c8822]{width:35px;height:45px;background:var(--primary-gradient);border-radius:6px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1rem}.device-details[data-v-095c8822]{flex:1}.device-name-small[data-v-095c8822]{margin:0 0 .25rem;color:var(--text-primary);font-weight:600;font-size:.9rem}.specs-horizontal[data-v-095c8822]{display:flex;gap:.5rem}.spec-item-mini[data-v-095c8822]{background:#667eea1a;color:#667eea;padding:.2rem .4rem;border-radius:8px;font-size:.7rem;font-weight:500}.cutouts-inline[data-v-095c8822]{display:flex;align-items:center;gap:.5rem;background:var(--warning-gradient);border-radius:var(--border-radius-sm);padding:.3rem .5rem}.cutouts-inline i[data-v-095c8822]{color:#d69e2e;font-size:.8rem}.cutouts-inline small[data-v-095c8822]{color:#744210;font-size:.7rem}.specs-grid[data-v-095c8822]{display:flex;flex-direction:row;gap:2rem;margin-bottom:1rem;justify-content:space-between;flex-wrap:nowrap;width:100%}.spec-item-grid[data-v-095c8822]{display:flex;align-items:center;gap:.8rem;background:#ffffff14;padding:.75rem 1rem;border-radius:10px;backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);flex:1;justify-content:center;min-width:140px;font-size:.8rem;color:#ffffffe6;font-weight:500}.spec-item-grid i[data-v-095c8822]{color:#667eea;font-size:.7rem}.confirmation-btn.action-btn-main[data-v-095c8822]{display:flex;align-items:center;gap:1rem;padding:1.25rem 2rem;background:#ffffff1a;color:#fff;text-decoration:none;border:2px solid rgba(255,255,255,.3);border-radius:16px;font-weight:600;transition:all .3s ease;backdrop-filter:blur(20px);box-shadow:0 8px 32px #0000001a;cursor:pointer;width:100%;margin-top:.5rem;z-index:10;position:relative}.confirmation-btn.action-btn-main.primary[data-v-095c8822]{background:#fff3;border-color:#ffffff80}.confirmation-btn.action-btn-main[data-v-095c8822]:hover:not(:disabled){background:#ffffff4d;border-color:#ffffffb3;transform:translateY(-3px);box-shadow:0 12px 40px #0003;color:#fff;text-decoration:none}.confirmation-btn.action-btn-main[data-v-095c8822]:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.confirmation-btn .btn-icon-main[data-v-095c8822]{width:50px;height:50px;background:#fff3;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;flex-shrink:0}.confirmation-btn .btn-content-main[data-v-095c8822]{display:flex;flex-direction:column;text-align:left;flex:1}.confirmation-btn .btn-title-main[data-v-095c8822]{font-size:1.1rem;font-weight:700;line-height:1.2;margin-bottom:.25rem}.confirmation-btn .btn-subtitle-main[data-v-095c8822]{font-size:.9rem;opacity:.8;font-weight:400;line-height:1.3}.btn-content[data-v-095c8822]{display:flex;align-items:center;gap:1rem;justify-content:center}.btn-icon[data-v-095c8822]{font-size:1.2rem}.btn-text[data-v-095c8822]{text-align:left}.btn-title[data-v-095c8822]{display:block;font-size:1rem;font-weight:700}.btn-subtitle[data-v-095c8822]{display:block;font-size:.8rem;opacity:.9;margin-top:.2rem}.quick-access-section[data-v-095c8822]{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.3)}.quick-header[data-v-095c8822]{margin-bottom:2rem;padding-bottom:1rem;display:flex;align-items:flex-start;gap:1rem}.quick-header-compact[data-v-095c8822]{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.quick-header-compact i[data-v-095c8822]{color:#f093fb;font-size:1rem}.quick-title[data-v-095c8822]{margin:0;color:var(--text-primary);font-weight:700;font-size:1.5rem;display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.title-gradient[data-v-095c8822]{color:#fff!important;-webkit-text-fill-color:white!important;background:none!important;font-weight:700;text-shadow:0 2px 8px rgba(0,0,0,.3);letter-spacing:-.025em}.title-sparkle[data-v-095c8822]{font-size:1.4rem;animation:sparkle-rotate-095c8822 2s linear infinite;display:inline-block}@keyframes sparkle-rotate-095c8822{0%{transform:rotate(0) scale(1)}25%{transform:rotate(90deg) scale(1.1)}50%{transform:rotate(180deg) scale(1)}75%{transform:rotate(270deg) scale(1.1)}to{transform:rotate(360deg) scale(1)}}.quick-subtitle[data-v-095c8822]{margin:0 0 1.5rem;color:#fff!important;font-size:1.1rem;font-weight:600;display:flex;align-items:center;gap:.75rem;line-height:1.4;text-shadow:0 2px 8px rgba(0,0,0,.3)}.subtitle-icon[data-v-095c8822]{color:#fff!important;font-size:1rem;opacity:.9;animation:pulse-icon-095c8822 2s ease-in-out infinite;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}@keyframes pulse-icon-095c8822{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.trending-badge[data-v-095c8822]{background:linear-gradient(135deg,#ff6b6b,#ee5a52);color:#fff;font-size:.75rem;font-weight:700;padding:.25rem .6rem;border-radius:10px;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 8px #ff6b6b66;animation:trending-glow-095c8822 2s ease-in-out infinite alternate}@keyframes trending-glow-095c8822{0%{box-shadow:0 2px 8px #ff6b6b66;transform:scale(1)}to{box-shadow:0 4px 15px #ff6b6b99;transform:scale(1.02)}}.popular-grid[data-v-095c8822]{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.5rem}.popular-card[data-v-095c8822]{background:var(--bg-card);border:1px solid rgba(255,255,255,.4);border-radius:var(--border-radius-sm);padding:.75rem;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.popular-card[data-v-095c8822]:hover:not(:disabled){transform:translateY(-3px);box-shadow:var(--shadow-hover);border-color:#667eea}.popular-card[data-v-095c8822]:disabled{opacity:.6;cursor:not-allowed}.popular-header[data-v-095c8822]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.brand-icon[data-v-095c8822]{width:35px;height:35px;border-radius:8px;background:linear-gradient(135deg,#4f46e5,#7c3aed);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.1rem}.popularity-badge[data-v-095c8822]{color:#fbbf24;font-size:.9rem}.popular-content .brand-name[data-v-095c8822]{color:var(--text-secondary);font-weight:500;font-size:.85rem;margin-bottom:.25rem}.popular-content .model-name[data-v-095c8822]{color:var(--text-primary);font-weight:600;font-size:1rem;margin-bottom:.5rem}.popular-content .model-specs[data-v-095c8822]{display:flex;justify-content:space-between;align-items:center}.screen-size[data-v-095c8822]{background:#667eea1a;color:#667eea;padding:.25rem .5rem;border-radius:12px;font-size:.75rem;font-weight:600}.quick-select-overlay[data-v-095c8822]{position:absolute;inset:0;background:#667eeaf2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;color:#fff;opacity:0;transition:all .3s ease}.popular-card:hover .quick-select-overlay[data-v-095c8822]{opacity:1}.quick-select-overlay i[data-v-095c8822]{font-size:1.5rem}.quick-select-overlay span[data-v-095c8822]{font-weight:600;font-size:.9rem}@keyframes pulse-095c8822{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes bounce-095c8822{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}@keyframes spin-095c8822{to{transform:rotate(360deg)}}.popular-grid.hero-stats-grid[data-v-095c8822]{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))!important;gap:1rem!important}.popular-card.stat-card[data-v-095c8822]{background:#ffffff1a!important;backdrop-filter:blur(20px)!important;border:1px solid rgba(255,255,255,.2)!important;border-radius:16px!important;padding:1.5rem 1rem!important;cursor:pointer!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;position:relative!important;overflow:hidden!important;animation:statCardFloat-095c8822 6s ease-in-out infinite!important;box-shadow:0 8px 32px #0000001a!important;text-align:center!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;min-height:180px!important}@keyframes statCardFloat-095c8822{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.popular-card.stat-card[data-v-095c8822]:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);opacity:0;transition:opacity .3s ease;border-radius:16px}.popular-card.stat-card[data-v-095c8822]:hover:before{opacity:1}.popular-card.stat-card[data-v-095c8822]:hover:not(:disabled){transform:translateY(-10px)!important;box-shadow:0 20px 40px #00000026!important;border-color:#ffffff4d!important}.popular-card.stat-card .popular-header[data-v-095c8822],.popular-card.stat-card .popular-content[data-v-095c8822]{display:none!important}.popular-card.stat-card .stat-icon[data-v-095c8822]{width:60px;height:60px;background:linear-gradient(135deg,#fff3,#ffffff1a);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;position:relative;z-index:2}.popular-card.stat-card .stat-icon i[data-v-095c8822]{color:#fff!important;font-size:1.5rem}.popular-card.stat-card .stat-content[data-v-095c8822]{position:relative;z-index:2;text-align:center}.popular-card.stat-card .stat-number[data-v-095c8822]{display:block;font-size:2rem;font-weight:800;color:#fff;margin-bottom:.25rem;text-shadow:0 2px 10px rgba(0,0,0,.2);line-height:1}.popular-card.stat-card .stat-label[data-v-095c8822]{display:block;font-size:.8rem;color:#fffc;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.popular-card.stat-card .popularity-badge.hero-badge[data-v-095c8822]{position:absolute;top:.75rem;right:.75rem;background:linear-gradient(135deg,#ffc10740,#ffc10726);border:1px solid rgba(255,193,7,.3);color:#fbbf24!important;padding:.2rem .5rem;border-radius:8px;font-size:.7rem;backdrop-filter:blur(10px);z-index:3}.popular-card.stat-card .brand-badge[data-v-095c8822]{position:absolute;bottom:.75rem;left:50%;transform:translate(-50%);z-index:3}.popular-card.stat-card .badge-brand[data-v-095c8822]{background:linear-gradient(135deg,#ffffff40,#ffffff26);color:#fff;border:1px solid rgba(255,255,255,.3);backdrop-filter:blur(10px);border-radius:8px;padding:.2rem .5rem;font-size:.7rem;font-weight:600}.popular-card.stat-card .quick-select-overlay[data-v-095c8822]{position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;background:#fff3!important;border:1px solid rgba(255,255,255,.3)!important;backdrop-filter:blur(10px)!important;border-radius:12px!important;padding:.75rem 1rem!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;opacity:0!important;transition:all .3s ease!important;color:#fff!important;font-weight:600!important;font-size:.8rem!important;gap:.25rem!important;z-index:4!important;width:auto!important;height:auto!important}.popular-card.stat-card:hover .quick-select-overlay[data-v-095c8822]{opacity:1!important}.popular-card.stat-card .quick-select-overlay i[data-v-095c8822]{font-size:1.2rem!important;margin-bottom:.25rem!important}@media (max-width: 768px){.popular-grid.hero-stats-grid[data-v-095c8822]{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))!important;gap:.75rem!important}.popular-card.stat-card[data-v-095c8822]{min-height:150px!important;padding:1rem .75rem!important}.popular-card.stat-card .stat-icon[data-v-095c8822]{width:50px;height:50px;margin-bottom:.75rem}.popular-card.stat-card .stat-icon i[data-v-095c8822]{font-size:1.2rem}.popular-card.stat-card .stat-number[data-v-095c8822]{font-size:1.6rem}.popular-card.stat-card .stat-label[data-v-095c8822]{font-size:.7rem}}@keyframes slideInUp-095c8822{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.phone-model-selector[data-v-095c8822]{padding:1rem}.header-content[data-v-095c8822]{flex-direction:column;text-align:center;gap:.5rem}.selector-title[data-v-095c8822]{font-size:1rem}.selection-row[data-v-095c8822]{flex-direction:column;gap:.75rem}.selection-col[data-v-095c8822]{padding:.5rem}.custom-select[data-v-095c8822]{padding:.75rem 2.5rem .75rem .75rem;font-size:.9rem;min-height:3rem}.confirmation-horizontal[data-v-095c8822]{flex-direction:column;gap:.75rem}.confirmation-right[data-v-095c8822]{align-items:flex-start}.specs-grid[data-v-095c8822]{flex-direction:row;gap:1rem;justify-content:space-between}.spec-item-grid[data-v-095c8822]{justify-content:flex-start}.confirmation-btn-horizontal[data-v-095c8822]{width:100%;min-width:auto}.popular-grid[data-v-095c8822]{grid-template-columns:1fr 1fr;gap:.5rem}}@media (min-width: 769px) and (max-width: 1024px){.custom-select[data-v-095c8822]{padding:.9rem 2.8rem .9rem .9rem;font-size:.95rem;min-height:3.2rem}}@media (min-width: 1200px){.custom-select[data-v-095c8822]{padding:1.2rem 3.5rem 1.2rem 1.2rem;font-size:1.1rem;min-height:4rem}.selection-col[data-v-095c8822]{padding:1rem}}@media (max-width: 480px){.phone-model-selector[data-v-095c8822]{padding:1rem;border-radius:var(--border-radius-sm)}.selection-step[data-v-095c8822]{padding:.75rem}.step-header[data-v-095c8822],.btn-content[data-v-095c8822]{gap:.75rem}.custom-select[data-v-095c8822]{padding:.6rem 2rem .6rem .6rem;font-size:.85rem;min-height:2.8rem}}.dynamic-canvas-container[data-v-a915296e]{display:flex;flex-direction:column;align-items:center;width:100%;min-height:600px;background:#f8f9fa;border-radius:12px;padding:1rem}.canvas-header[data-v-a915296e]{width:100%;max-width:800px;display:grid;grid-template-rows:auto auto;gap:1rem;margin-bottom:1rem;padding:1rem;background:#fff;border-radius:16px;box-shadow:0 2px 4px #0000001a}.model-info[data-v-a915296e]{flex:1}.model-title[data-v-a915296e]{margin:0 0 .5rem;color:#495057;font-size:1.1rem;font-weight:600}.canvas-specs[data-v-a915296e]{display:flex;gap:1rem;font-size:.85rem;color:#6c757d}.canvas-controls[data-v-a915296e]{display:flex;gap:1rem;align-items:center}.controls-group[data-v-a915296e]{display:flex;gap:.5rem;background:#ffffff1a;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:.5rem}.control-btn[data-v-a915296e]{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.75rem .5rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#6c757d;cursor:pointer;transition:all .3s ease;backdrop-filter:blur(5px);min-width:60px;font-size:.75rem;font-weight:500}.control-btn[data-v-a915296e]:hover{background:#fff3;border-color:#fff6;transform:translateY(-1px);box-shadow:0 4px 12px #0000001a;color:#495057}.control-btn.active[data-v-a915296e]{background:linear-gradient(135deg,#667eea33,#667eea1a);border-color:#667eea66;color:#667eea;box-shadow:0 2px 8px #667eea33}.control-btn.active[data-v-a915296e]:hover{background:linear-gradient(135deg,#667eea4d,#667eea26);border-color:#667eea99;color:#5a67d8}.control-btn i[data-v-a915296e]{font-size:1rem;margin-bottom:.125rem}.control-label[data-v-a915296e]{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;line-height:1}.control-btn.crop-btn[data-v-a915296e]{background:var(--pod-primary-color);border-color:var(--pod-primary-dark);color:var(--pod-primary-text-color, #000000);position:relative;overflow:hidden;animation:pulse-crop-a915296e 2s infinite}@keyframes pulse-crop-a915296e{0%,to{box-shadow:0 0 #764ba280}50%{box-shadow:0 0 0 10px #764ba200}}.control-btn.crop-btn[data-v-a915296e]:hover{background:var(--pod-primary-dark);border-color:var(--pod-primary-darker);transform:translateY(-2px);box-shadow:0 8px 25px rgba(var(--pod-primary-rgb),.3)}.control-btn.crop-btn[data-v-a915296e]:disabled{background:linear-gradient(135deg,#ccc,#bbb);border-color:#bbb;color:#666;cursor:not-allowed;transform:none;opacity:.6}.control-btn.crop-btn .loading-spinner[data-v-a915296e]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:16px;height:16px;border:2px solid rgba(var(--pod-primary-text-color, 0, 0, 0),.3);border-top-color:var(--pod-primary-text-color, #000000);border-radius:50%;animation:spin-a915296e 1s linear infinite;z-index:2}.control-btn.crop-btn[data-v-a915296e]:hover:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(var(--pod-primary-text-color, 0, 0, 0),.2),transparent);transform:rotate(45deg);animation:shine-a915296e .6s ease-in-out;z-index:1}@keyframes spin-a915296e{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes shine-a915296e{0%{transform:translate(-100%) translateY(-100%) rotate(45deg)}to{transform:translate(100%) translateY(100%) rotate(45deg)}}.canvas-wrapper[data-v-a915296e]{position:relative;display:flex;align-items:center;justify-content:center}.phone-silhouette[data-v-a915296e]{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}.phone-silhouette[data-v-a915296e] svg{width:100%;height:100%}.design-area-border[data-v-a915296e]{position:absolute;top:0;left:0;width:100%;height:100%;z-index:3;pointer-events:none}.design-area-border[data-v-a915296e] svg{width:100%;height:100%}.phone-silhouette[data-v-a915296e] svg rect{stroke:#0000001a!important;stroke-width:1!important}.design-area-overlay[data-v-a915296e]{position:relative;z-index:3;contain:layout;isolation:isolate;pointer-events:none}.fabric-canvas-wrapper[data-v-a915296e]{position:relative;pointer-events:auto!important;z-index:15!important;width:100%;height:100%}.silhouette-loading-overlay[data-v-a915296e]{position:absolute;inset:0;background:#fffc;display:flex;align-items:center;justify-content:center;z-index:100;border-radius:inherit;pointer-events:none}.silhouette-spinner[data-v-a915296e]{width:32px;height:32px;border:3px solid rgba(var(--pod-primary-rgb, 151, 251, 22),.25);border-top-color:var(--pod-primary-color, #97fb16);border-radius:50%;animation:silhouette-spin-a915296e .7s linear infinite}@keyframes silhouette-spin-a915296e{to{transform:rotate(360deg)}}.silhouette-fade-enter-active[data-v-a915296e],.silhouette-fade-leave-active[data-v-a915296e]{transition:opacity .2s ease}.silhouette-fade-enter-from[data-v-a915296e],.silhouette-fade-leave-to[data-v-a915296e]{opacity:0}.design-area-overlay[data-v-a915296e] .canvas-container,.fabric-canvas-wrapper[data-v-a915296e] .canvas-container{pointer-events:auto!important;z-index:10!important}.fabric-canvas[data-v-a915296e]{position:relative;z-index:10;pointer-events:auto!important;touch-action:none;max-width:100%!important;max-height:100%!important;overflow:hidden!important}.fabric-canvas .upper-canvas[data-v-a915296e]{pointer-events:auto!important;cursor:default}.design-grid[data-v-a915296e]{pointer-events:none}.cutout-restriction[data-v-a915296e]{cursor:help;-webkit-user-select:none;-moz-user-select:none;user-select:none}.cutout-restriction[data-v-a915296e]:hover{opacity:.8;transform:scale(1.05)}.cutout-content[data-v-a915296e]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:2px}.cutout-label[data-v-a915296e]{font-size:inherit;line-height:1}.cutout-icon[data-v-a915296e]{font-size:.8em}.design-area-indicators[data-v-a915296e]{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:2}.area-corner[data-v-a915296e]{position:absolute;width:8px;height:8px;border:2px solid #007bff;background:#fff}.area-corner.top-left[data-v-a915296e]{top:-4px;left:-4px;border-right:none;border-bottom:none}.area-corner.top-right[data-v-a915296e]{top:-4px;right:-4px;border-left:none;border-bottom:none}.area-corner.bottom-left[data-v-a915296e]{bottom:-4px;left:-4px;border-right:none;border-top:none}.area-corner.bottom-right[data-v-a915296e]{bottom:-4px;right:-4px;border-left:none;border-top:none}.no-model-state[data-v-a915296e]{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;color:#6c757d}.no-model-icon[data-v-a915296e]{font-size:4rem;margin-bottom:1rem;opacity:.3}.no-model-text[data-v-a915296e]{font-size:1.1rem;margin:0}.canvas-zoom-controls[data-v-a915296e]{position:fixed;left:16px;bottom:140px;z-index:100;display:flex;flex-direction:column;gap:.5rem;padding:.75rem;background:linear-gradient(135deg,#fffffffa,#f8fafcf2);border:1px solid rgba(0,0,0,.1);border-radius:12px;box-shadow:0 4px 20px #00000026,inset 0 1px #fff9;backdrop-filter:blur(15px);transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden;max-width:180px}.canvas-zoom-controls[data-v-a915296e]:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#667eea,#764ba2,#667eea);border-radius:16px 16px 0 0;opacity:0;transition:opacity .3s ease}.canvas-zoom-controls[data-v-a915296e]:hover{box-shadow:0 6px 25px #0000002e,inset 0 1px #ffffffb3}.canvas-zoom-controls[data-v-a915296e]:hover:before{opacity:1}.zoom-buttons[data-v-a915296e]{display:flex;align-items:center;justify-content:center;gap:.25rem;background:#ffffff80;border-radius:8px;padding:.25rem;border:1px solid rgba(0,0,0,.05)}.zoom-buttons .control-btn[data-v-a915296e]{padding:.35rem .5rem;font-size:.75rem;min-width:auto}.zoom-buttons .control-btn .control-label[data-v-a915296e]{display:none}.zoom-slider[data-v-a915296e]{display:flex;align-items:center;gap:.5rem;background:#ffffff80;border-radius:8px;padding:.4rem .5rem;border:1px solid rgba(0,0,0,.05)}.zoom-range[data-v-a915296e]{flex:1;min-width:80px;height:4px}.zoom-range[data-v-a915296e]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;cursor:pointer;border:2px solid #ffffff;box-shadow:0 2px 6px #667eea66;-webkit-transition:all .2s ease;transition:all .2s ease}.zoom-range[data-v-a915296e]::-moz-range-thumb{width:20px;height:20px;background:#007bff;border-radius:50%;cursor:pointer;border:3px solid #ffffff;box-shadow:0 2px 6px #007bff4d}.zoom-range[data-v-a915296e]::-webkit-slider-track{background:linear-gradient(to right,#e9ecef,#007bff,#e9ecef);border-radius:4px;height:6px}.zoom-range[data-v-a915296e]:hover::-webkit-slider-thumb{background:linear-gradient(135deg,#764ba2,#667eea);transform:scale(1.15);box-shadow:0 6px 20px #667eea99,inset 0 1px #fff6}.zoom-level-input[data-v-a915296e]{font-size:.7rem;font-weight:600;color:#495057;width:50px;text-align:center;padding:.25rem .35rem;background:#ffffffe6;border-radius:4px;border:1px solid rgba(0,0,0,.1);font-family:Courier New,monospace;transition:all .2s ease;cursor:text;outline:none}.zoom-level-input[data-v-a915296e]:hover{border-color:#667eea66;box-shadow:0 4px 12px #667eea26,inset 0 1px #ffffffb3}.zoom-level-input[data-v-a915296e]:focus{border-color:#667eea99;background:linear-gradient(135deg,#fff,#f8fafcf2);box-shadow:0 0 0 3px #667eea1a,0 4px 15px #667eea33,inset 0 1px #fffc;color:#667eea}.zoom-shortcuts[data-v-a915296e]{display:none}.zoom-shortcuts kbd[data-v-a915296e]{padding:.15rem .3rem;font-size:.7rem;background:#f8f9fa;border:1px solid #dee2e6;border-radius:3px;color:#495057}.canvas-status[data-v-a915296e]{width:100%;max-width:800px;margin-top:1rem}.status-info[data-v-a915296e]{display:flex;gap:1rem;justify-content:center;padding:.75rem;background:#fff;border-radius:6px;box-shadow:0 2px 4px #0000001a}.status-item[data-v-a915296e]{font-size:.85rem;color:#6c757d;display:flex;align-items:center}.status-item.text-danger[data-v-a915296e]{color:#dc3545!important}.status-item.text-success[data-v-a915296e]{color:#28a745!important}.fabric-canvas[data-free-movement=true][data-v-a915296e]{border-color:#28a745!important;box-shadow:0 0 10px #28a7454d!important}.btn-success[data-v-a915296e]{animation:pulse-a915296e 2s infinite}@media (max-width: 768px){.canvas-header[data-v-a915296e]{text-align:center}.canvas-specs[data-v-a915296e]{justify-content:center}.canvas-controls[data-v-a915296e]{justify-content:center;flex-direction:column;gap:.75rem}.controls-group[data-v-a915296e]{justify-content:center;flex-wrap:wrap}.control-btn[data-v-a915296e]{min-width:50px;padding:.6rem .4rem}.control-label[data-v-a915296e]{font-size:.65rem}.status-info[data-v-a915296e]{flex-direction:column;gap:.5rem;text-align:center}.canvas-zoom-controls[data-v-a915296e]{left:8px;bottom:130px;padding:.5rem;max-width:160px}}@media (max-width: 480px){.canvas-controls[data-v-a915296e]{gap:.5rem}.controls-group[data-v-a915296e]{padding:.4rem;gap:.3rem}.control-btn[data-v-a915296e]{min-width:45px;padding:.5rem .3rem}.control-btn i[data-v-a915296e]{font-size:.9rem}.control-label[data-v-a915296e]{font-size:.6rem}.canvas-zoom-controls[data-v-a915296e]{left:6px;bottom:120px;padding:.4rem;max-width:140px}.zoom-label[data-v-a915296e]{font-size:.6rem}.zoom-value[data-v-a915296e]{font-size:.65rem;min-width:32px}.zoom-btn[data-v-a915296e]{width:24px;height:24px;font-size:.7rem}}@media (max-width: 600px){.canvas-header[data-v-a915296e]{padding:.5rem}.canvas-title[data-v-a915296e]{font-size:.9rem}.canvas-specs[data-v-a915296e]{font-size:.7rem;gap:.5rem}.controls-group[data-v-a915296e]{padding:.5rem;gap:.4rem}.control-btn[data-v-a915296e]{min-width:48px;padding:.55rem .35rem}.canvas-zoom-controls[data-v-a915296e]{max-width:150px;padding:.45rem}}@media (max-width: 360px){.canvas-header[data-v-a915296e]{padding:.4rem}.canvas-title[data-v-a915296e]{font-size:.8rem}.canvas-specs[data-v-a915296e]{font-size:.65rem;gap:.3rem}.canvas-controls[data-v-a915296e]{gap:.4rem}.controls-group[data-v-a915296e]{padding:.3rem;gap:.25rem}.control-btn[data-v-a915296e]{min-width:40px;padding:.4rem .25rem}.control-btn i[data-v-a915296e]{font-size:.8rem}.control-label[data-v-a915296e]{font-size:.55rem}.canvas-zoom-controls[data-v-a915296e]{left:4px;bottom:110px;padding:.35rem;max-width:130px}.zoom-label[data-v-a915296e]{font-size:.55rem}.zoom-value[data-v-a915296e]{font-size:.6rem;min-width:28px}.zoom-btn[data-v-a915296e]{width:22px;height:22px;font-size:.65rem}.zoom-range[data-v-a915296e]{min-width:60px}}@keyframes fadeIn-a915296e{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-a915296e{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.canvas-header[data-v-a915296e],.canvas-wrapper[data-v-a915296e],.canvas-status[data-v-a915296e]{animation:fadeIn-a915296e .3s ease-out}.cutout-restriction[data-v-a915296e]{transition:all .2s ease}.cutout-dynamic_island[data-v-a915296e]{border-radius:12px}.cutout-punch_hole[data-v-a915296e]{border-radius:50%}.cutout-camera_system[data-v-a915296e]{border-radius:10px}.cutout-camera_module[data-v-a915296e]{border-radius:8px}.canvas-fragment[data-v-a915296e]{position:absolute;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:all .3s ease;box-sizing:border-box;backdrop-filter:blur(1px);pointer-events:none;z-index:5}.canvas-fragment .fragment-content[data-v-a915296e]{pointer-events:auto}.canvas-fragment[data-v-a915296e]:hover{opacity:.9!important;transform:scale(1.02);box-shadow:0 4px 12px #007bff4d}.canvas-fragment.fragment-active[data-v-a915296e]{border-width:3px!important;box-shadow:0 0 15px #007bff66;z-index:5!important}.canvas-fragment.fragment-locked[data-v-a915296e]{opacity:.5;cursor:not-allowed;border-style:dotted}.fragment-content[data-v-a915296e]{position:absolute;top:4px;left:4px;right:4px;background:#fffffff2;border-radius:4px;padding:4px 6px;font-size:10px;line-height:1.2;backdrop-filter:blur(3px);box-shadow:0 1px 3px #0000001a;min-height:30px;display:flex;flex-direction:column;gap:2px}.fragment-header[data-v-a915296e]{display:flex;justify-content:space-between;align-items:center}.fragment-name[data-v-a915296e]{font-weight:600;color:#495057;font-size:9px;text-transform:uppercase;letter-spacing:.5px}.fragment-count[data-v-a915296e]{background:#007bff;color:#fff;border-radius:8px;padding:1px 4px;font-size:8px;font-weight:700;min-width:14px;text-align:center}.fragment-tools[data-v-a915296e]{display:flex;gap:3px;align-items:center;justify-content:flex-start;flex-wrap:wrap}.fragment-tools i[data-v-a915296e]{font-size:8px;opacity:.8}.tools-more[data-v-a915296e]{font-size:7px;color:#6c757d;font-weight:700;margin-left:2px}.canvas-fragment[style*="border-color: #007bff"] .fragment-content[data-v-a915296e]{border-left:3px solid #007bff}.canvas-fragment[style*="border-color: #28a745"] .fragment-content[data-v-a915296e]{border-left:3px solid #28a745}.canvas-fragment[style*="border-color: #dc3545"] .fragment-content[data-v-a915296e]{border-left:3px solid #dc3545}.canvas-fragment[style*="border-color: #ffc107"] .fragment-content[data-v-a915296e]{border-left:3px solid #ffc107}.canvas-fragment[style*="border-color: #6f42c1"] .fragment-content[data-v-a915296e]{border-left:3px solid #6f42c1}.canvas-fragment[style*="border-color: #20c997"] .fragment-content[data-v-a915296e]{border-left:3px solid #20c997}@media (max-width: 768px){.fragment-content[data-v-a915296e]{min-height:25px;padding:3px 4px}.fragment-name[data-v-a915296e]{font-size:8px}.fragment-count[data-v-a915296e]{font-size:7px;padding:0 3px}.fragment-tools i[data-v-a915296e]{font-size:7px}.tools-more[data-v-a915296e]{font-size:6px}}.camera-edit-btn[data-v-a915296e]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;transition:all .3s ease}.camera-edit-btn[data-v-a915296e]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.camera-edit-btn.active[data-v-a915296e]{background:linear-gradient(135deg,#f093fb,#f5576c)}.camera-resize-overlay[data-v-a915296e]{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:200}.resizeable-cutout[data-v-a915296e]{position:absolute;pointer-events:auto;transition:box-shadow .2s ease}.resizeable-cutout[data-v-a915296e]:hover{box-shadow:0 0 15px #007bff80}.resize-handle[data-v-a915296e]{position:absolute;width:14px;height:14px;background:#007bff;border:2px solid white;border-radius:50%;cursor:pointer;transition:all .2s ease;z-index:210;pointer-events:auto}.resize-handle[data-v-a915296e]:hover{transform:scale(1.3);background:#0056b3;box-shadow:0 2px 8px #007bff80}.resize-handle.top-left[data-v-a915296e]{top:-7px;left:-7px;cursor:nwse-resize}.resize-handle.top-right[data-v-a915296e]{top:-7px;right:-7px;cursor:nesw-resize}.resize-handle.bottom-left[data-v-a915296e]{bottom:-7px;left:-7px;cursor:nesw-resize}.resize-handle.bottom-right[data-v-a915296e]{bottom:-7px;right:-7px;cursor:nwse-resize}.border-radius-handle[data-v-a915296e]{position:absolute;width:22px;height:22px;background:linear-gradient(135deg,#f093fb,#f5576c);border:2px solid white;border-radius:4px;cursor:ew-resize;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:215;pointer-events:auto;font-size:8px;color:#fff;font-weight:700}.border-radius-handle[data-v-a915296e]:hover{transform:scale(1.2);box-shadow:0 2px 10px #f5576c80}.border-radius-handle .radius-value[data-v-a915296e]{font-size:7px;white-space:nowrap}.border-radius-handle.top-left-radius[data-v-a915296e]{top:15px;left:15px}.border-radius-handle.top-right-radius[data-v-a915296e]{top:15px;right:15px}.border-radius-handle.bottom-left-radius[data-v-a915296e]{bottom:15px;left:15px}.border-radius-handle.bottom-right-radius[data-v-a915296e]{bottom:15px;right:15px}.resize-info[data-v-a915296e]{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:#000000d9;color:#fff;padding:6px 10px;border-radius:6px;font-size:11px;font-weight:500;white-space:nowrap;pointer-events:none;margin-bottom:8px;text-align:center;line-height:1.4;box-shadow:0 2px 8px #0000004d}.resize-info[data-v-a915296e]:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:#000000d9}.resize-info small[data-v-a915296e]{color:#adb5bd;display:block;margin-top:2px}.canvas-wrapper.editing-mode[data-v-a915296e]{outline:3px dashed #f5576c;outline-offset:5px}@keyframes saving-pulse-a915296e{0%,to{opacity:1}50%{opacity:.5}}.saving-indicator[data-v-a915296e]{animation:saving-pulse-a915296e 1s ease-in-out infinite}@media (max-width: 768px){.resize-handle[data-v-a915296e]{width:18px;height:18px}.resize-handle.top-left[data-v-a915296e]{top:-9px;left:-9px}.resize-handle.top-right[data-v-a915296e]{top:-9px;right:-9px}.resize-handle.bottom-left[data-v-a915296e]{bottom:-9px;left:-9px}.resize-handle.bottom-right[data-v-a915296e]{bottom:-9px;right:-9px}.border-radius-handle[data-v-a915296e]{width:26px;height:26px}.resize-info[data-v-a915296e]{font-size:10px;padding:4px 8px}}.design-area-border-handles[data-v-a915296e]{position:absolute;top:0;left:0;width:100%;height:100%;z-index:250;pointer-events:none}.design-border-radius-handle[data-v-a915296e]{position:absolute;width:32px;height:32px;background:linear-gradient(135deg,#28a745,#20c997);border:2px solid white;border-radius:6px;cursor:ew-resize;display:flex;align-items:center;justify-content:center;transition:all .2s ease;box-shadow:0 2px 8px #28a74566;pointer-events:auto}.design-border-radius-handle.top-left[data-v-a915296e]{top:5px;left:5px}.design-border-radius-handle.top-right[data-v-a915296e]{top:5px;right:5px}.design-border-radius-handle.bottom-left[data-v-a915296e]{bottom:5px;left:5px}.design-border-radius-handle.bottom-right[data-v-a915296e]{bottom:5px;right:5px}.design-border-radius-handle[data-v-a915296e]:hover{transform:scale(1.15);box-shadow:0 4px 15px #28a74599;background:linear-gradient(135deg,#20c997,#28a745)}.design-border-radius-handle[data-v-a915296e]:active{transform:scale(1.05);box-shadow:0 2px 8px #28a74580}.design-border-radius-handle .radius-value[data-v-a915296e]{font-size:10px;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3)}.design-border-radius-handle.dragging[data-v-a915296e]{background:linear-gradient(135deg,#f093fb,#f5576c);animation:pulse-design-area-a915296e .5s infinite}@keyframes pulse-design-area-a915296e{0%,to{box-shadow:0 0 #f093fb66}50%{box-shadow:0 0 0 8px #f093fb00}}@media (max-width: 768px){.design-border-radius-handle[data-v-a915296e]{width:26px;height:26px}.design-border-radius-handle.top-left[data-v-a915296e]{top:3px;left:3px}.design-border-radius-handle.top-right[data-v-a915296e]{top:3px;right:3px}.design-border-radius-handle.bottom-left[data-v-a915296e]{bottom:3px;left:3px}.design-border-radius-handle.bottom-right[data-v-a915296e]{bottom:3px;right:3px}.design-border-radius-handle .radius-value[data-v-a915296e]{font-size:8px}}[data-v-f00e66b3]:root{--primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--secondary-gradient: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--success-gradient: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--warning-gradient: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--card-shadow: 0 4px 15px rgba(0, 0, 0, .1);--card-hover-shadow: 0 8px 25px rgba(0, 0, 0, .15);--border-radius: 12px;--border-radius-sm: 8px;--text-primary: #2d3748;--text-secondary: #718096}.phone-case-tools[data-v-f00e66b3]{height:100%;display:flex;flex-direction:column;gap:1.5rem}.model-summary[data-v-f00e66b3]{background:linear-gradient(135deg,#fffffff2,#f8fafce6);border:1px solid rgba(255,255,255,.4);border-radius:16px;padding:1.25rem;transition:all .3s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(15px);box-shadow:0 4px 15px #00000014,inset 0 1px #fff9;position:relative;overflow:visible;min-height:110px;height:auto}.model-summary[data-v-f00e66b3]:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,rgba(102,126,234,.03) 50%,transparent 70%);transform:translate(-100%);transition:transform 1.5s ease}.model-summary[data-v-f00e66b3]:hover:before{transform:translate(100%)}.model-summary[data-v-f00e66b3]:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 8px 30px #0000001f,inset 0 1px #ffffffb3;background:linear-gradient(135deg,#fffffffa,#f8fafcf2);border-color:#667eea33}.model-preview-small[data-v-f00e66b3]{display:flex;align-items:center;gap:1rem;position:relative;z-index:2}.model-icon[data-v-f00e66b3]{width:48px;height:48px;background:var(--pod-primary-color, #667eea);border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--pod-primary-text-color, white);font-size:1.5rem;box-shadow:0 4px 15px rgba(var(--pod-primary-rgb, 102, 126, 234),.3),inset 0 1px #fff3;transition:all .3s ease}.model-summary:hover .model-icon[data-v-f00e66b3]{transform:scale(1.05) rotate(5deg);box-shadow:0 6px 20px rgba(var(--pod-primary-rgb, 102, 126, 234),.4),inset 0 1px #ffffff4d}.model-details[data-v-f00e66b3]{display:flex;flex-direction:column;gap:.375rem;flex:1}.model-details strong[data-v-f00e66b3]{color:#1f2937;font-weight:700;font-size:1rem;letter-spacing:-.025em}.model-details span[data-v-f00e66b3]{color:#4b5563;font-size:.875rem;font-weight:500;opacity:.8}.model-details small[data-v-f00e66b3]{color:#667eea;font-size:.75rem;font-weight:600;padding:.25rem .5rem;background:#667eea1a;border-radius:6px;display:inline-block;width:-moz-fit-content;width:fit-content}.tool-section[data-v-f00e66b3]{background:linear-gradient(135deg,#ffffffe6,#f8fafcd9);border:1px solid rgba(255,255,255,.3);border-radius:16px;padding:1.5rem;margin-bottom:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(15px);box-shadow:0 4px 15px #00000014,inset 0 1px #ffffff80;position:relative}.tool-section[data-v-f00e66b3]:after{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#667eea,#764ba2,#667eea);border-radius:16px 16px 0 0;opacity:0;transition:opacity .3s ease}.tool-section[data-v-f00e66b3]:hover{background:linear-gradient(135deg,#fffffff2,#f8fafce6);transform:translateY(-3px);box-shadow:0 8px 30px #0000001f,inset 0 1px #fff9}.tool-section[data-v-f00e66b3]:hover:after{opacity:1}.section-title[data-v-f00e66b3]{color:#2d3748;font-weight:600;font-size:1rem;margin:0 0 1.25rem;display:flex;align-items:center;gap:.75rem;position:relative;padding-bottom:.75rem}.section-title[data-v-f00e66b3]:before{content:"";width:6px;height:6px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;box-shadow:0 0 0 4px #667eea33,0 2px 8px #667eea4d;animation:pulse-dot-f00e66b3 3s infinite}.section-title[data-v-f00e66b3]:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,#667eea4d,#667eea1a,#667eea4d)}@keyframes pulse-dot-f00e66b3{0%,to{box-shadow:0 0 0 4px #667eea33,0 2px 8px #667eea4d}50%{box-shadow:0 0 0 8px #667eea1a,0 2px 12px #667eea66}}.tool-grid[data-v-f00e66b3]{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:.75rem}.tool-btn[data-v-f00e66b3]{background:linear-gradient(135deg,#ffffffe6,#f8fafccc);border:1px solid rgba(255,255,255,.4);border-radius:12px;padding:1.25rem .75rem;display:flex;flex-direction:column;align-items:center;gap:.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;min-height:85px;color:#374151;box-shadow:0 2px 8px #0000000f,inset 0 1px #fff9;backdrop-filter:blur(10px);position:relative;overflow:hidden}.tool-btn[data-v-f00e66b3]:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:radial-gradient(circle,rgba(102,126,234,.15) 0%,transparent 70%);transition:all .6s ease;border-radius:50%;transform:translate(-50%,-50%)}.tool-btn[data-v-f00e66b3]:hover:before{width:150px;height:150px}.tool-btn[data-v-f00e66b3]:hover{background:var(--pod-primary-color, #667eea)!important;color:var(--pod-primary-text-color, #ffffff)!important;transform:translateY(-4px) scale(1.02);box-shadow:0 8px 25px rgba(var(--pod-primary-rgb, 102, 126, 234),.25),0 4px 15px #0000001a,inset 0 1px #fff3;border-color:var(--pod-primary-dark, #5a67d8)}.tool-btn[data-v-f00e66b3]:active{transform:translateY(-2px) scale(.98);transition:transform .1s ease}.tool-btn i[data-v-f00e66b3]{font-size:1.4rem;transition:all .3s ease;position:relative;z-index:2;filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))}.tool-btn:hover i[data-v-f00e66b3]{transform:scale(1.15);filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.tool-btn span[data-v-f00e66b3]{font-size:.75rem;font-weight:500;text-align:center;line-height:1.3;position:relative;z-index:2;text-shadow:0 1px 2px rgba(0,0,0,.05)}.tool-btn:hover span[data-v-f00e66b3]{text-shadow:0 1px 3px rgba(0,0,0,.2);font-weight:600}.tool-btn-optimized[data-v-f00e66b3]{position:relative}.tool-btn-optimized .object-icon[data-v-f00e66b3]{margin:0;transition:all .3s ease}.tool-btn-optimized:hover .object-icon[data-v-f00e66b3]{transform:scale(1.15)}.tool-btn-optimized .object-icon--active[data-v-f00e66b3]{background-color:rgba(var(--pod-primary-rgb, 102, 126, 234),.2)!important;border-radius:6px;padding:2px}.view-control-group[data-v-f00e66b3]{display:flex;gap:.5rem}.view-control-btn[data-v-f00e66b3]{flex:1;background:#ffffffe6;border:1px solid rgba(102,126,234,.2);border-radius:var(--border-radius-sm);padding:.75rem 1rem;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .3s ease;cursor:pointer;font-size:.9rem;font-weight:500}.view-control-btn[data-v-f00e66b3]:hover{background:var(--secondary-gradient);color:#fff;transform:translateY(-2px);box-shadow:var(--card-shadow)}.view-control-btn.active[data-v-f00e66b3]{background:var(--primary-gradient);color:#fff}.view-control-btn.crop-btn[data-v-f00e66b3]{background:linear-gradient(135deg,#ff6b35,#f7931e);color:#fff;border:none;position:relative;overflow:hidden;width:50px;height:50px;border-radius:50%;padding:0;min-width:50px;flex:none}.view-control-btn.crop-btn[data-v-f00e66b3]:hover{background:linear-gradient(135deg,#e55a2b,#d4811a);transform:translateY(-3px);box-shadow:0 8px 25px #ff6b3566}.view-control-btn.crop-btn[data-v-f00e66b3]:disabled{background:linear-gradient(135deg,#ccc,#bbb);cursor:not-allowed;transform:none;opacity:.6}.view-control-btn.crop-btn i[data-v-f00e66b3]{font-size:1.2rem;position:relative;z-index:2}.view-control-btn.crop-btn .loading-spinner[data-v-f00e66b3]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin-f00e66b3 1s linear infinite;z-index:3}.view-control-btn.crop-btn[data-v-f00e66b3]:hover:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.2),transparent);transform:rotate(45deg);animation:shine-f00e66b3 .6s ease-in-out;z-index:1}@keyframes spin-f00e66b3{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes shine-f00e66b3{0%{transform:translate(-100%) translateY(-100%) rotate(45deg)}to{transform:translate(100%) translateY(100%) rotate(45deg)}}.action-buttons[data-v-f00e66b3]{display:flex;flex-direction:column;gap:.75rem}.btn[data-v-f00e66b3]{border:none;border-radius:var(--border-radius-sm);padding:.875rem 1.25rem;font-weight:600;transition:all .3s ease;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;position:relative;overflow:hidden}.btn[data-v-f00e66b3]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.btn[data-v-f00e66b3]:hover:before{left:100%}.btn-sm[data-v-f00e66b3]{padding:.75rem 1rem;font-size:.9rem}.btn--success[data-v-f00e66b3]{background:linear-gradient(135deg,#28a745,#20c997)!important;color:#fff!important;box-shadow:0 4px 15px #28a74540!important;border:none!important;font-weight:600!important}.btn--success[data-v-f00e66b3]:hover{transform:translateY(-2px)!important;box-shadow:0 8px 25px #28a74559!important;background:linear-gradient(135deg,#218838,#1e9fa3)!important}.btn--warning[data-v-f00e66b3]{background:var(--warning-gradient);color:#fff;box-shadow:var(--card-shadow)}.btn--warning[data-v-f00e66b3]:hover{transform:translateY(-2px);box-shadow:var(--card-hover-shadow)}.btn--warning[data-v-f00e66b3]:has(i.fa-crop){background:linear-gradient(135deg,#ff6b35,#f7931e);border:none;position:relative;overflow:hidden}.btn--warning[data-v-f00e66b3]:has(i.fa-crop):hover{background:linear-gradient(135deg,#e55a2b,#d4811a);box-shadow:0 8px 25px #ff6b3566}.btn--warning[data-v-f00e66b3]:has(i.fa-crop):disabled{background:linear-gradient(135deg,#ccc,#bbb);cursor:not-allowed;transform:none}.btn--warning[data-v-f00e66b3]:has(i.fa-crop):before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.1),transparent);transform:rotate(45deg);transition:all .6s;opacity:0}.btn--warning[data-v-f00e66b3]:has(i.fa-crop):hover:before{animation:shine-f00e66b3 .6s ease-in-out}@keyframes shine-f00e66b3{0%{transform:translate(-100%) translateY(-100%) rotate(45deg);opacity:0}50%{opacity:1}to{transform:translate(100%) translateY(100%) rotate(45deg);opacity:0}}.btn--secondary[data-v-f00e66b3]{background:#ffffffe6;color:var(--text-primary);border:1px solid rgba(102,126,234,.2)}.btn--secondary[data-v-f00e66b3]:hover{background:var(--primary-gradient);color:#fff;transform:translateY(-2px);box-shadow:var(--card-shadow)}.w-100[data-v-f00e66b3]{width:100%}.mb-2[data-v-f00e66b3]{margin-bottom:.5rem}.btn.btn-sm.btn--success.w-100.mb-2[data-v-f00e66b3]{background:linear-gradient(135deg,#28a745,#20c997)!important;color:#fff!important;opacity:1!important;visibility:visible!important;display:flex!important;z-index:10!important;position:relative!important;min-height:42px!important;font-size:.9rem!important;font-weight:600!important;border:none!important;box-shadow:0 4px 15px #28a74540!important;text-shadow:none!important}.btn.btn-sm.btn--success.w-100.mb-2[data-v-f00e66b3]:hover{background:linear-gradient(135deg,#218838,#1e9fa3)!important;transform:translateY(-2px)!important;box-shadow:0 8px 25px #28a74559!important}@keyframes pulse-f00e66b3{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.tool-btn[data-v-f00e66b3]:active,.btn[data-v-f00e66b3]:active{animation:pulse-f00e66b3 .3s ease}@media (max-width: 768px){.tool-grid[data-v-f00e66b3]{grid-template-columns:repeat(3,1fr)}.tool-btn[data-v-f00e66b3]{padding:.75rem .25rem;min-height:70px}.tool-btn span[data-v-f00e66b3]{font-size:.7rem}.view-control-group[data-v-f00e66b3]{flex-direction:column}.model-summary[data-v-f00e66b3]{padding:1rem;min-height:auto}.model-icon[data-v-f00e66b3]{width:40px;height:40px;font-size:1.25rem}.section-title[data-v-f00e66b3]{font-size:.9rem}.tool-section[data-v-f00e66b3]{padding:.75rem;margin-bottom:.75rem}}@media (max-width: 600px){.tool-grid[data-v-f00e66b3]{grid-template-columns:repeat(2,1fr);gap:.5rem}.tool-btn[data-v-f00e66b3]{padding:.6rem .2rem;min-height:65px}.tool-btn i[data-v-f00e66b3]{font-size:1.1rem}.tool-btn span[data-v-f00e66b3]{font-size:.65rem}.tool-btn-wide[data-v-f00e66b3]{grid-column:span 2}.model-preview-small[data-v-f00e66b3]{gap:.75rem}.action-buttons .btn[data-v-f00e66b3]{padding:.5rem .75rem;font-size:.8rem}}@media (max-width: 480px){.phone-case-tools[data-v-f00e66b3]{padding:.5rem}.tool-grid[data-v-f00e66b3]{grid-template-columns:repeat(2,1fr);gap:.4rem}.tool-btn[data-v-f00e66b3]{padding:.5rem .15rem;min-height:58px;border-radius:8px}.tool-btn i[data-v-f00e66b3]{font-size:1rem}.tool-btn span[data-v-f00e66b3]{font-size:.6rem}.model-summary[data-v-f00e66b3]{padding:.75rem}.model-icon[data-v-f00e66b3]{width:36px;height:36px;font-size:1rem}.model-details strong[data-v-f00e66b3]{font-size:.85rem}.model-details span[data-v-f00e66b3]{font-size:.75rem}.section-title[data-v-f00e66b3]{font-size:.85rem;margin-bottom:.5rem}.tool-section[data-v-f00e66b3]{padding:.5rem;margin-bottom:.5rem}.action-buttons .btn[data-v-f00e66b3]{padding:.4rem .5rem;font-size:.75rem}.view-controls .control-row[data-v-f00e66b3]{padding:.4rem 0}.control-label[data-v-f00e66b3]{font-size:.8rem}}@media (max-width: 360px){.tool-grid[data-v-f00e66b3]{grid-template-columns:1fr 1fr;gap:.35rem}.tool-btn[data-v-f00e66b3]{min-height:52px;padding:.4rem .1rem}.tool-btn i[data-v-f00e66b3]{font-size:.9rem}.tool-btn span[data-v-f00e66b3]{font-size:.55rem}.model-icon[data-v-f00e66b3]{width:32px;height:32px}}.tool-btn[data-v-f00e66b3]:disabled,.btn[data-v-f00e66b3]:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.loading[data-v-f00e66b3]{position:relative;pointer-events:none}.loading[data-v-f00e66b3]:after{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin-f00e66b3 1s linear infinite}@keyframes spin-f00e66b3{to{transform:rotate(360deg)}}@media (prefers-contrast: high){.section-title[data-v-f00e66b3]{color:#111827!important}.section-title[data-v-f00e66b3]:before{background:#4f46e5!important}.tool-btn[data-v-f00e66b3]{background:#fffffff2!important;border:2px solid #d1d5db!important;color:#111827!important}.tool-btn[data-v-f00e66b3]:hover{background:linear-gradient(135deg,#4f46e5,#7c3aed)!important;color:#fff!important}.model-details strong[data-v-f00e66b3]{color:#111827!important}.model-details span[data-v-f00e66b3]{color:#374151!important}.model-details small[data-v-f00e66b3]{background:#e5e7eb!important;color:#4f46e5!important}.tool-section[data-v-f00e66b3]{background:#fffffff2!important;border:1px solid #d1d5db!important}}@media (prefers-color-scheme: dark){[data-v-f00e66b3]:root{--primary-gradient: linear-gradient(135deg, #818cf8 0%, #a855f7 100%);--bg-glass: rgba(17, 24, 39, .85)}.section-title[data-v-f00e66b3]{color:#2d3748!important}.section-title[data-v-f00e66b3]:before{background:linear-gradient(135deg,#667eea,#764ba2)!important}.tool-btn[data-v-f00e66b3]{background:#111827cc;color:#e5e7eb;border-color:#4b556380}.tool-btn[data-v-f00e66b3]:hover{background:var(--primary-gradient);color:#fff}.model-details strong[data-v-f00e66b3]{color:#1f2937!important}.model-details span[data-v-f00e66b3]{color:#4b5563!important}.model-details small[data-v-f00e66b3]{background:#667eea1a!important;color:#667eea!important}.tool-section[data-v-f00e66b3]{background:linear-gradient(135deg,#ffffffe6,#f8fafcd9)!important;border:1px solid rgba(255,255,255,.3)!important}.model-summary[data-v-f00e66b3]{background:linear-gradient(135deg,#fffffff2,#f8fafce6)!important;border:1px solid rgba(255,255,255,.4)!important}}.phone-case-tools[data-v-f00e66b3]{max-height:calc(100vh - 2rem);overflow-y:auto;padding:.5rem}.model-summary[data-v-f00e66b3]{margin-bottom:1.5rem;padding:1rem;background:#f8f9fa;border-radius:6px;border:1px solid #e9ecef;min-height:110px;height:auto}.model-preview-small[data-v-f00e66b3]{display:flex;align-items:center;gap:.75rem}.model-icon[data-v-f00e66b3]{width:40px;height:40px;background:var(--pod-primary-color, #667eea);color:var(--pod-primary-text-color, white);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1.2rem}.model-details[data-v-f00e66b3]{flex:1;display:flex;flex-direction:column;gap:.125rem}.model-details strong[data-v-f00e66b3]{color:#495057;font-size:.9rem}.model-details span[data-v-f00e66b3]{color:#6c757d;font-size:.85rem}.model-details small[data-v-f00e66b3]{color:#adb5bd;font-size:.75rem}.tool-section[data-v-f00e66b3]{margin-bottom:2rem}.section-title[data-v-f00e66b3]{color:#6c757d;font-size:.9rem;font-weight:600;margin-bottom:.75rem;text-transform:uppercase;letter-spacing:.5px}.tool-grid[data-v-f00e66b3]{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.tool-btn-wide[data-v-f00e66b3]{grid-column:span 2;background:var(--pod-primary-color, #667eea)!important;color:var(--pod-primary-text-color, #ffffff)!important;border-color:var(--pod-primary-dark, #5a67d8)!important}.tool-btn-wide[data-v-f00e66b3]:hover{background:var(--pod-primary-dark, #5a67d8)!important;border-color:var(--pod-primary-darker, #4c51bf)!important;box-shadow:0 8px 25px rgba(var(--pod-primary-rgb, 102, 126, 234),.3)!important}.tool-btn[data-v-f00e66b3]{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.75rem .5rem;background:#fff;border:2px solid #e9ecef;border-radius:6px;cursor:pointer;transition:all .2s ease;text-decoration:none;color:#495057;font-size:.8rem}.tool-btn[data-v-f00e66b3]:hover{border-color:var(--pod-primary-color, #667eea);color:var(--pod-primary-color, #667eea);background:rgba(var(--pod-primary-rgb, 102, 126, 234),.1);transform:translateY(-1px)}.tool-btn i[data-v-f00e66b3]{font-size:1.2rem}.view-controls[data-v-f00e66b3]{display:flex;flex-direction:column;gap:.75rem}.control-row[data-v-f00e66b3]{display:flex;align-items:center}.control-label[data-v-f00e66b3]{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:#495057;cursor:pointer;margin:0;padding:.5rem;border-radius:6px;transition:all .2s ease}.control-label[data-v-f00e66b3]:hover{background:rgba(var(--pod-primary-rgb, 102, 126, 234),.1);color:var(--pod-primary-color, #667eea);transform:translateY(-1px)}.control-label input[type=checkbox][data-v-f00e66b3]{accent-color:var(--pod-primary-color, #667eea);width:16px;height:16px}.control-label input[type=checkbox][data-v-f00e66b3]:checked{background-color:var(--pod-primary-color, #667eea);border-color:var(--pod-primary-color, #667eea)}.control-label input[type=checkbox][data-v-f00e66b3]:focus{box-shadow:0 0 0 2px rgba(var(--pod-primary-rgb, 102, 126, 234),.2)}.asset-grid[data-v-f00e66b3]{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.asset-btn[data-v-f00e66b3]{aspect-ratio:1;padding:.5rem;background:#fff;border:2px solid #e9ecef;border-radius:6px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.asset-btn[data-v-f00e66b3]:hover{border-color:#007bff;transform:translateY(-1px)}.asset-btn img[data-v-f00e66b3]{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.asset-placeholder[data-v-f00e66b3]{color:#adb5bd;font-size:1.2rem}.action-buttons[data-v-f00e66b3]{display:flex;flex-direction:column}@media (max-width: 768px){.tool-grid[data-v-f00e66b3]{grid-template-columns:1fr}.asset-grid[data-v-f00e66b3]{grid-template-columns:repeat(2,1fr)}}.phone-case-tools[data-v-f00e66b3]::-webkit-scrollbar{width:6px}.phone-case-tools[data-v-f00e66b3]::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.phone-case-tools[data-v-f00e66b3]::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.phone-case-tools[data-v-f00e66b3]::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.download-options[data-v-f00e66b3]{border:2px solid #e9ecef;border-radius:8px;padding:.75rem;background:#f8f9fa;position:relative}.download-options[data-v-f00e66b3]:before{content:"📷 Recortes de Cámara";position:absolute;top:-10px;left:10px;background:#f8f9fa;padding:0 .5rem;font-size:.75rem;font-weight:600;color:#495057}.download-options .btn[data-v-f00e66b3]{transition:all .2s ease;font-weight:500}.download-options .btn[data-v-f00e66b3]:hover{transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.modal-overlay[data-v-f00e66b3]{position:fixed;inset:0;background:#0009;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000!important;padding:1rem;pointer-events:auto;isolation:isolate}.asset-library-modal[data-v-f00e66b3]{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0003;width:90vw;max-width:900px;max-height:80vh;display:flex;flex-direction:column;overflow:hidden;z-index:1!important;position:relative;pointer-events:auto;transform:translateZ(0)}.modal-header[data-v-f00e66b3]{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid #e9ecef;background:#f8f9fa}.modal-title[data-v-f00e66b3]{margin:0;font-size:1.25rem;font-weight:600;color:#495057}.btn-close[data-v-f00e66b3]{background:transparent;border:none;font-size:1.5rem;opacity:.5;cursor:pointer;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center}.btn-close[data-v-f00e66b3]:hover{opacity:1}.btn-close[data-v-f00e66b3]:before{content:"×"}.modal-body[data-v-f00e66b3]{padding:1.5rem;overflow-y:auto;flex:1}.compatibility-info[data-v-f00e66b3]{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem}.assets-grid[data-v-f00e66b3]{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.asset-item[data-v-f00e66b3]{border:2px solid #e9ecef;border-radius:8px;overflow:hidden;cursor:pointer;transition:all .2s ease;background:#fff}.asset-item[data-v-f00e66b3]:hover{border-color:#007bff;transform:translateY(-2px);box-shadow:0 8px 25px #007bff26}.asset-preview[data-v-f00e66b3]{position:relative;aspect-ratio:1;background:#f8f9fa;overflow:hidden}.asset-image[data-v-f00e66b3]{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;transition:transform .2s ease}.asset-item:hover .asset-image[data-v-f00e66b3]{transform:scale(1.05)}.asset-overlay[data-v-f00e66b3]{position:absolute;inset:0;background:#007bffcc;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease;color:#fff;font-size:1.5rem}.asset-item:hover .asset-overlay[data-v-f00e66b3]{opacity:1}.asset-info[data-v-f00e66b3]{padding:.75rem}.asset-name[data-v-f00e66b3]{font-size:.9rem;font-weight:600;margin:0 0 .5rem;color:#495057;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.asset-meta[data-v-f00e66b3]{display:flex;flex-wrap:wrap;gap:.25rem;margin-bottom:.5rem}.category-badge[data-v-f00e66b3],.style-badge[data-v-f00e66b3]{font-size:.7rem;padding:.2rem .4rem;border-radius:4px;font-weight:500}.category-badge[data-v-f00e66b3]{background:#10b9811a;color:#10b981}.style-badge[data-v-f00e66b3]{background:#8b5cf61a;color:#8b5cf6}.asset-description[data-v-f00e66b3]{font-size:.8rem;color:#6c757d;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.empty-state[data-v-f00e66b3]{color:#6c757d}.modal-overlay[data-v-f00e66b3]+* .fabric-canvas,.modal-overlay[data-v-f00e66b3]+* .upper-canvas,.modal-overlay[data-v-f00e66b3]+* .lower-canvas{pointer-events:none!important;filter:blur(2px);opacity:.3}@media (max-width: 768px){.asset-library-modal[data-v-f00e66b3]{width:95vw;max-height:90vh}.modal-header[data-v-f00e66b3],.modal-body[data-v-f00e66b3]{padding:1rem}.assets-grid[data-v-f00e66b3]{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.75rem}}.bottom-properties[data-v-fa79ee7f]{display:flex;flex-direction:column;gap:.5rem}.props-row[data-v-fa79ee7f]{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.prop-group[data-v-fa79ee7f]{display:flex;align-items:center;gap:.35rem}.prop-group label[data-v-fa79ee7f]{font-size:.75rem;color:#6c757d;font-weight:600;white-space:nowrap}.prop-input[data-v-fa79ee7f]{width:60px;padding:.25rem .4rem;font-size:.8rem;border:1px solid #dee2e6;border-radius:4px;text-align:center}.prop-input[data-v-fa79ee7f]:focus{outline:none;border-color:#80bdff;box-shadow:0 0 0 2px #007bff26}.prop-input-sm[data-v-fa79ee7f]{width:50px}.prop-range[data-v-fa79ee7f]{width:80px;height:6px;cursor:pointer}.prop-range-position[data-v-fa79ee7f]{width:60px}.prop-group-range[data-v-fa79ee7f]{min-width:90px}.prop-value[data-v-fa79ee7f]{font-size:.7rem;color:#6c757d;min-width:32px;text-align:right}.prop-value-sm[data-v-fa79ee7f]{min-width:28px;font-size:.65rem}.prop-unit[data-v-fa79ee7f]{font-size:.7rem;color:#6c757d}.prop-color[data-v-fa79ee7f]{width:28px;height:28px;padding:0;border:1px solid #dee2e6;border-radius:4px;cursor:pointer}.prop-check[data-v-fa79ee7f]{gap:.25rem}.prop-check input[type=checkbox][data-v-fa79ee7f]{display:none}.prop-check label[data-v-fa79ee7f]{cursor:pointer;padding:.25rem .5rem;background:#f8f9fa;border:1px solid #dee2e6;border-radius:4px;color:#6c757d;transition:all .2s}.prop-check input[type=checkbox]:checked+label[data-v-fa79ee7f]{background:#e7f1ff;border-color:#80bdff;color:#0056b3}.prop-separator[data-v-fa79ee7f]{width:1px;height:24px;background:#dee2e6;margin:0 .5rem}.type-badge[data-v-fa79ee7f]{background:#e9ecef;padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;color:#495057}.type-badge i[data-v-fa79ee7f]{margin-right:.35rem;color:#6c757d}.prop-actions[data-v-fa79ee7f]{display:flex;gap:.5rem;margin-left:auto}.action-btn[data-v-fa79ee7f]{padding:.35rem .6rem;border:1px solid #dee2e6;background:#fff;border-radius:4px;cursor:pointer;color:#495057;transition:all .2s}.action-btn[data-v-fa79ee7f]:hover{background:#f8f9fa;border-color:#adb5bd}.action-btn-danger[data-v-fa79ee7f]:hover{background:#fff5f5;border-color:#dc3545;color:#dc3545}.props-info[data-v-fa79ee7f]{color:#6c757d;font-size:.85rem}.info-item[data-v-fa79ee7f]{display:flex;align-items:center;gap:.4rem;padding:.25rem .75rem;background:#f8f9fa;border-radius:4px}.info-item i[data-v-fa79ee7f]{color:#adb5bd}.info-hint[data-v-fa79ee7f]{display:flex;align-items:center;gap:.4rem;margin-left:auto;color:#adb5bd;font-size:.8rem}.validation-bar[data-v-fa79ee7f]{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#fff5f5;border:1px solid #f5c6cb;border-radius:4px;font-size:.8rem;color:#dc3545}.validate-btn[data-v-fa79ee7f]{margin-left:auto;padding:.25rem .5rem;background:#dc3545;color:#fff;border:none;border-radius:4px;font-size:.75rem;cursor:pointer}.validate-btn[data-v-fa79ee7f]:hover{background:#c82333}@media (max-width: 992px){.props-row[data-v-fa79ee7f]{gap:.75rem}.prop-separator[data-v-fa79ee7f],.info-hint[data-v-fa79ee7f]{display:none}}@media (max-width: 768px){.props-row[data-v-fa79ee7f]{gap:.5rem;padding:.5rem .75rem}.prop-range[data-v-fa79ee7f]{width:60px}.prop-actions[data-v-fa79ee7f]{margin-left:0}.prop-group[data-v-fa79ee7f]{gap:.2rem}.prop-input[data-v-fa79ee7f]{width:50px;padding:.2rem .3rem;font-size:.75rem}.type-badge[data-v-fa79ee7f]{padding:.2rem .5rem;font-size:.7rem}.info-item[data-v-fa79ee7f]{font-size:.75rem;gap:.3rem}}@media (max-width: 600px){.bottom-properties[data-v-fa79ee7f]{padding:.4rem 0}.props-row[data-v-fa79ee7f]{gap:.4rem;padding:.4rem .5rem}.prop-label[data-v-fa79ee7f],.prop-group label[data-v-fa79ee7f]{font-size:.65rem}.prop-input[data-v-fa79ee7f]{width:45px;font-size:.7rem}.prop-range[data-v-fa79ee7f]{width:50px}.prop-value[data-v-fa79ee7f]{font-size:.65rem;min-width:28px}.action-btn[data-v-fa79ee7f]{width:28px;height:28px;font-size:.7rem}}@media (max-width: 480px){.props-row[data-v-fa79ee7f]{gap:.3rem;padding:.35rem .4rem;flex-wrap:wrap}.prop-group[data-v-fa79ee7f]{min-width:auto}.prop-input[data-v-fa79ee7f]{width:40px;padding:.15rem .25rem;font-size:.65rem}.prop-range[data-v-fa79ee7f]{width:45px}.prop-color[data-v-fa79ee7f]{width:24px;height:24px}.type-badge[data-v-fa79ee7f]{padding:.15rem .4rem;font-size:.65rem}.type-badge i[data-v-fa79ee7f]{font-size:.65rem}.action-btn[data-v-fa79ee7f]{width:26px;height:26px;font-size:.65rem}.props-info[data-v-fa79ee7f]{justify-content:center}.info-item[data-v-fa79ee7f]{font-size:.7rem}.validation-bar[data-v-fa79ee7f]{padding:.3rem .5rem;font-size:.7rem}.validate-btn[data-v-fa79ee7f]{padding:.2rem .4rem;font-size:.65rem}}@media (max-width: 360px){.props-row[data-v-fa79ee7f]{padding:.25rem .3rem;gap:.25rem}.prop-input[data-v-fa79ee7f]{width:36px;font-size:.6rem}.prop-range[data-v-fa79ee7f]{width:40px}.prop-group label[data-v-fa79ee7f]{font-size:.55rem}.prop-value[data-v-fa79ee7f]{font-size:.6rem;min-width:24px}.type-badge[data-v-fa79ee7f]{font-size:.6rem}.action-btn[data-v-fa79ee7f]{width:24px;height:24px;font-size:.6rem}}.btn-fix-issues[data-v-cb61ab90]{width:auto!important;padding:.5rem 1rem!important;background:var(--pod-primary-color, #667eea)!important;color:#000!important;border:none!important;border-radius:.375rem!important;font-weight:600!important;cursor:pointer!important;transition:all .2s ease!important}.btn-fix-issues[data-v-cb61ab90]:hover{background:var(--pod-primary-dark, #5a6fd6)!important}.zone-management-modal[data-v-bd9b7260]{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1050;display:flex;align-items:center;justify-content:center}.modal-backdrop[data-v-bd9b7260]{position:absolute;top:0;left:0;width:100%;height:100%;background:#0009;backdrop-filter:blur(3px);z-index:1}.modal-content[data-v-bd9b7260]{position:relative;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;width:95%;max-width:1200px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;animation:modalSlideIn-bd9b7260 .3s ease-out;z-index:10}@keyframes modalSlideIn-bd9b7260{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header[data-v-bd9b7260]{display:flex;justify-content:space-between;align-items:flex-start;padding:2rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.modal-header--compact[data-v-bd9b7260]{padding:1rem 1.25rem;align-items:center;background:var(--pod-primary-color, #667eea)}.modal-header--compact .modal-title[data-v-bd9b7260]{margin:0;font-size:1.1rem;font-weight:600}.modal-header--compact .btn-close[data-v-bd9b7260]{width:32px;height:32px;padding:0}.header-info[data-v-bd9b7260]{flex:1}.modal-title[data-v-bd9b7260]{margin:0 0 .5rem;font-size:1.5rem;font-weight:700}.modal-subtitle[data-v-bd9b7260]{margin:0;opacity:.9;font-size:.95rem}.btn-close[data-v-bd9b7260]{background:#fff3;border:none;color:#fff;font-size:1.2rem;width:40px;height:40px;border-radius:50%;cursor:pointer;transition:all .2s ease}.btn-close[data-v-bd9b7260]:hover{background:#ffffff4d}.nav-tabs[data-v-bd9b7260]{display:flex;background:#f8f9fa;border-bottom:1px solid #dee2e6}.tab-btn[data-v-bd9b7260]{flex:1;padding:1rem 1.5rem;border:none;background:none;color:#6c757d;font-weight:500;cursor:pointer;transition:all .3s ease;border-bottom:3px solid transparent}.tab-btn[data-v-bd9b7260]:hover{background:#e9ecef;color:#495057}.tab-btn.tab-active[data-v-bd9b7260]{background:#fff;color:var(--pod-primary-color, #667eea);border-bottom-color:var(--pod-primary-color, #667eea)}.modal-body[data-v-bd9b7260]{flex:1;overflow:hidden}.tab-content[data-v-bd9b7260]{min-height:500px;max-height:600px;overflow-y:auto;background:#fff}.tab-pane[data-v-bd9b7260]{padding:2rem;min-height:400px;display:flex;flex-direction:column}.zone-selection[data-v-bd9b7260]{flex:1;display:flex;flex-direction:column}.selection-header[data-v-bd9b7260]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #e9ecef}.selection-header h5[data-v-bd9b7260]{margin:0;color:#495057}.zones-grid[data-v-bd9b7260]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.zone-card[data-v-bd9b7260]{border:2px solid #e9ecef;border-radius:12px;padding:1.5rem;cursor:pointer;transition:all .3s ease;position:relative;background:#fff}.zone-card[data-v-bd9b7260]:hover{border-color:var(--pod-primary-color, #667eea);box-shadow:0 8px 25px #667eea26;transform:translateY(-2px)}.zone-card.zone-selected[data-v-bd9b7260]{border-color:var(--pod-primary-color, #667eea);background:#667eea0d;box-shadow:0 0 0 4px #667eea1a}.zone-card.zone-compatible[data-v-bd9b7260]{border-color:#28a745}.zone-card.zone-incompatible[data-v-bd9b7260]{opacity:.6;cursor:not-allowed;background:#f8f9fa}.zone-card.zone-locked[data-v-bd9b7260]{opacity:.7;cursor:not-allowed;background:#fff3cd;border-color:#ffc107}.zone-card.zone-free[data-v-bd9b7260]{border:2px dashed #28a745;background:#f8fff9}.zone-card-header[data-v-bd9b7260]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.zone-name[data-v-bd9b7260]{margin:0;font-weight:600;color:#495057}.zone-badges[data-v-bd9b7260]{display:flex;gap:.5rem;align-items:center}.object-count[data-v-bd9b7260]{background:#e9ecef;color:#6c757d;padding:.25rem .5rem;border-radius:12px;font-size:.8rem;font-weight:600}.object-count.has-objects[data-v-bd9b7260]{background:var(--pod-primary-color, #667eea);color:#000}.compatibility-badge[data-v-bd9b7260]{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700}.compatibility-badge.compatible[data-v-bd9b7260]{background:#d4edda;color:#155724}.compatibility-badge.incompatible[data-v-bd9b7260]{background:#f8d7da;color:#721c24}.zone-details[data-v-bd9b7260]{display:flex;gap:1rem;margin-bottom:1rem;font-size:.85rem;color:#6c757d}.zone-tools[data-v-bd9b7260]{margin-bottom:1rem}.tools-label[data-v-bd9b7260]{font-size:.8rem;font-weight:600;color:#495057;margin-bottom:.5rem;display:block}.tools-icons[data-v-bd9b7260]{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}.tools-icons i[data-v-bd9b7260]{font-size:1.1rem}.tools-overflow[data-v-bd9b7260]{background:#6c757d;color:#fff;padding:.2rem .4rem;border-radius:8px;font-size:.7rem;font-weight:600}.selection-indicator[data-v-bd9b7260]{position:absolute;top:10px;right:10px;color:var(--pod-primary-color, #667eea);font-size:1.5rem;animation:pulse-bd9b7260 1s infinite}.no-fragments-state[data-v-bd9b7260],.no-zones-state[data-v-bd9b7260]{text-align:center;padding:3rem 2rem;color:#495057;background:#f8f9fa;border:2px solid var(--pod-primary-color, #667eea);border-radius:12px;margin:1rem;box-shadow:0 4px 12px #667eea26;min-height:200px;display:flex;flex-direction:column;justify-content:center;align-items:center}.state-icon[data-v-bd9b7260]{font-size:4rem;margin-bottom:1rem;opacity:.6;color:var(--pod-primary-color, #667eea)}.no-fragments-state h6[data-v-bd9b7260],.no-zones-state h6[data-v-bd9b7260]{margin-bottom:1rem;color:#343a40;font-weight:600;font-size:1.25rem}.no-fragments-state p[data-v-bd9b7260],.no-zones-state p[data-v-bd9b7260]{color:#6c757d;margin-bottom:1.5rem;line-height:1.6}.config-section[data-v-bd9b7260],.existing-zones[data-v-bd9b7260],.global-settings[data-v-bd9b7260]{margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid #e9ecef}.config-section[data-v-bd9b7260]:last-child,.existing-zones[data-v-bd9b7260]:last-child,.global-settings[data-v-bd9b7260]:last-child{border-bottom:none}.section-title[data-v-bd9b7260]{margin:0 0 1.5rem;color:#495057;font-weight:600}.layout-options[data-v-bd9b7260]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-bottom:1.5rem}.layout-option[data-v-bd9b7260]{border:2px solid #e9ecef;border-radius:8px;padding:1rem;cursor:pointer;transition:all .2s ease}.layout-option[data-v-bd9b7260]:hover{border-color:var(--pod-primary-color, #667eea)}.layout-option.layout-selected[data-v-bd9b7260]{border-color:var(--pod-primary-color, #667eea);background:#667eea0d}.layout-preview[data-v-bd9b7260]{height:60px;margin-bottom:1rem;border:1px solid #dee2e6;border-radius:4px;overflow:hidden}.preview-vertical[data-v-bd9b7260]{display:flex;flex-direction:column;height:100%}.preview-horizontal[data-v-bd9b7260]{display:flex;height:100%}.preview-grid[data-v-bd9b7260]{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;height:100%}.preview-custom[data-v-bd9b7260]{display:flex;flex-direction:column;height:100%}.preview-zone[data-v-bd9b7260]{background:linear-gradient(45deg,#e9ecef,#f8f9fa);border:1px solid #dee2e6;flex:1}.layout-info h6[data-v-bd9b7260]{margin:0 0 .5rem;font-weight:600}.layout-info p[data-v-bd9b7260]{margin:0 0 .5rem;font-size:.85rem;color:#6c757d}.zone-count[data-v-bd9b7260]{background:var(--pod-primary-color, #667eea);color:#000;padding:.2rem .5rem;border-radius:10px;font-size:.7rem;font-weight:600}.layout-actions[data-v-bd9b7260]{display:flex;gap:1rem}.zones-list[data-v-bd9b7260]{space-y:1rem}.zone-item[data-v-bd9b7260]{border:1px solid #e9ecef;border-radius:8px;padding:1rem;margin-bottom:1rem;transition:all .2s ease}.zone-item[data-v-bd9b7260]:hover,.zone-item.zone-active[data-v-bd9b7260]{border-color:var(--pod-primary-color, #667eea);background:#667eea0d}.zone-item-header[data-v-bd9b7260]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.zone-info .zone-name[data-v-bd9b7260]{margin:0;font-weight:600}.zone-coords[data-v-bd9b7260]{font-size:.8rem;color:#6c757d}.zone-controls[data-v-bd9b7260]{display:flex;gap:.5rem}.btn-icon[data-v-bd9b7260]{width:32px;height:32px;border:none;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.btn-secondary[data-v-bd9b7260]{background:#6c757d;color:#fff}.btn-warning[data-v-bd9b7260]{background:#ffc107;color:#212529}.btn-danger[data-v-bd9b7260]{background:#dc3545;color:#fff}.btn-icon[data-v-bd9b7260]:hover{opacity:.8;transform:scale(1.1)}.btn-icon[data-v-bd9b7260]:disabled{opacity:.5;cursor:not-allowed;transform:none}.zone-stats[data-v-bd9b7260]{display:flex;gap:1rem;margin-bottom:1rem}.stat-item[data-v-bd9b7260]{display:flex;align-items:center;font-size:.85rem;color:#6c757d}.zone-tools-list[data-v-bd9b7260]{display:flex;gap:.5rem;flex-wrap:wrap}.tool-tag[data-v-bd9b7260]{padding:.25rem .5rem;border:1px solid;border-radius:4px;background:#fff;font-size:.75rem;font-weight:500;display:flex;align-items:center;gap:.25rem}.settings-grid[data-v-bd9b7260]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.setting-item[data-v-bd9b7260]{background:#f8f9fa;padding:1rem;border-radius:8px}.setting-label[data-v-bd9b7260]{display:flex;align-items:center;gap:.75rem;cursor:pointer;font-weight:500;color:#495057}.setting-label input[data-v-bd9b7260]{margin:0}.preview-container[data-v-bd9b7260]{display:flex;justify-content:center;margin-bottom:2rem}.canvas-preview[data-v-bd9b7260]{background:#f8f9fa;border:2px solid #dee2e6;border-radius:8px}.preview-zone-label[data-v-bd9b7260]{font-weight:600;font-size:8px;text-align:center}.preview-zone-info[data-v-bd9b7260]{font-size:7px;text-align:center;opacity:.7}.preview-stats[data-v-bd9b7260]{display:flex;justify-content:center}.stat-card[data-v-bd9b7260]{background:#f8f9fa;padding:1.5rem;border-radius:8px;text-align:center}.stat-card h6[data-v-bd9b7260]{margin:0 0 1rem}.stats-grid[data-v-bd9b7260]{display:flex;gap:2rem}.stat[data-v-bd9b7260]{text-align:center}.stat-number[data-v-bd9b7260]{display:block;font-size:2rem;font-weight:700;color:var(--pod-primary-color, #667eea)}.stat-label[data-v-bd9b7260]{font-size:.8rem;color:#6c757d;text-transform:uppercase;letter-spacing:.5px}.modal-footer[data-v-bd9b7260]{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;background:#f8f9fa;border-top:1px solid #dee2e6}.modal-footer--compact[data-v-bd9b7260]{padding:.875rem 1.25rem;justify-content:flex-end;gap:.75rem}.modal-footer--compact .btn[data-v-bd9b7260]{padding:.5rem 1rem;font-size:.875rem}.modal-footer--compact .btn--secondary[data-v-bd9b7260]{background:transparent;color:#6c757d;border:1px solid #dee2e6}.modal-footer--compact .btn--secondary[data-v-bd9b7260]:hover{background:#f8f9fa;color:#495057}.footer-info[data-v-bd9b7260]{flex:1}.selected-zone-info[data-v-bd9b7260]{color:#495057;font-size:.9rem}.footer-actions[data-v-bd9b7260]{display:flex;gap:1rem}.btn[data-v-bd9b7260]{padding:.75rem 1.5rem;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem}.btn--outline-secondary[data-v-bd9b7260]{background:#fff;color:#6c757d;border:2px solid #6c757d}.btn--outline-secondary[data-v-bd9b7260]:hover{background:#6c757d;color:#fff}.btn--primary[data-v-bd9b7260]{background:var(--pod-primary-color, #667eea);color:#000}.btn--primary[data-v-bd9b7260]:hover{background:var(--pod-primary-dark, #5a6fd6)}.btn--success[data-v-bd9b7260]{background:#28a745;color:#fff}.btn--success[data-v-bd9b7260]:hover{background:#1e7e34}.btn--outline-primary[data-v-bd9b7260]{background:#fff;color:var(--pod-primary-color, #667eea);border:2px solid var(--pod-primary-color, #667eea)}.btn--outline-primary[data-v-bd9b7260]:hover{background:var(--pod-primary-color, #667eea);color:#000}.btn--outline-danger[data-v-bd9b7260]{background:#fff;color:#dc3545;border:2px solid #dc3545}.btn--outline-danger[data-v-bd9b7260]:hover{background:#dc3545;color:#fff}.btn[data-v-bd9b7260]:disabled{opacity:.6;cursor:not-allowed}@keyframes pulse-bd9b7260{0%,to{opacity:1}50%{opacity:.5}}@media (max-width: 768px){.modal-content[data-v-bd9b7260]{width:98%;height:95vh}.modal-header[data-v-bd9b7260]{padding:1.5rem}.tab-pane[data-v-bd9b7260]{padding:1rem}.zones-grid[data-v-bd9b7260],.layout-options[data-v-bd9b7260]{grid-template-columns:1fr}.modal-footer[data-v-bd9b7260]{flex-direction:column;gap:1rem;align-items:stretch}.footer-actions[data-v-bd9b7260]{justify-content:stretch}.footer-actions .btn[data-v-bd9b7260]{flex:1;justify-content:center}}.zone-tools-config[data-v-bd9b7260]{margin-top:1rem}.tools-header[data-v-bd9b7260]{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.tools-label[data-v-bd9b7260]{font-size:.875rem;font-weight:600;color:#495057}.zone-tools-display[data-v-bd9b7260]{display:flex;flex-wrap:wrap;gap:.5rem}.no-tools-message[data-v-bd9b7260]{color:#6c757d;font-style:italic;font-size:.875rem}.zone-tools-editor[data-v-bd9b7260]{background:#f8f9fa;border:1px solid #dee2e6;border-radius:6px;padding:1rem}.available-tools[data-v-bd9b7260]{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.5rem;margin-bottom:1rem}.tool-option[data-v-bd9b7260]{display:flex;align-items:center;gap:.5rem;padding:.75rem;border:2px solid #e9ecef;border-radius:6px;background:#fff;cursor:pointer;transition:all .2s ease;position:relative}.tool-option[data-v-bd9b7260]:hover{border-color:var(--pod-primary-color, #667eea);background:#667eea0d}.tool-option.tool-selected[data-v-bd9b7260]{border-color:var(--pod-primary-color, #667eea);background:#667eea1a}.tool-option i[data-v-bd9b7260]:first-child{font-size:1rem}.tool-option span[data-v-bd9b7260]{flex:1;font-size:.875rem;font-weight:500}.check-mark[data-v-bd9b7260]{color:#28a745;font-size:.875rem}.tools-editor-actions[data-v-bd9b7260]{display:flex;gap:.5rem;justify-content:flex-end}@media (max-width: 768px){.available-tools[data-v-bd9b7260]{grid-template-columns:1fr}.tools-editor-actions[data-v-bd9b7260]{flex-direction:column}.quick-options[data-v-bd9b7260]{grid-template-columns:1fr}}.quick-options[data-v-bd9b7260]{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1.5rem}.option-btn[data-v-bd9b7260]{display:flex;flex-direction:column;align-items:center;padding:1.5rem 1rem;border:2px solid #dee2e6;border-radius:8px;background:#fff;cursor:pointer;transition:all .2s ease;text-align:center}.option-btn[data-v-bd9b7260]:hover{border-color:var(--pod-primary-color, #667eea);background:#667eea0d;transform:translateY(-2px);box-shadow:0 4px 12px #667eea26}.option-btn i[data-v-bd9b7260]{font-size:2rem;margin-bottom:.75rem;color:#6c757d}.option-btn:hover i[data-v-bd9b7260]{color:var(--pod-primary-color, #667eea)}.option-title[data-v-bd9b7260]{font-weight:600;color:#495057;margin-bottom:.25rem;display:block}.option-desc[data-v-bd9b7260]{font-size:.85rem;color:#6c757d;display:block}.option-free[data-v-bd9b7260]:hover{border-color:#28a745}.option-free:hover i[data-v-bd9b7260]{color:#28a745}.option-config[data-v-bd9b7260]:hover{border-color:#ffc107}.option-config:hover i[data-v-bd9b7260]{color:#ffc107}.quick-layout-section[data-v-bd9b7260]{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid #dee2e6;border-radius:10px;padding:.875rem 1rem;margin-bottom:1.25rem}.quick-layout-header[data-v-bd9b7260]{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.quick-layout-title[data-v-bd9b7260]{font-size:.875rem;font-weight:600;color:#495057;white-space:nowrap}.quick-layout-buttons[data-v-bd9b7260]{display:flex;gap:.5rem;flex-wrap:wrap}.layout-quick-btn[data-v-bd9b7260]{padding:.5rem .875rem;border:2px solid #dee2e6;border-radius:6px;background:#fff;color:#495057;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s ease}.layout-quick-btn[data-v-bd9b7260]:hover{border-color:var(--pod-primary-color, #667eea);color:var(--pod-primary-color, #667eea);background:#f8f9ff}.layout-quick-btn.active[data-v-bd9b7260]{border-color:var(--pod-primary-color, #667eea);background:var(--pod-primary-color, #667eea);color:#000}.layout-quick-btn--danger[data-v-bd9b7260]{border-color:#dc3545;color:#dc3545}.layout-quick-btn--danger[data-v-bd9b7260]:hover{background:#dc3545;color:#fff;border-color:#dc3545}.layout-quick-btn--free[data-v-bd9b7260]{background:var(--pod-primary-color, #667eea);color:#000;border-color:var(--pod-primary-color, #667eea);transition:all .2s ease}.layout-quick-btn--free[data-v-bd9b7260]:hover{border-color:var(--pod-primary-color, #667eea);color:var(--pod-primary-color, #667eea);background:linear-gradient(135deg,#667eea0d,#764ba20d);transform:translateY(1px);box-shadow:0 -2px 8px #667eea4d}.zones-selection-section[data-v-bd9b7260]{margin-bottom:1.25rem}.section-header[data-v-bd9b7260]{margin-bottom:.875rem}.section-header h6[data-v-bd9b7260]{margin:0;font-size:.95rem;font-weight:600;color:#343a40}.zones-grid-compact[data-v-bd9b7260]{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.75rem}.zone-card-compact[data-v-bd9b7260]{border:2px solid #e9ecef;border-radius:8px;padding:.75rem;cursor:pointer;transition:all .2s ease;background:#fff;position:relative}.zone-card-compact[data-v-bd9b7260]:hover{border-color:var(--pod-primary-color, #667eea);box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.zone-card-compact.zone-selected[data-v-bd9b7260]{border-color:var(--pod-primary-color, #667eea);background:#667eea14;box-shadow:0 0 0 3px #667eea26}.zone-card-compact.zone-compatible[data-v-bd9b7260]{border-left:3px solid #28a745}.zone-card-compact.zone-incompatible[data-v-bd9b7260]{opacity:.5;cursor:not-allowed;background:#f8f9fa}.zone-card-compact--free[data-v-bd9b7260]{border:2px dashed #28a745;background:#f8fff9}.zone-card-compact--free[data-v-bd9b7260]:hover{border-color:#28a745;background:#e8f5e9}.zone-card-compact__header[data-v-bd9b7260]{display:flex;justify-content:space-between;align-items:center;margin-bottom:.375rem}.zone-card-compact__header .zone-name[data-v-bd9b7260]{font-size:.85rem;font-weight:600;color:#343a40;margin:0}.zone-card-compact__header .zone-count[data-v-bd9b7260]{font-size:.7rem;background:#e9ecef;color:#6c757d;padding:.15rem .4rem;border-radius:10px}.zone-card-compact__details[data-v-bd9b7260]{display:flex;justify-content:space-between;align-items:center}.zone-card-compact__details .zone-size[data-v-bd9b7260]{font-size:.75rem;color:#6c757d}.zone-card-compact__details .zone-desc[data-v-bd9b7260]{font-size:.75rem;color:#28a745;font-style:italic}.compat-icon[data-v-bd9b7260]{font-size:.75rem;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center}.compat-icon.compat-yes[data-v-bd9b7260]{background:#d4edda;color:#28a745}.compat-icon.compat-no[data-v-bd9b7260]{background:#f8d7da;color:#dc3545}.selected-check[data-v-bd9b7260]{position:absolute;top:-6px;right:-6px;background:var(--pod-primary-color, #667eea);color:#fff;width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.7rem;box-shadow:0 2px 4px #0003}.no-zones-compact[data-v-bd9b7260]{text-align:center;padding:1.5rem;background:#f8f9fa;border:2px dashed #dee2e6;border-radius:8px;color:#6c757d}.no-zones-compact p[data-v-bd9b7260]{margin:0 0 1rem;font-size:.9rem}.advanced-config-section[data-v-bd9b7260]{border-top:1px solid #e9ecef;padding-top:1rem;margin-top:.5rem}.advanced-toggle[data-v-bd9b7260]{width:100%;background:transparent;border:none;padding:.75rem 0;font-size:.875rem;font-weight:500;color:#6c757d;cursor:pointer;display:flex;align-items:center;transition:color .2s ease;text-align:left}.advanced-toggle[data-v-bd9b7260]:hover{color:#495057}.advanced-toggle i[data-v-bd9b7260]{transition:transform .2s ease}.advanced-config-content[data-v-bd9b7260]{padding-top:1rem;animation:slideDown-bd9b7260 .2s ease}@keyframes slideDown-bd9b7260{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 576px){.quick-layout-header[data-v-bd9b7260]{flex-direction:column;align-items:flex-start}.quick-layout-buttons[data-v-bd9b7260]{width:100%;justify-content:flex-start}.zones-grid-compact[data-v-bd9b7260]{grid-template-columns:1fr}.zone-card-compact[data-v-bd9b7260]{padding:.875rem}}@keyframes fadeIn-09ade9ae{0%{opacity:0}to{opacity:1}}@keyframes scaleIn-09ade9ae{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-buttons[data-v-09ade9ae]{padding:1rem 1.5rem 1.5rem;background:#f9fafb;border-top:1px solid #e5e7eb;border-radius:0 0 12px 12px;display:flex;flex-direction:column;gap:.75rem}.btn-restore[data-v-09ade9ae]{width:100%;padding:.75rem 1.5rem;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;border:none}.btn-restore i[data-v-09ade9ae]{font-size:.95rem}.btn-restore--primary[data-v-09ade9ae]{background-color:var(--pod-primary-color, #667eea);color:#000;box-shadow:0 2px 6px #00000026}.btn-restore--primary[data-v-09ade9ae]:hover{background-color:var(--pod-primary-dark, #5a6fd6);transform:translateY(-1px);box-shadow:0 4px 12px #0003}.btn-restore--secondary[data-v-09ade9ae]{background:#fff;color:#374151;border:1px solid #d1d5db;font-weight:500}.btn-restore--secondary[data-v-09ade9ae]:hover{background:#f3f4f6;border-color:#9ca3af}.btn-restore--cancel[data-v-09ade9ae]{background:transparent;color:#6b7280;font-size:.8rem;font-weight:400;padding:.5rem;text-decoration:underline}.btn-restore--cancel[data-v-09ade9ae]:hover{color:#374151}.modal-header[data-v-09ade9ae]{padding:1.5rem 1.5rem 1rem;border-bottom:1px solid #e5e7eb}.modal-header__content[data-v-09ade9ae]{display:flex;align-items:center;gap:1rem}.modal-header__icon[data-v-09ade9ae]{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;background-color:var(--pod-primary-color, #667eea);border-radius:50%;color:#000;font-size:1.25rem}.modal-header__text[data-v-09ade9ae]{flex:1}.modal-header__title[data-v-09ade9ae]{font-size:1.25rem;font-weight:700;color:#1f2937;margin:0 0 .25rem}.modal-header__subtitle[data-v-09ade9ae]{font-size:.875rem;color:#6b7280;margin:0}.text-panel-overlay[data-v-a1a15465]{position:fixed;inset:0;background:#00000080;z-index:9998;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.text-panel[data-v-a1a15465]{position:fixed;left:20px;top:50%;transform:translateY(-50%);width:300px;background:#fff;border-radius:16px;box-shadow:0 25px 50px -12px #00000040;z-index:9999;overflow:hidden;max-height:90vh;display:flex;flex-direction:column}.text-panel__handle[data-v-a1a15465]{display:none}.text-panel__header[data-v-a1a15465]{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;flex-shrink:0}.text-panel__title[data-v-a1a15465]{font-size:15px;font-weight:600;margin:0;display:flex;align-items:center;gap:10px}.text-panel__close[data-v-a1a15465]{background:#fff3;border:none;color:#fff;width:32px;height:32px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;font-size:14px}.text-panel__close[data-v-a1a15465]:hover{background:#ffffff4d;transform:scale(1.05)}.text-panel__close[data-v-a1a15465]:active{transform:scale(.95)}.text-panel__form[data-v-a1a15465]{padding:18px;overflow-y:auto;flex:1}.text-panel__row[data-v-a1a15465]{display:flex;gap:12px}.text-panel__field[data-v-a1a15465]{margin-bottom:16px}.text-panel__field--half[data-v-a1a15465]{flex:1;min-width:0}.text-panel__label[data-v-a1a15465]{display:block;font-size:12px;font-weight:600;color:#374151;margin-bottom:8px;text-transform:uppercase;letter-spacing:.3px}.text-panel__textarea[data-v-a1a15465]{width:100%;padding:12px 14px;border:2px solid #e5e7eb;border-radius:10px;font-size:15px;resize:none;transition:all .2s;font-family:inherit}.text-panel__textarea[data-v-a1a15465]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 4px #667eea26}.text-panel__select[data-v-a1a15465]{width:100%;padding:10px 12px;border:2px solid #e5e7eb;border-radius:10px;font-size:14px;background:#fff;cursor:pointer;transition:all .2s;font-family:inherit}.text-panel__select[data-v-a1a15465]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 4px #667eea26}.text-panel__range[data-v-a1a15465]{width:100%;height:8px;-webkit-appearance:none;background:linear-gradient(to right,#e5e7eb,#667eea,#764ba2);border-radius:4px;cursor:pointer;margin-top:4px}.text-panel__range[data-v-a1a15465]::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;background:#fff;border:3px solid #667eea;border-radius:50%;cursor:pointer;box-shadow:0 2px 8px #00000026;-webkit-transition:all .2s;transition:all .2s}.text-panel__range[data-v-a1a15465]::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 4px 12px #667eea66}.text-panel__range[data-v-a1a15465]::-moz-range-thumb{width:22px;height:22px;background:#fff;border:3px solid #667eea;border-radius:50%;cursor:pointer;box-shadow:0 2px 8px #00000026}.text-panel__color-row[data-v-a1a15465]{display:flex;gap:10px;align-items:center}.text-panel__color-picker[data-v-a1a15465]{width:44px;height:40px;padding:3px;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .2s}.text-panel__color-picker[data-v-a1a15465]:hover{border-color:#667eea}.text-panel__color-input[data-v-a1a15465]{flex:1;padding:10px 12px;border:2px solid #e5e7eb;border-radius:10px;font-size:14px;font-family:SF Mono,Monaco,monospace;text-transform:uppercase;transition:all .2s}.text-panel__color-input[data-v-a1a15465]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 4px #667eea26}.text-panel__preview[data-v-a1a15465]{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:2px dashed #cbd5e1;border-radius:12px;padding:16px;margin-bottom:18px}.text-panel__preview-label[data-v-a1a15465]{display:block;font-size:10px;text-transform:uppercase;color:#94a3b8;margin-bottom:10px;letter-spacing:.8px;font-weight:600}.text-panel__preview-text[data-v-a1a15465]{text-align:center;min-height:36px;word-break:break-word;line-height:1.4;display:flex;align-items:center;justify-content:center}.text-panel__actions[data-v-a1a15465]{display:flex;gap:12px}.text-panel__btn[data-v-a1a15465]{flex:1;padding:14px 20px;border:none;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px;font-family:inherit}.text-panel__btn--cancel[data-v-a1a15465]{background:#f1f5f9;color:#475569}.text-panel__btn--cancel[data-v-a1a15465]:hover{background:#e2e8f0}.text-panel__btn--cancel[data-v-a1a15465]:active{transform:scale(.98)}.text-panel__btn--submit[data-v-a1a15465]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 14px #667eea66}.text-panel__btn--submit[data-v-a1a15465]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea80}.text-panel__btn--submit[data-v-a1a15465]:active:not(:disabled){transform:translateY(0)}.text-panel__btn--submit[data-v-a1a15465]:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.fade-enter-active[data-v-a1a15465],.fade-leave-active[data-v-a1a15465]{transition:opacity .3s ease}.fade-enter-from[data-v-a1a15465],.fade-leave-to[data-v-a1a15465]{opacity:0}.slide-in-enter-active[data-v-a1a15465],.slide-in-leave-active[data-v-a1a15465]{transition:all .35s cubic-bezier(.4,0,.2,1)}.slide-in-enter-from[data-v-a1a15465],.slide-in-leave-to[data-v-a1a15465]{opacity:0;transform:translate(-30px) translateY(-50%)}.slide-up-enter-active[data-v-a1a15465],.slide-up-leave-active[data-v-a1a15465]{transition:all .35s cubic-bezier(.4,0,.2,1)}.slide-up-enter-from[data-v-a1a15465],.slide-up-leave-to[data-v-a1a15465]{opacity:0;transform:translateY(100%)}@media (max-width: 768px){.text-panel[data-v-a1a15465]{inset:auto 0 0;transform:none;width:100%;max-width:100%;border-radius:24px 24px 0 0;max-height:85vh}.text-panel__handle[data-v-a1a15465]{display:flex;justify-content:center;padding:12px 0 4px;background:inherit;cursor:grab}.text-panel__handle-bar[data-v-a1a15465]{width:40px;height:5px;background:#d1d5db;border-radius:3px}.text-panel__header[data-v-a1a15465]{padding:12px 20px;border-radius:0}.text-panel__title[data-v-a1a15465]{font-size:16px}.text-panel__close[data-v-a1a15465]{width:36px;height:36px;font-size:16px}.text-panel__form[data-v-a1a15465]{padding:20px;padding-bottom:calc(20px + env(safe-area-inset-bottom,0px))}.text-panel__row[data-v-a1a15465]{flex-direction:row;gap:16px}.text-panel__field[data-v-a1a15465]{margin-bottom:18px}.text-panel__label[data-v-a1a15465]{font-size:13px;margin-bottom:10px}.text-panel__textarea[data-v-a1a15465]{font-size:16px;padding:14px 16px;min-height:60px}.text-panel__select[data-v-a1a15465]{font-size:16px;padding:12px 14px}.text-panel__range[data-v-a1a15465]{height:10px}.text-panel__range[data-v-a1a15465]::-webkit-slider-thumb{width:28px;height:28px}.text-panel__color-picker[data-v-a1a15465]{width:50px;height:46px}.text-panel__color-input[data-v-a1a15465]{font-size:16px;padding:12px 14px}.text-panel__preview[data-v-a1a15465]{padding:18px;margin-bottom:20px}.text-panel__preview-text[data-v-a1a15465]{min-height:44px}.text-panel__actions[data-v-a1a15465]{gap:14px}.text-panel__btn[data-v-a1a15465]{padding:16px 24px;font-size:16px;border-radius:14px}}@media (max-width: 480px){.text-panel[data-v-a1a15465]{border-radius:20px 20px 0 0;max-height:90vh}.text-panel__handle[data-v-a1a15465]{padding:10px 0 2px}.text-panel__handle-bar[data-v-a1a15465]{width:36px;height:4px}.text-panel__header[data-v-a1a15465]{padding:10px 16px}.text-panel__title[data-v-a1a15465]{font-size:15px}.text-panel__close[data-v-a1a15465]{width:34px;height:34px}.text-panel__form[data-v-a1a15465]{padding:16px;padding-bottom:calc(16px + env(safe-area-inset-bottom,0px))}.text-panel__row[data-v-a1a15465]{gap:12px}.text-panel__field[data-v-a1a15465]{margin-bottom:14px}.text-panel__label[data-v-a1a15465]{font-size:11px;margin-bottom:6px}.text-panel__textarea[data-v-a1a15465]{font-size:16px;padding:12px 14px;border-radius:10px}.text-panel__select[data-v-a1a15465]{font-size:16px;padding:10px 12px;border-radius:10px}.text-panel__range[data-v-a1a15465]::-webkit-slider-thumb{width:26px;height:26px}.text-panel__color-picker[data-v-a1a15465]{width:44px;height:42px}.text-panel__color-input[data-v-a1a15465]{padding:10px 12px;border-radius:10px}.text-panel__preview[data-v-a1a15465]{padding:14px;margin-bottom:16px;border-radius:10px}.text-panel__btn[data-v-a1a15465]{padding:14px 20px;font-size:15px;border-radius:12px}}@media (max-width: 360px){.text-panel[data-v-a1a15465]{max-height:92vh}.text-panel__header[data-v-a1a15465]{padding:8px 14px}.text-panel__title[data-v-a1a15465]{font-size:14px;gap:8px}.text-panel__close[data-v-a1a15465]{width:30px;height:30px;font-size:12px}.text-panel__form[data-v-a1a15465]{padding:14px}.text-panel__row[data-v-a1a15465]{flex-direction:column;gap:0}.text-panel__field--half[data-v-a1a15465]{flex:none}.text-panel__field[data-v-a1a15465]{margin-bottom:12px}.text-panel__textarea[data-v-a1a15465]{font-size:15px;padding:10px 12px}.text-panel__select[data-v-a1a15465]{font-size:15px;padding:8px 10px}.text-panel__color-picker[data-v-a1a15465]{width:40px;height:38px}.text-panel__color-input[data-v-a1a15465]{font-size:14px}.text-panel__actions[data-v-a1a15465]{gap:10px}.text-panel__btn[data-v-a1a15465]{padding:12px 16px;font-size:14px}}@media (max-width: 768px) and (orientation: landscape){.text-panel[data-v-a1a15465]{max-height:95vh;border-radius:16px 16px 0 0}.text-panel__handle[data-v-a1a15465]{padding:8px 0 2px}.text-panel__form[data-v-a1a15465]{padding:12px 20px;display:grid;grid-template-columns:1fr 1fr;gap:12px 20px}.text-panel__field[data-v-a1a15465]:first-child,.text-panel__row[data-v-a1a15465]{grid-column:1 / -1}.text-panel__preview[data-v-a1a15465]{grid-column:1 / -1;margin-bottom:12px}.text-panel__actions[data-v-a1a15465]{grid-column:1 / -1}}@supports (padding: max(0px)){@media (max-width: 768px){.text-panel__form[data-v-a1a15465]{padding-bottom:max(20px,env(safe-area-inset-bottom))}}}.public-designer[data-v-5ac149da]{display:flex;flex-direction:column;height:100vh;overflow:hidden;background:#f8f9fa}.simple-header[data-v-5ac149da]{flex-shrink:0;background:#fff!important;border-bottom:1px solid #e9ecef;padding:.75rem 1rem;color:#333!important;display:flex;align-items:center;justify-content:space-between;gap:1rem}.simple-header[data-v-5ac149da] *,.simple-header i[data-v-5ac149da],.simple-header .fas[data-v-5ac149da],.simple-header .far[data-v-5ac149da],.simple-header .fa[data-v-5ac149da]{color:#333!important}.simple-header__inner[data-v-5ac149da]{display:flex;align-items:center;gap:1rem;max-width:1400px}.simple-header__label[data-v-5ac149da]{font-size:.875rem;color:#495057!important;white-space:nowrap}.simple-selector[data-v-5ac149da]{flex:1}.simple-selector[data-v-5ac149da] .selector-container{display:flex;gap:.5rem;align-items:center}.simple-header__actions[data-v-5ac149da]{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.header-btn[data-v-5ac149da]{display:flex;align-items:center;gap:.4rem;padding:.5rem 1rem;font-size:.85rem;font-weight:600;border-radius:6px;border:1px solid transparent;cursor:pointer;transition:all .2s ease;white-space:nowrap}.header-btn i[data-v-5ac149da]{font-size:.8rem}.header-btn--next[data-v-5ac149da]{background-color:var(--pod-primary-color, #667eea);border-color:var(--pod-primary-color, #667eea);color:#000!important;padding:.5rem .75rem;min-width:38px;justify-content:center}.header-btn--next[data-v-5ac149da]:hover{background-color:var(--pod-primary-dark, #5a6fd6);border-color:var(--pod-primary-dark, #5a6fd6);box-shadow:0 2px 6px #00000026}.header-btn--next i[data-v-5ac149da]{color:#000!important;font-size:1.1rem}.header-btn--next .btn-text[data-v-5ac149da]{margin-left:.4rem;font-size:.85rem}.header-btn--next.is-loading[data-v-5ac149da]{opacity:.8;cursor:wait}.header-btn--next[data-v-5ac149da]:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 576px){.header-btn--next .btn-text[data-v-5ac149da]{display:none}}.simple-selector[data-v-5ac149da] .brand-selector,.simple-selector[data-v-5ac149da] .model-selector{padding:.375rem .75rem;font-size:.875rem;border:1px solid #ced4da;border-radius:4px;min-width:150px}.simple-selector[data-v-5ac149da] .confirmation-btn{padding:.375rem 1rem;font-size:.875rem}@media (max-width: 768px){.simple-header[data-v-5ac149da]{flex-direction:column;align-items:stretch;gap:.5rem}.simple-header__inner[data-v-5ac149da]{flex-direction:column;align-items:flex-start;gap:.5rem}.simple-selector[data-v-5ac149da]{width:100%}.simple-header__actions[data-v-5ac149da]{justify-content:flex-end}.header-btn span[data-v-5ac149da]{display:none}.header-btn[data-v-5ac149da]{padding:.5rem .75rem}}.top-bar[data-v-5ac149da]{flex-shrink:0;background:#fff;border-bottom:1px solid #e9ecef;padding:.5rem 1rem;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem}.top-bar__info[data-v-5ac149da]{display:flex;align-items:center;gap:.5rem;color:#495057;font-size:.875rem}.top-bar__info>i[data-v-5ac149da]{color:#6c757d}.top-bar__model[data-v-5ac149da]{font-weight:600;color:#333}.top-bar__specs[data-v-5ac149da]{color:#6c757d;font-size:.8rem;padding-left:.5rem;border-left:1px solid #dee2e6}.top-bar__controls[data-v-5ac149da]{display:flex;align-items:center;gap:.25rem;flex-wrap:wrap}.top-bar__btn[data-v-5ac149da]{display:flex;align-items:center;gap:.35rem;padding:.35rem .65rem;font-size:.8rem;color:#495057;background:#f8f9fa;border:1px solid #dee2e6;border-radius:4px;cursor:pointer;transition:all .2s;white-space:nowrap}.top-bar__btn[data-v-5ac149da]:hover{background:rgba(var(--pod-primary-rgb, 102, 126, 234),.1);border-color:var(--pod-primary-color, #667eea);color:var(--pod-primary-color, #667eea)}.top-bar__btn.active[data-v-5ac149da]{background-color:var(--pod-primary-color, #667eea);border-color:var(--pod-primary-color, #667eea);color:#000;font-weight:600;box-shadow:0 2px 6px #00000026}.top-bar__btn[data-v-5ac149da]:disabled{opacity:.5;cursor:not-allowed}.top-bar__btn i[data-v-5ac149da]{font-size:.85rem}.top-bar__btn span[data-v-5ac149da]{font-size:.75rem}.top-bar__btn--secondary[data-v-5ac149da]{background:var(--pod-secondary-color, #764ba2);border-color:var(--pod-secondary-color, #764ba2);color:var(--pod-secondary-text-color, #000);font-weight:600}.top-bar__btn--secondary[data-v-5ac149da]:hover{background:var(--pod-secondary-dark, #5a3d7a);border-color:var(--pod-secondary-dark, #5a3d7a);color:var(--pod-secondary-text-color, #000)}.top-bar__separator[data-v-5ac149da]{width:1px;height:24px;background:#dee2e6;margin:0 .5rem}@media (max-width: 992px){.top-bar[data-v-5ac149da]{padding:.5rem}.top-bar__btn span[data-v-5ac149da]{display:none}.top-bar__btn[data-v-5ac149da]{padding:.4rem .5rem}.top-bar__separator[data-v-5ac149da]{display:none}}@media (max-width: 576px){.top-bar__info[data-v-5ac149da],.top-bar__controls[data-v-5ac149da]{width:100%;justify-content:center}}.designer-workspace[data-v-5ac149da]{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.canvas-area-full[data-v-5ac149da]{flex:1;display:flex;align-items:center;justify-content:center;background:#f8f9fa;padding:1rem;overflow:auto}.tools-bar[data-v-5ac149da]{background:#fff;border-top:1px solid #e9ecef;padding:.5rem 1rem;display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;flex-shrink:0}.tools-bar__group[data-v-5ac149da]{display:flex;align-items:center;gap:.35rem}.tools-bar__label[data-v-5ac149da]{font-size:.7rem;color:#6c757d;font-weight:600;text-transform:uppercase;margin-right:.25rem}.tools-bar__btn[data-v-5ac149da]{display:flex;align-items:center;gap:.3rem;padding:.4rem .6rem;font-size:.8rem;color:#495057;background:#f8f9fa;border:1px solid #dee2e6;border-radius:4px;cursor:pointer;transition:all .2s;white-space:nowrap}.tools-bar__btn[data-v-5ac149da]:hover{background:#e9ecef;border-color:#adb5bd}.tools-bar__btn i[data-v-5ac149da]{font-size:.9rem}.tools-bar__btn span[data-v-5ac149da]{font-size:.75rem}.tools-bar__btn--icon[data-v-5ac149da]{padding:.4rem .5rem}.tools-bar__btn--icon span[data-v-5ac149da]{display:none}.tools-bar__btn--danger[data-v-5ac149da]:hover{background:#fff5f5;border-color:#dc3545;color:#dc3545}.tools-bar__btn--secondary[data-v-5ac149da]{background:var(--pod-secondary-color, #764ba2);border-color:var(--pod-secondary-color, #764ba2);color:var(--pod-secondary-text-color, #000);font-weight:600}.tools-bar__btn--secondary[data-v-5ac149da]:hover{background:var(--pod-secondary-dark, #5a3d7a);border-color:var(--pod-secondary-dark, #5a3d7a);color:var(--pod-secondary-text-color, #000)}.tools-bar__btn--success[data-v-5ac149da]{background-color:var(--pod-primary-color, #667eea);border-color:var(--pod-primary-color, #667eea);color:#000;font-weight:600}.tools-bar__btn--success[data-v-5ac149da]:hover{background-color:var(--pod-primary-dark, #5a6fd6);border-color:var(--pod-primary-dark, #5a6fd6);box-shadow:0 2px 6px #0003}.tools-bar__separator[data-v-5ac149da]{width:1px;height:24px;background:#dee2e6;margin:0 .5rem}.tools-bar__actions[data-v-5ac149da]{margin-left:auto}.bottom-bar[data-v-5ac149da]{background:#fff;border-top:1px solid #e9ecef;padding:.75rem 1.5rem;flex-shrink:0}@media (max-width: 992px){.tools-bar[data-v-5ac149da]{padding:.5rem;justify-content:center}.tools-bar__label[data-v-5ac149da],.tools-bar__btn span[data-v-5ac149da],.tools-bar__separator[data-v-5ac149da]{display:none}.tools-bar__actions[data-v-5ac149da]{margin-left:0}.bottom-bar[data-v-5ac149da]{padding:.75rem 1rem}}@media (max-width: 576px){.tools-sidebar[data-v-5ac149da],.canvas-area[data-v-5ac149da]{padding:.5rem}}@media (max-width: 600px){.tools-bar[data-v-5ac149da]{padding:.4rem;gap:.3rem}.tools-bar__btn[data-v-5ac149da]{padding:.35rem .4rem;font-size:.75rem}.tools-bar__btn i[data-v-5ac149da]{font-size:.8rem}.tools-bar__group[data-v-5ac149da]{gap:.25rem}.top-bar[data-v-5ac149da]{padding:.4rem .5rem;gap:.5rem}.top-bar__info[data-v-5ac149da]{font-size:.8rem}.top-bar__model[data-v-5ac149da]{font-size:.85rem}.top-bar__specs[data-v-5ac149da]{font-size:.7rem}.canvas-area-full[data-v-5ac149da]{padding:.5rem}.bottom-bar[data-v-5ac149da]{padding:.5rem .75rem}}@media (max-width: 480px){.simple-header[data-v-5ac149da]{padding:.5rem;gap:.4rem}.simple-header__label[data-v-5ac149da]{font-size:.8rem}.simple-selector[data-v-5ac149da] .brand-selector,.simple-selector[data-v-5ac149da] .model-selector{min-width:120px;font-size:.8rem;padding:.3rem .5rem}.header-btn[data-v-5ac149da]{padding:.4rem .6rem;font-size:.8rem}.tools-bar[data-v-5ac149da]{padding:.35rem;gap:.25rem}.tools-bar__btn[data-v-5ac149da]{padding:.3rem .35rem;border-radius:4px}.tools-bar__btn i[data-v-5ac149da]{font-size:.75rem}.tools-bar__btn--secondary[data-v-5ac149da]{padding:.3rem .5rem}.top-bar[data-v-5ac149da]{padding:.35rem .5rem}.top-bar__btn[data-v-5ac149da]{padding:.3rem .4rem;font-size:.75rem}.top-bar__btn i[data-v-5ac149da]{font-size:.7rem}.canvas-area-full[data-v-5ac149da]{padding:.35rem}.bottom-bar[data-v-5ac149da]{padding:.4rem .5rem}}@media (max-width: 360px){.simple-header__inner[data-v-5ac149da]{gap:.3rem}.simple-selector[data-v-5ac149da] .brand-selector,.simple-selector[data-v-5ac149da] .model-selector{min-width:100px;font-size:.75rem}.tools-bar__btn[data-v-5ac149da]{padding:.25rem .3rem}.tools-bar__btn i[data-v-5ac149da]{font-size:.7rem}.top-bar__info[data-v-5ac149da]{font-size:.7rem;gap:.3rem}.top-bar__model[data-v-5ac149da]{font-size:.75rem}.top-bar__specs[data-v-5ac149da]{display:none}}.empty-state-simple[data-v-5ac149da]{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 120px);background:#fff;border-radius:8px;margin:1rem}.empty-content[data-v-5ac149da]{text-align:center;padding:2rem}.empty-logo[data-v-5ac149da]{max-width:200px;max-height:80px;-o-object-fit:contain;object-fit:contain;margin-bottom:1.5rem;opacity:.8;transition:opacity .3s ease}.empty-logo[data-v-5ac149da]:hover{opacity:1}.empty-icon[data-v-5ac149da]{font-size:3rem;color:#dee2e6;margin-bottom:1rem}.empty-text[data-v-5ac149da]{font-size:1rem;color:#6c757d;margin:0}@media (max-width: 768px){.empty-state-simple[data-v-5ac149da]{min-height:calc(100vh - 100px);margin:.75rem}.empty-content[data-v-5ac149da]{padding:1.5rem}.empty-logo[data-v-5ac149da]{max-width:160px;max-height:60px;margin-bottom:1rem}.empty-icon[data-v-5ac149da]{font-size:2.5rem}.empty-text[data-v-5ac149da]{font-size:.95rem}}@media (max-width: 480px){.empty-state-simple[data-v-5ac149da]{min-height:calc(100vh - 80px);margin:.5rem;border-radius:6px}.empty-content[data-v-5ac149da]{padding:1rem}.empty-logo[data-v-5ac149da]{max-width:140px;max-height:50px;margin-bottom:.75rem}.empty-icon[data-v-5ac149da]{font-size:2rem;margin-bottom:.75rem}.empty-text[data-v-5ac149da]{font-size:.875rem}}@media (max-width: 360px){.empty-state-simple[data-v-5ac149da]{margin:.35rem}.empty-content[data-v-5ac149da]{padding:.75rem}.empty-logo[data-v-5ac149da]{max-width:120px;max-height:45px}.empty-icon[data-v-5ac149da]{font-size:1.75rem}.empty-text[data-v-5ac149da]{font-size:.8rem}}.designer-header[data-v-5ac149da]{display:none}.designer-header .container-fluid[data-v-5ac149da]{position:relative;z-index:2}.designer-title[data-v-5ac149da]{margin:0;color:#fff;font-size:1.75rem;font-weight:700;display:flex;align-items:center;gap:1rem;text-shadow:0 2px 4px rgba(0,0,0,.3)}.mode-indicator[data-v-5ac149da]{background:linear-gradient(135deg,#ffffff40,#ffffff26);border:2px solid rgba(255,255,255,.3);color:#fff;padding:.5rem 1rem;border-radius:12px;font-size:.875rem;font-weight:600;box-shadow:0 8px 32px #0000001a;backdrop-filter:blur(10px);position:relative;overflow:hidden}.mode-indicator[data-v-5ac149da]:before{content:"";position:absolute;top:50%;left:50%;width:100px;height:100px;background:radial-gradient(circle,rgba(255,255,255,.2) 0%,transparent 70%);border-radius:50%;transform:translate(-50%,-50%);opacity:0;transition:opacity .3s ease;pointer-events:none}.mode-indicator[data-v-5ac149da]:hover:before{opacity:1}.tools-panel[data-v-5ac149da],.properties-panel[data-v-5ac149da]{background:#fff;border:1px solid #dee2e6;border-radius:16px;padding:1.5rem;height:-moz-fit-content;height:fit-content;position:sticky;top:2rem}.canvas-container[data-v-5ac149da]{display:flex;justify-content:center;padding:2rem;background:#fff;border:1px solid #dee2e6;border-radius:16px;min-height:500px;align-items:center}.empty-state[data-v-5ac149da]{display:flex;align-items:center;justify-content:center;min-height:60vh;text-align:center;color:#6c757d;flex-direction:column;padding:3rem}.empty-icon[data-v-5ac149da]{font-size:4rem;color:#6c757d;margin-bottom:1rem}.empty-state-modern[data-v-5ac149da]{padding:3rem;max-width:600px;margin:0 auto}.empty-icon-group[data-v-5ac149da]{position:relative;margin-bottom:2.5rem;display:inline-block}.main-icon[data-v-5ac149da]{font-size:5rem;background:linear-gradient(135deg,#667eea,#764ba2,#f093fb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1rem;position:relative;z-index:2;animation:gem-sparkle-5ac149da 3s ease-in-out infinite;filter:drop-shadow(0 4px 15px rgba(102,126,234,.4))}@keyframes gem-sparkle-5ac149da{0%,to{transform:translateY(0) scale(1);filter:drop-shadow(0 4px 15px rgba(102,126,234,.4)) brightness(1)}33%{transform:translateY(-8px) scale(1.05);filter:drop-shadow(0 6px 20px rgba(240,147,251,.6)) brightness(1.2)}66%{transform:translateY(-12px) scale(1.02);filter:drop-shadow(0 8px 25px rgba(118,75,162,.5)) brightness(1.1)}}.accent-icons[data-v-5ac149da]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1}.accent-icon[data-v-5ac149da]{position:absolute;font-size:1.2rem;color:#f093fb;animation:orbit-5ac149da 4s linear infinite;opacity:.8}.accent-icon[data-v-5ac149da]:nth-child(1){animation-delay:0s}.accent-icon[data-v-5ac149da]:nth-child(2){animation-delay:1.33s}.accent-icon[data-v-5ac149da]:nth-child(3){animation-delay:2.66s}@keyframes orbit-5ac149da{0%{transform:rotate(0) translate(60px) rotate(0);opacity:.6}50%{opacity:1}to{transform:rotate(360deg) translate(60px) rotate(-360deg);opacity:.6}}.empty-title[data-v-5ac149da]{font-size:2rem;font-weight:700;color:#fff!important;margin-bottom:1.5rem;display:flex;align-items:center;justify-content:center;gap:1rem;text-shadow:0 2px 10px rgba(0,0,0,.3)}.title-main[data-v-5ac149da]{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.title-emoji[data-v-5ac149da]{font-size:1.8rem;animation:emoji-bounce-5ac149da 2s ease-in-out infinite}@keyframes emoji-bounce-5ac149da{0%,to{transform:scale(1) rotate(0)}25%{transform:scale(1.1) rotate(-5deg)}75%{transform:scale(.9) rotate(5deg)}}.empty-description[data-v-5ac149da]{font-size:1.2rem;color:#718096!important;font-weight:500;line-height:1.6;display:flex;flex-direction:column;align-items:center;gap:1rem;text-shadow:0 2px 8px rgba(0,0,0,.1)}.description-icon[data-v-5ac149da]{color:#667eea;font-size:1rem;margin-right:.75rem;animation:arrow-pulse-5ac149da 2s ease-in-out infinite}@keyframes arrow-pulse-5ac149da{0%,to{transform:translate(0);opacity:.8}50%{transform:translate(5px);opacity:1}}.design-badge[data-v-5ac149da]{background:linear-gradient(135deg,#ff6b6b,#ee5a52);color:#fff;font-size:.8rem;font-weight:700;padding:.4rem 1rem;border-radius:20px;text-transform:uppercase;letter-spacing:1px;box-shadow:0 4px 15px #ff6b6b66;animation:badge-glow-5ac149da 3s ease-in-out infinite alternate;margin-top:.5rem}@keyframes badge-glow-5ac149da{0%{box-shadow:0 4px 15px #ff6b6b66;transform:scale(1)}to{box-shadow:0 6px 25px #ff6b6b99;transform:scale(1.05)}}.model-selector[data-v-5ac149da]{max-width:400px;margin:0 auto}.header-content[data-v-5ac149da]{display:flex;flex-direction:column;align-items:center;gap:.75rem}.header-top[data-v-5ac149da]{display:flex;align-items:center;justify-content:center;gap:1rem;padding:.5rem 1rem;background:#ffffff1a;border-radius:25px;backdrop-filter:blur(5px)}.header-center[data-v-5ac149da]{display:flex;justify-content:center;width:100%}.model-selector-horizontal[data-v-5ac149da]{flex:1;max-width:100%}.model-selector-horizontal[data-v-5ac149da] .phone-model-selector{background:#ffffff26;border:2px solid rgba(255,255,255,.3);backdrop-filter:blur(20px);border-radius:16px;box-shadow:0 8px 32px #0000001a}.model-selector-horizontal[data-v-5ac149da] .custom-select-wrapper{background:linear-gradient(135deg,#ffffff40,#ffffff26);border:2px solid rgba(255,255,255,.3);border-radius:12px;box-shadow:0 8px 32px #0000001a;backdrop-filter:blur(10px);position:relative;overflow:hidden;transition:all .3s ease}.model-selector-horizontal[data-v-5ac149da] .custom-select-wrapper:hover{transform:translateY(-2px);box-shadow:0 12px 40px #00000026}.model-selector-horizontal[data-v-5ac149da] .custom-select-wrapper:before{content:"";position:absolute;top:50%;left:50%;width:100px;height:100px;background:radial-gradient(circle,rgba(255,255,255,.2) 0%,transparent 70%);border-radius:50%;transform:translate(-50%,-50%);opacity:0;transition:opacity .3s ease;pointer-events:none}.model-selector-horizontal[data-v-5ac149da] .custom-select-wrapper:hover:before{opacity:1}.model-selector-horizontal[data-v-5ac149da] .custom-select{background:transparent;border:none;color:#fff;font-weight:600}.model-selector-horizontal[data-v-5ac149da] .custom-select option{background:#667eeae6;color:#fff}.model-selector-horizontal[data-v-5ac149da] .step-title{color:#fff;font-weight:600;text-shadow:0 2px 4px rgba(0,0,0,.3)}.model-selector-horizontal[data-v-5ac149da] .step-number{background:linear-gradient(135deg,#ffffff4d,#fff3);color:#fff;border:2px solid rgba(255,255,255,.4);backdrop-filter:blur(5px);animation:pulse-glow-5ac149da 3s ease-in-out infinite alternate}@keyframes pulse-glow-5ac149da{0%{box-shadow:0 0 10px #ffffff4d}to{box-shadow:0 0 20px #fff9,0 0 30px #ffffff4d}}@keyframes float-5ac149da{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes shimmer-5ac149da{0%{background-position:-200px 0}to{background-position:200px 0}}.designer-header[data-v-5ac149da]{animation:gradient-shift-5ac149da 8s ease infinite}@keyframes gradient-shift-5ac149da{0%,to{background:linear-gradient(135deg,#667eea,#764ba2)}25%{background:linear-gradient(135deg,#764ba2,#f093fb)}50%{background:linear-gradient(135deg,#f093fb,#f5576c)}75%{background:linear-gradient(135deg,#f5576c,#667eea)}}.mode-indicator[data-v-5ac149da]{animation:float-5ac149da 4s ease-in-out infinite}.header-content[data-v-5ac149da]{animation:shimmer-bg-5ac149da 6s linear infinite;background-image:linear-gradient(45deg,rgba(255,255,255,.1) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.1) 50%,rgba(255,255,255,.1) 75%,transparent 75%,transparent);background-size:20px 20px}@keyframes shimmer-bg-5ac149da{0%{background-position:0 0}to{background-position:20px 20px}}.model-selector-horizontal[data-v-5ac149da] .custom-select-wrapper{transition:all .4s cubic-bezier(.4,0,.2,1)}.model-selector-horizontal[data-v-5ac149da] .custom-select-wrapper:focus-within{transform:translateY(-3px) scale(1.02);box-shadow:0 15px 50px #0003,0 0 30px #ffffff4d}.designer-title[data-v-5ac149da]{animation:title-glow-5ac149da 4s ease-in-out infinite alternate}@keyframes title-glow-5ac149da{0%{text-shadow:0 2px 4px rgba(0,0,0,.3)}to{text-shadow:0 2px 4px rgba(0,0,0,.3),0 0 20px rgba(255,255,255,.4)}}.model-selector-horizontal[data-v-5ac149da] .selector-container{display:flex;gap:1.5rem;align-items:flex-start;flex-wrap:wrap}.model-selector-horizontal[data-v-5ac149da] .brand-selector,.model-selector-horizontal[data-v-5ac149da] .model-selector{margin-bottom:0;flex:0 0 auto;width:250px}.model-selector-horizontal[data-v-5ac149da] .model-info{margin-top:0;flex:1;min-width:300px}.mode-controls[data-v-5ac149da]{display:flex;justify-content:flex-end;align-items:center;gap:.75rem}@media (max-width: 991px){.tools-panel[data-v-5ac149da],.properties-panel[data-v-5ac149da]{margin-bottom:2rem;position:static}.header-content[data-v-5ac149da]{flex-direction:column;gap:1rem}.model-selector-horizontal[data-v-5ac149da] .brand-selector,.model-selector-horizontal[data-v-5ac149da] .model-selector{width:100%!important}.model-selector-horizontal[data-v-5ac149da] .selector-container{flex-direction:column;gap:1rem}.model-selector-horizontal[data-v-5ac149da] .brand-selector,.model-selector-horizontal[data-v-5ac149da] .model-selector,.model-selector-horizontal[data-v-5ac149da] .model-info{min-width:auto;width:100%}}@media (max-width: 767px){.designer-workspace[data-v-5ac149da]{padding:0 .5rem}.tools-panel[data-v-5ac149da],.properties-panel[data-v-5ac149da]{padding:1rem}}.btn-zone-config[data-v-5ac149da]{background:linear-gradient(135deg,#20c997,#17a2b8);color:#fff;border:none;padding:.5rem 1rem;border-radius:8px;display:flex;align-items:center;gap:.5rem;cursor:pointer;transition:all .3s ease;font-weight:500;font-size:.875rem;white-space:nowrap}.btn-zone-config[data-v-5ac149da]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #20c99766}.btn-zone-config[data-v-5ac149da]:active{transform:translateY(0)}.btn-zone-config i[data-v-5ac149da]{font-size:1rem}@media (max-width: 991px){.model-selector-horizontal[data-v-5ac149da]{max-width:500px}}@media (max-width: 767px){.header-content[data-v-5ac149da]{gap:.5rem;padding:.75rem 1rem}.header-top[data-v-5ac149da]{flex-wrap:wrap;gap:.5rem}.btn-zone-config[data-v-5ac149da]{padding:.4rem .75rem;font-size:.8rem}.btn-zone-config span[data-v-5ac149da]{display:none}.mode-indicator[data-v-5ac149da]{padding:.35rem .75rem;font-size:.75rem}}.mobile-fab-container[data-v-5ac149da]{display:none}@media (max-width: 768px){.mobile-fab-container[data-v-5ac149da]{display:flex;flex-direction:column;gap:12px;position:fixed;right:16px;bottom:80px;z-index:1000}.mobile-fab[data-v-5ac149da]{width:56px;height:56px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;font-size:20px;cursor:pointer;box-shadow:0 4px 12px #00000040,0 2px 4px #0000001a;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-tap-highlight-color:transparent}.mobile-fab[data-v-5ac149da]:active{transform:scale(.92)}.mobile-fab--text[data-v-5ac149da]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.mobile-fab--text[data-v-5ac149da]:hover{box-shadow:0 6px 20px #667eea80}.mobile-fab--image[data-v-5ac149da]{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.mobile-fab--image[data-v-5ac149da]:hover{box-shadow:0 6px 20px #f5576c80}}@media (max-width: 480px){.mobile-fab-container[data-v-5ac149da]{right:12px;bottom:70px;gap:10px}.mobile-fab[data-v-5ac149da]{width:52px;height:52px;font-size:18px}}@media (max-width: 360px){.mobile-fab-container[data-v-5ac149da]{right:10px;bottom:65px;gap:8px}.mobile-fab[data-v-5ac149da]{width:48px;height:48px;font-size:16px}}.pending-design-overlay[data-v-5ac149da]{position:fixed;inset:0;background:#0009;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:10000}.pending-design-modal[data-v-5ac149da]{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;border:1px solid rgba(102,126,234,.15);border-radius:20px;padding:32px;max-width:420px;width:calc(100% - 32px);box-shadow:0 25px 50px -12px #00000040,0 0 0 1px #667eea0d;z-index:10001;text-align:center}.pending-design-modal__icon[data-v-5ac149da]{width:72px;height:72px;margin:0 auto 20px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:32px;color:#fff;box-shadow:0 8px 20px #667eea66;animation:icon-pulse-5ac149da 2.5s ease-in-out infinite}@keyframes icon-pulse-5ac149da{0%,to{transform:scale(1);box-shadow:0 8px 20px #667eea66}50%{transform:scale(1.05);box-shadow:0 12px 28px #667eea80}}.pending-design-modal__title[data-v-5ac149da]{font-size:24px;font-weight:700;color:#1f2937;margin:0 0 12px}.pending-design-modal__description[data-v-5ac149da]{font-size:15px;color:#6b7280;margin:0 0 20px;line-height:1.5}.pending-design-modal__info[data-v-5ac149da]{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:12px;padding:16px;margin-bottom:20px}.pending-design-modal__info-item[data-v-5ac149da]{display:flex;align-items:center;gap:10px;font-size:14px;color:#374151;padding:6px 0}.pending-design-modal__info-item i[data-v-5ac149da]{width:20px;text-align:center;color:#667eea}.pending-design-modal__info-item+.pending-design-modal__info-item[data-v-5ac149da]{border-top:1px solid #e5e7eb;margin-top:6px;padding-top:12px}.pending-design-modal__question[data-v-5ac149da]{font-size:15px;color:#374151;font-weight:500;margin:0 0 24px}.pending-design-modal__actions[data-v-5ac149da]{display:flex;gap:12px}.pending-design-modal__btn[data-v-5ac149da]{flex:1;padding:14px 20px;border:none;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s}.pending-design-modal__btn--secondary[data-v-5ac149da]{background:#f3f4f6;color:#374151}.pending-design-modal__btn--secondary[data-v-5ac149da]:hover{background:#e5e7eb}.pending-design-modal__btn--primary[data-v-5ac149da]{background-color:var(--pod-primary-color, #667eea);border:1px solid var(--pod-primary-color, #667eea);color:#000;box-shadow:0 4px 14px #667eea4d}.pending-design-modal__btn--primary[data-v-5ac149da]:hover{background-color:var(--pod-primary-dark, #5a6fd6);border-color:var(--pod-primary-dark, #5a6fd6);transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.scale-up-enter-active[data-v-5ac149da],.scale-up-leave-active[data-v-5ac149da]{transition:all .3s cubic-bezier(.4,0,.2,1)}.scale-up-enter-from[data-v-5ac149da],.scale-up-leave-to[data-v-5ac149da]{opacity:0;transform:translate(-50%,-50%) scale(.9)}@media (max-width: 480px){.pending-design-modal[data-v-5ac149da]{padding:24px;border-radius:16px}.pending-design-modal__icon[data-v-5ac149da]{width:60px;height:60px;font-size:26px;margin-bottom:16px}.pending-design-modal__title[data-v-5ac149da]{font-size:20px}.pending-design-modal__description[data-v-5ac149da]{font-size:14px}.pending-design-modal__info[data-v-5ac149da]{padding:12px}.pending-design-modal__info-item[data-v-5ac149da]{font-size:13px}.pending-design-modal__actions[data-v-5ac149da]{flex-direction:column-reverse;gap:10px}.pending-design-modal__btn[data-v-5ac149da]{padding:12px 16px;font-size:13px}}