:root{--primary:#0066ff;--primary-glow:rgba(0, 102, 255, 0.1);--secondary:#0044cc;--bg:#ffffff;--card-bg:rgba(0, 0, 0, 0.03);--glass-border:rgba(0, 0, 0, 0.08);--text-main:#111827;--text-muted:#4b5563;--nav-bg:rgba(255, 255, 255, 0.7);--font-heading:'Outfit', sans-serif;--font-body:'Plus Jakarta Sans', sans-serif;--transition:0.4s cubic-bezier(0.4, 0, 0.2, 1);}[data-theme="dark"]{--bg:#030712;--card-bg:rgba(255, 255, 255, 0.03);--glass-border:rgba(255, 255, 255, 0.08);--text-main:#f9fafb;--text-muted:#9ca3af;--nav-bg:rgba(3, 7, 18, 0.7);--primary-glow:rgba(99, 102, 241, 0.4);}.swal2-square-popup{border-radius:0 !important;border:1px solid rgba(0,0,0,0.1) !important;box-shadow:0 25px 50px -12px rgba(0,0,0,0.2) !important;}.swal2-square-button{border-radius:0 !important;font-weight:800 !important;text-transform:uppercase !important;letter-spacing:1px !important;padding:12px 24px !important;}.swal2-title{font-family:'Outfit', sans-serif !important;font-weight:800 !important;}.swal2-html-container{font-family:'Plus Jakarta Sans', sans-serif !important;color:#64748b !important;}.hidden{display:none !important;}*{margin:0;padding:0;box-sizing:border-box;scroll-behavior:smooth;}body{background-color:var(--bg);color:var(--text-main);font-family:var(--font-body);overflow-x:hidden;line-height:1.6;transition:background-color var(--transition), color var(--transition);}.glow-bg{position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 20%, var(--primary-glow) 0%, transparent 40%), radial-gradient(circle at 80% 80%, rgba(168, 85, 247, 0.15) 0%, transparent 40%);pointer-events:none;z-index:-1;}.container{max-width:1200px;margin:0 auto;padding:0 2rem;}.glass-nav{position:fixed;top:0;left:0;width:100%;height:80px;display:flex;align-items:center;background:var(--nav-bg);backdrop-filter:blur(12px);border-bottom:1px solid var(--glass-border);z-index:1000;transition:background var(--transition), border var(--transition);}.nav-content{width:100%;display:flex;justify-content:space-between;align-items:center;}.nav-actions{display:flex;align-items:center;gap:1rem;}.logo{font-family:var(--font-heading);font-size:1.5rem;font-weight:800;letter-spacing:-1px;}.logo span{background:linear-gradient(135deg, var(--primary), var(--secondary));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}.nav-links{display:flex;list-style:none;gap:2.5rem;}.nav-links a{color:var(--text-muted);text-decoration:none;font-weight:500;transition:color 0.3s;}.nav-links a:hover{color:var(--text-main);}.app-header-logo{max-height:24px;max-width:120px;object-fit:contain;}.app-shell.theme-dark{background:#000;color:#fff;}.app-shell.theme-dark .app-header,.app-shell.theme-dark .app-bottom-nav,.app-shell.theme-dark .cart-screen,.app-shell.theme-dark .favs-screen,.app-shell.theme-dark .profile-screen{background:#111;color:#fff;}.app-shell.theme-dark .nav-item{color:#6b7280;}.app-shell.theme-dark .app-product-card,.app-shell.theme-dark .profile-header,.app-shell.theme-dark .profile-menu{background:#1a1a1a;color:#fff;}.btn-primary{background:linear-gradient(135deg, var(--primary), var(--secondary));color:white;border:none;padding:12px 28px;border-radius:12px;font-weight:600;cursor:pointer;box-shadow:0 10px 20px -5px var(--primary-glow);transition:transform 0.3s, box-shadow 0.3s;}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 15px 30px -5px var(--primary-glow);}.btn-secondary{background:transparent;color:var(--text-main);border:1px solid var(--glass-border);padding:12px 28px;border-radius:12px;font-weight:600;cursor:pointer;backdrop-filter:blur(5px);transition:background 0.3s;}.btn-secondary:hover{background:var(--card-bg);}.hero{padding-top:200px;padding-bottom:100px;text-align:center;}.badge{display:inline-block;padding:6px 16px;background:var(--card-bg);border:1px solid var(--glass-border);border-radius:100px;font-size:0.85rem;font-weight:600;color:var(--primary);margin-bottom:2rem;}.hero h1{font-family:var(--font-heading);font-size:4.5rem;font-weight:800;line-height:1.1;margin-bottom:1.5rem;letter-spacing:-2px;}.hero h1 span{background:linear-gradient(135deg, var(--primary) 30%, var(--secondary) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}.hero p{font-size:1.25rem;color:var(--text-muted);max-width:700px;margin:0 auto 3rem;}.hero-actions{display:flex;justify-content:center;gap:1rem;}.glass-input{width:100%;padding:12px 16px;background:var(--card-bg);border:1px solid var(--glass-border);border-radius:12px;color:var(--text-main);font-family:inherit;outline:none;transition:border-color 0.3s;}.glass-input:focus{border-color:var(--primary);}.theme-toggle{background:var(--card-bg);border:1px solid var(--glass-border);color:var(--text-main);width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.2rem;transition:all 0.3s;}.theme-toggle:hover{border-color:var(--primary);background:var(--nav-bg);}.dark-icon{display:none;}[data-theme="dark"] .dark-icon{display:block;}[data-theme="dark"] .light-icon{display:none;}.templates-section{padding:100px 0;}.section-header{text-align:center;margin-bottom:4rem;}.section-header h2{font-family:var(--font-heading);font-size:3rem;margin-bottom:1rem;}.section-header p{color:var(--text-muted);}.preview-grid{display:grid;grid-template-columns:1fr 340px;gap:4rem;align-items:start;}.container{max-width:1400px;margin:0 auto;padding:0 2rem;}.form-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:end;}@media (max-width:1200px){.form-grid-2{grid-template-columns:1fr;}}.builder-layout{display:grid;grid-template-columns:1fr 400px;gap:3rem;align-items:start;margin-top:2rem;}.config-dashboard{background:var(--bg);border:1px solid var(--glass-border);border-radius:32px;overflow:hidden;box-shadow:0 20px 50px rgba(0, 0, 0, 0.05);display:flex;flex-direction:column;height:700px;}.config-tabs{display:flex;background:var(--card-bg);padding:8px;gap:8px;border-bottom:1px solid var(--glass-border);}.tab-btn{flex:1;padding:14px;border:none;background:transparent;color:var(--text-muted);font-weight:700;font-size:0.9rem;cursor:pointer;border-radius:16px;display:flex;align-items:center;justify-content:center;gap:10px;transition:all 0.3s;}.tab-btn i{width:18px;height:18px;}.tab-btn.active{background:var(--bg);color:var(--primary);box-shadow:0 4px 12px rgba(0, 0, 0, 0.05);}.config-content{flex:1;overflow-y:auto;padding:2.5rem;}.tab-pane{display:none;}.tab-pane.active{display:block;}@keyframes fadeIn{from{opacity:0;}to{opacity:1;transform:translateY(0);}}.pane-header{margin-bottom:2rem;}.pane-header h3{font-size:1.8rem;font-weight:800;margin-bottom:0.5rem;}.pane-header p{color:var(--text-muted);}.search-mini{position:relative;margin-top:1rem;}.search-mini i{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:var(--text-muted);width:16px;}.search-mini input{width:100%;padding:12px 12px 12px 45px;border-radius:14px;border:1px solid var(--glass-border);background:var(--card-bg);color:var(--text-main);}.niche-pills{display:flex;gap:10px;margin:1.5rem 0;flex-wrap:wrap;}.pill{padding:8px 18px;background:var(--card-bg);border:1px solid var(--glass-border);border-radius:100px;font-size:0.85rem;font-weight:600;cursor:pointer;transition:all 0.3s;}.pill.active{background:var(--primary);color:white;border-color:var(--primary);}.template-market-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(180px, 1fr));gap:1.5rem;}.identity-form{display:flex;flex-direction:column;gap:2rem;}.input-group label{display:block;font-weight:700;margin-bottom:0.8rem;color:var(--text-main);}.premium-input{width:100%;padding:16px;border-radius:16px;border:1px solid var(--glass-border);background:var(--card-bg);color:var(--text-main);font-size:1rem;transition:all 0.3s;}.premium-input:focus{border-color:var(--primary);background:var(--bg);box-shadow:0 0 0 4px var(--primary-glow);}.logo-drop-zone{width:100%;height:180px;border:2px dashed var(--glass-border);border-radius:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.3s;background:var(--card-bg);position:relative;}.logo-drop-zone:hover{border-color:var(--primary);background:rgba(99, 102, 241, 0.02);}.upload-placeholder{text-align:center;}.upload-icon{width:50px;height:50px;background:var(--bg);border-radius:14px;display:flex;align-items:center;justify-content:center;margin:0 auto 15px;color:var(--primary);box-shadow:0 4px 12px rgba(0, 0, 0, 0.05);}.upload-placeholder p{font-weight:700;font-size:0.95rem;margin-bottom:4px;}.upload-placeholder span{font-size:0.75rem;color:var(--text-muted);}.logo-preview-container{position:absolute;inset:0;background:#fff;border-radius:22px;display:flex;align-items:center;justify-content:center;padding:20px;}.logo-preview-container img{max-width:100%;max-height:100%;object-fit:contain;}.remove-logo{position:absolute;top:10px;right:10px;width:32px;height:32px;background:#ef4444;color:white;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;}.settings-form{display:flex;flex-direction:column;gap:2.5rem;}.setting-row{display:flex;justify-content:space-between;align-items:center;gap:2rem;}.setting-info{flex:1;}.setting-info label{display:block;font-weight:800;margin-bottom:4px;}.setting-info p{font-size:0.85rem;color:var(--text-muted);}.color-options-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:10px;}.color-dot{width:44px;height:44px;border-radius:12px;cursor:pointer;border:3px solid transparent;transition:all 0.2s;}.color-dot.active{border-color:var(--text-main);transform:scale(1.1);}.theme-switch-group{display:flex;background:var(--card-bg);padding:6px;border-radius:14px;gap:4px;}.theme-btn{padding:10px 20px;border:none;background:transparent;color:var(--text-muted);font-weight:700;cursor:pointer;border-radius:10px;transition:all 0.3s;}.theme-btn.active{background:var(--bg);color:var(--text-main);box-shadow:0 2px 8px rgba(0, 0, 0, 0.05);}.phone-preview-col{display:flex;flex-direction:column;align-items:center;gap:2rem;position:sticky;top:120px;}.preview-badge{background:#10b981;color:white;padding:6px 16px;border-radius:100px;font-size:0.75rem;font-weight:800;text-transform:uppercase;letter-spacing:1px;}.phone-frame{width:360px;height:720px;background:#000;border:14px solid #1a1a1a;border-radius:54px !important;position:relative;box-shadow:0 50px 100px -20px rgba(0, 0, 0, 0.4);overflow:hidden;}.phone-frame::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:140px;height:30px;background:#1a1a1a;border-bottom-left-radius:20px;border-bottom-right-radius:20px;z-index:10;}.phone-screen{width:100%;height:100%;background:#fff;position:relative;}.phone-button{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);width:40px;height:4px;background:#333;border-radius:10px;z-index:10;}.app-shell{width:100%;height:100%;display:flex;flex-direction:column;transition:all 0.5s;background:#fff;color:#000;position:relative;font-family:'Plus Jakarta Sans', sans-serif;}.app-screen-content{flex:1;overflow-y:auto;position:relative;padding-bottom:90px;scrollbar-width:none;}.app-screen-content::-webkit-scrollbar{display:none;}.app-header{padding:30px 20px 10px;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;transition:background 0.3s;z-index:100;}.app-header.scrolled{background:rgba(255, 255, 255, 0.9);backdrop-filter:blur(10px);}.app-brand{font-size:1.1rem;font-weight:800;letter-spacing:-0.5px;}.header-right{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#f3f4f6;border-radius:12px;color:#4b5563;}.category-header{padding:0 20px;margin-bottom:20px;}.layout-container{position:relative;z-index:200;}.layout-toggle-btn{background:#f3f4f6;border:none;width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#4b5563;cursor:pointer;}.layout-menu{position:absolute;top:calc(100% + 10px);right:0;background:#fff;border-radius:16px;box-shadow:0 10px 25px rgba(0, 0, 0, 0.1);padding:8px;display:none;flex-direction:column;gap:4px;min-width:120px;border:1px solid rgba(17, 24, 39, 0.05);}.layout-menu.active{display:flex;animation:slideInTiny 0.2s ease-out;}@keyframes slideInTiny{from{transform:translateY(-5px);opacity:0;}to{transform:translateY(0);opacity:1;}}.layout-menu button{background:none;border:none;padding:10px 12px;border-radius:10px;display:flex;align-items:center;gap:10px;font-size:0.75rem;font-weight:600;color:#6b7280;cursor:pointer;text-align:left;white-space:nowrap;}.layout-menu button.active{background:#f9f9fb;color:var(--app-primary);}.layout-menu button i{opacity:0.7;}.app-grid{padding:0 15px;gap:15px;display:grid;transition:none;}.app-grid{padding:0 15px;gap:12px;display:grid;}.app-product-card{position:relative;background:#fff;border-radius:24px;overflow:hidden;cursor:pointer;box-shadow:0 4px 15px rgba(0, 0, 0, 0.04);transition:transform 0.2s ease;}.img-container{width:100%;height:100%;background-size:cover;background-position:center;display:block;}.app-product-overlay{position:absolute;bottom:0;left:0;width:100%;padding:25px 15px 15px;background:linear-gradient(transparent, rgba(0, 0, 0, 0.85) 80%);color:white;z-index:2;display:flex;flex-direction:column;}.app-product-card h4{font-size:1.15rem;font-weight:800;margin:0;line-height:1.2;}.app-product-card .price{font-size:1.05rem;font-weight:700;opacity:0.95;margin:4px 0 12px;}.app-buy-btn{background:var(--app-primary);color:white;border:none;padding:10px 20px;border-radius:12px;font-size:0.8rem;font-weight:800;display:flex;align-items:center;justify-content:center;gap:6px;width:fit-content;cursor:pointer;}.app-fav-btn{position:absolute;top:15px;right:15px;width:38px;height:38px;background:rgba(255, 255, 255, 0.9);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#d1d5db;z-index:10;box-shadow:0 4px 10px rgba(0, 0, 0, 0.05);}.app-fav-btn.active{color:#ef4444;}.layout-1col .app-product-card{height:420px;margin-bottom:5px;}.layout-2col.app-grid{grid-template-columns:1fr 1fr;gap:25px 12px;}@media (max-width:768px){.app-grid{gap:12px !important;padding:0 15px !important;}.layout-2col .app-product-card{padding:12px !important;border-radius:16px !important;}.layout-2col .img-container{height:140px !important;border-radius:12px !important;margin-bottom:8px !important;}.layout-2col .app-product-card h4{font-size:0.85rem !important;}.layout-2col .app-product-card .price{font-size:0.95rem !important;}}.layout-2col .app-product-card{height:auto !important;display:flex !important;flex-direction:column !important;background:transparent !important;box-shadow:none !important;border-radius:0 !important;}.layout-2col .img-container{height:230px !important;border-radius:16px !important;margin-bottom:12px !important;flex-shrink:0;}.layout-2col .app-product-overlay{position:relative !important;bottom:auto !important;left:auto !important;padding:0 !important;background:transparent !important;color:#fff !important;display:flex !important;flex-direction:column !important;z-index:1 !important;}.layout-2col .prod-info{order:1;}.layout-2col .app-product-card h4{font-size:0.85rem !important;font-weight:500 !important;color:#374151 !important;margin:0 0 2px 0 !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important;}.layout-2col .app-product-card .price{font-size:0.95rem !important;font-weight:800 !important;color:#fff !important;margin:0 !important;}.layout-2col .app-buy-btn{order:2;margin-top:10px !important;width:100% !important;color:#fff !important;border:none !important;padding:10px !important;border-radius:12px !important;box-shadow:none !important;font-size:0.75rem !important;justify-content:center !important;}.layout-2col .app-buy-btn i{color:var(--app-primary);}.layout-2col .app-fav-btn{top:10px !important;right:10px !important;width:34px !important;height:34px !important;background:rgba(255, 255, 255, 0.95) !important;box-shadow:0 4px 10px rgba(0, 0, 0, 0.08) !important;}.layout-2col .app-grid-add-btn,.layout-2col .app-grid-info,.layout-2col .prod-desc-short{display:none !important;}.layout-grid.app-grid{grid-template-columns:repeat(2, 1fr);grid-auto-rows:180px;gap:15px 10px;padding:0 10px;}.layout-grid .app-product-card:nth-child(1){grid-row:span 2;}.layout-grid .app-product-card:nth-child(4){grid-column:span 2;}.layout-grid .app-product-card{height:100% !important;display:flex !important;flex-direction:column !important;background:transparent !important;box-shadow:none !important;border-radius:0 !important;}.layout-grid .img-container{flex:1;width:100%;border-radius:14px !important;margin-bottom:8px !important;}.layout-grid .app-product-overlay{position:relative !important;bottom:auto !important;left:auto !important;width:100% !important;padding:0 !important;background:transparent !important;color:#fff !important;display:flex !important;flex-direction:column !important;z-index:1 !important;}.layout-grid .prod-info{display:flex;flex-direction:column;}.layout-grid .app-product-card h4{font-size:0.75rem !important;font-weight:600 !important;color:#4b5563 !important;margin:0 !important;white-space:nowrap !important;overflow:hidden;text-overflow:ellipsis;}.layout-grid .app-product-card .price{font-size:0.85rem !important;font-weight:800 !important;color:#fff !important;margin:2px 0 6px 0 !important;}.layout-grid .app-buy-btn{width:100% !important;color:#fff !important;padding:8px !important;border-radius:10px !important;font-size:0.7rem !important;justify-content:center !important;margin:0 !important;}.layout-grid .app-fav-btn{top:10px !important;right:10px !important;width:28px !important;height:28px !important;background:rgba(255, 255, 255, 0.9) !important;}.layout-grid .app-grid-info,.layout-grid .app-grid-add-btn,.layout-grid .prod-desc-short{display:none !important;}.layout-list.app-grid{grid-template-columns:1fr;gap:10px;}.layout-list .app-product-card{height:110px;display:flex !important;flex-direction:row !important;align-items:center !important;background:#f9fafb !important;border:1px solid #f0f0f0 !important;border-radius:20px !important;box-shadow:none !important;}.layout-list .img-container{width:110px;height:110px;flex-shrink:0;border-radius:18px 0 0 18px;}.layout-list .app-product-overlay{position:relative !important;top:auto;left:auto;bottom:auto;width:auto;flex:1;height:100%;background:none !important;color:#fff !important;padding:0 15px !important;display:flex !important;flex-direction:row !important;align-items:center !important;justify-content:space-between !important;}.layout-list .prod-info{flex:1;text-align:left;display:flex;flex-direction:column;}.layout-list h4{font-size:0.95rem !important;color:#fff !important;font-weight:700 !important;}.layout-list .price{font-size:1rem !important;color:var(--app-primary) !important;font-weight:800 !important;margin:0 !important;}.layout-list .prod-desc-short{display:none !important;}.layout-list .app-buy-btn{position:static !important;width:42px;height:42px;padding:0 !important;border-radius:12px;margin:0 !important;display:flex !important;align-items:center !important;justify-content:center !important;}.layout-list .btn-lbl{display:none !important;}.layout-list .app-fav-btn{top:8px;left:8px;right:auto;width:26px;height:26px;background:white;}.layout-list .app-grid-add-btn,.layout-list .app-grid-info{display:none !important;}.pdp-container{display:flex;flex-direction:column;background:#fff;min-height:100%;}.pdp-gallery{width:100%;height:380px;background:#f3f4f6;overflow:hidden;}.pdp-gallery img{width:100%;height:100%;object-fit:cover;}.pdp-content{padding:25px 20px 100px;}.pdp-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;}.pdp-header h1{font-size:1.5rem;font-weight:800;}.pdp-price{font-size:1.3rem;font-weight:700;color:var(--app-primary);}.app-fav-pdp{width:48px;height:48px;background:#f9fafb;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#d1d5db;}.app-fav-pdp.active{color:#ef4444;}.pdp-desc h3,.pdp-details h3{font-size:0.9rem;font-weight:800;color:#9ca3af;text-transform:uppercase;margin-bottom:10px;}.pdp-desc p{color:#4b5563;font-size:0.95rem;line-height:1.6;margin-bottom:25px;}.pdp-details ul{list-style:none;padding:0;}.pdp-details li{padding:8px 0;border-bottom:1px solid #f3f4f6;font-size:0.9rem;color:#4b5563;}.size-chips{display:flex;gap:8px;margin-top:10px;}.chip{padding:10px 18px;border:1px solid #e5e7eb;border-radius:12px;font-size:0.85rem;font-weight:600;cursor:pointer;}.chip.active{background:var(--app-primary);color:white;border-color:var(--app-primary);}.pdp-actions{position:absolute;bottom:0;left:0;width:100%;padding:20px;background:rgba(255, 255, 255, 0.85);backdrop-filter:blur(10px);z-index:100;}.pdp-add-btn{width:100%;background:var(--app-primary);color:white;padding:18px;border:none;border-radius:18px;font-weight:800;font-size:1rem;cursor:pointer;}.header-left{cursor:pointer;}.app-bottom-nav{position:absolute;bottom:15px;left:15px;right:15px;height:70px;background:rgba(255, 255, 255, 0.98);backdrop-filter:blur(15px);border-radius:28px;display:flex;justify-content:space-around;align-items:center;box-shadow:0 10px 35px rgba(0, 0, 0, 0.1);z-index:1000;}.app-bottom-nav .nav-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;color:#9ca3af;font-size:0.6rem;cursor:pointer;}.app-bottom-nav .nav-item.active{color:var(--app-primary);}.nav-center-btn{width:60px;height:60px;background:var(--app-primary);border-radius:50% !important;display:flex;align-items:center;justify-content:center;color:white;transform:translateY(-25px);box-shadow:0 8px 20px rgba(0, 0, 0, 0.2);border:4px solid #fff;}.cart-badge-dot{position:absolute;top:-5px;right:-5px;background:#ef4444;color:white;font-size:0.6rem;min-width:16px;height:16px;border-radius:10px !important;display:flex;align-items:center;justify-content:center;border:2px solid #fff;}.customizer-panel{background:var(--card-bg);border:1px solid var(--glass-border);padding:1.5rem;border-radius:24px;margin-top:2rem;}.color-swatch{width:34px;height:34px;border-radius:50%;cursor:pointer;border:3px solid transparent;}.color-swatch.active{border-color:var(--text-main);transform:scale(1.1);}.app-toast{position:absolute;bottom:100px;left:50%;transform:translateX(-50%);background:#111;color:#fff;padding:10px 20px;border-radius:30px;font-size:0.8rem;z-index:2000;}.features-section,.about-section{padding:80px 0;}.features-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));gap:2rem;}.feature-card{background:var(--card-bg);padding:3rem 2rem;border-radius:24px;text-align:center;}.about-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;}.check-list{list-style:none;margin:2rem 0;}.check-list li{display:flex;align-items:center;gap:1rem;margin-bottom:0.8rem;color:var(--text-muted);}.visual-blob{width:300px;height:300px;background:linear-gradient(135deg, var(--primary), var(--secondary));filter:blur(70px);opacity:0.3;}.glass-footer{border-top:1px solid var(--glass-border);padding:60px 0 30px;margin-top:80px;}.footer-content{display:grid;grid-template-columns:1fr 2fr;gap:4rem;}.footer-links{display:grid;grid-template-columns:repeat(3, 1fr);gap:2rem;}.link-group a{display:block;color:var(--text-muted);text-decoration:none;margin-bottom:0.5rem;}@media (max-width:900px){.preview-grid, .about-content, .footer-content{grid-template-columns:1fr;}.footer-links{grid-template-columns:1fr 1fr;}}.cart-screen{padding:20px;background:#fff;min-height:100%;}.cart-header{margin-bottom:25px;}.cart-header h2{font-size:1.5rem;font-weight:800;}.cart-count{font-size:0.85rem;color:#9ca3af;}.cart-items{display:flex;flex-direction:column;gap:20px;margin-bottom:30px;}.cart-item{display:flex;gap:15px;padding-bottom:20px;border-bottom:1px solid #f3f4f6;}.cart-item-img{width:90px;height:110px;background-size:cover;background-position:center;border-radius:12px;flex-shrink:0;}.cart-item-info{flex:1;display:flex;flex-direction:column;justify-content:space-between;}.cart-item-header{display:flex;justify-content:space-between;align-items:flex-start;}.cart-item-header h4{font-size:0.95rem;font-weight:600;color:#111;line-height:1.2;}.cart-remove{background:none;border:none;color:#9ca3af;cursor:pointer;padding:0;}.cart-item-variants{font-size:0.75rem;color:#6b7280;margin:4px 0;}.cart-item-footer{display:flex;justify-content:space-between;align-items:center;}.cart-item-footer .price{font-weight:800;color:#111;}.quantity-selector{display:flex;align-items:center;gap:12px;background:#f9fafb;padding:4px 12px;border-radius:8px;font-size:0.8rem;font-weight:600;}.cart-footer{padding-top:20px;}.cart-summary{background:#f9fafb;padding:20px;border-radius:20px;margin-bottom:20px;}.summary-line{display:flex;justify-content:space-between;margin-bottom:12px;font-size:0.9rem;color:#6b7280;}.summary-line.total{margin-top:15px;padding-top:15px;border-top:1px dashed #d1d5db;color:#111;font-weight:800;font-size:1.1rem;}.free-text{color:#10b981;font-weight:700;}.checkout-btn{width:100%;background:var(--app-primary);color:white;border:none;padding:18px;border-radius:20px;font-weight:800;display:flex;justify-content:center;align-items:center;gap:10px;cursor:pointer;box-shadow:0 10px 25px rgba(0, 0, 0, 0.1);}.favs-screen{padding-bottom:100px;background:var(--bg-main);min-height:100%;}.favs-header-container{padding:24px 20px 12px;}.favs-header-container h2{font-size:1.75rem;margin-bottom:4px;}.glass-panel{background:rgba(255, 255, 255, 0.95);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(0, 0, 0, 0.06);padding:12px 20px;display:flex;justify-content:space-between;align-items:center;position:sticky;top:60px;z-index:80;box-shadow:0 4px 20px rgba(0, 0, 0, 0.02);width:100%;box-sizing:border-box;}[data-theme='dark'] .glass-panel{background:rgba(30, 41, 59, 0.9);border-bottom:1px solid rgba(255, 255, 255, 0.05);}.custom-check-wrap{display:flex;align-items:center;gap:12px;cursor:pointer;user-select:none;position:relative;padding:4px 0;flex:1;min-width:0;margin-right:8px;}.custom-check-wrap input{position:absolute;opacity:0;height:0;width:0;}.checkmark{position:relative;height:24px;width:24px;background-color:var(--bg-card);border:2px solid var(--text-muted);border-radius:50%;transition:all 0.2s cubic-bezier(0.34, 1.56, 0.64, 1);flex-shrink:0;}.custom-check-wrap:hover .checkmark{border-color:var(--primary);}.custom-check-wrap input:checked~.checkmark{background-color:var(--primary);border-color:var(--primary);transform:scale(1.05);box-shadow:0 2px 8px rgba(99, 102, 241, 0.3);}.checkmark:after{content:"";position:absolute;display:none;left:8px;top:4px;width:5px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg);}.custom-check-wrap input:checked~.checkmark:after{display:block;}.label-text{font-size:0.95rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.favs-bulk-actions{display:flex;align-items:center;gap:8px;flex-shrink:0;margin-left:auto;}.btn-bulk-action{display:flex;align-items:center;justify-content:center;border:none;border-radius:99px;cursor:pointer;transition:all 0.2s;font-family:inherit;font-weight:600;height:36px;}.btn-add{background:var(--primary);color:white;padding:0 16px;gap:8px;font-size:0.85rem;box-shadow:0 4px 12px rgba(99, 102, 241, 0.25);}.btn-add:active{transform:scale(0.96);}.btn-delete{background:#fee2e2;color:#ef4444;padding:0;width:36px;}.btn-delete i{width:18px;height:18px;}.favs-grid{padding:16px 20px;display:flex;flex-direction:column;gap:12px;}@media (max-width:380px){.label-text{font-size:0.85rem;}.btn-add span{display:none;}.btn-add{padding:0;width:36px;border-radius:50%;justify-content:center;}.fav-single-add-btn span{display:none;}.fav-single-add-btn{padding:6px;width:32px;height:32px;justify-content:center;}}.profile-screen{padding:20px;background:#f9fafb;min-height:100%;}.profile-header{display:flex;align-items:center;gap:20px;background:#fff;padding:25px;border-radius:24px;margin-bottom:30px;box-shadow:0 4px 15px rgba(0, 0, 0, 0.03);}.profile-avatar{width:60px;height:60px;background:var(--app-primary);color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.2rem;}.profile-info h3{font-size:1.1rem;font-weight:800;margin-bottom:4px;}.profile-info p{font-size:0.8rem;color:#6b7280;}.profile-menu{background:#fff;border-radius:24px;overflow:hidden;margin-bottom:30px;}.profile-menu-item{display:flex;align-items:center;padding:18px 20px;gap:15px;border-bottom:1px solid #f9fafb;cursor:pointer;}.profile-menu-item:last-child{border-bottom:none;}.menu-icon{width:40px;height:40px;background:#f3f4f6;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#4b5563;}.menu-text{flex:1;font-size:0.95rem;font-weight:600;color:#111;}.logout-btn{width:100%;background:#fff;color:#ef4444;border:1px solid rgba(239, 68, 68, 0.1);padding:18px;border-radius:20px;font-weight:700;font-size:0.95rem;cursor:pointer;}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;}.empty-state p{margin-top:15px;color:#6b7280;font-weight:500;}.connect-form{display:flex;flex-direction:column;gap:2.5rem;}.plugin-download-zone{background:linear-gradient(135deg, rgba(99, 102, 241, 0.05), rgba(168, 85, 247, 0.1));border:1px solid var(--primary-glow);padding:24px;border-radius:24px;display:flex;justify-content:space-between;align-items:center;gap:20px;}.plugin-info{display:flex;align-items:center;gap:15px;}.plugin-icon{width:48px;height:48px;color:var(--primary);background:#fff;padding:10px;border-radius:14px;box-shadow:0 4px 12px rgba(0, 0, 0, 0.05);}.plugin-info h4{font-size:1rem;font-weight:800;margin-bottom:2px;}.plugin-info p{font-size:0.8rem;color:var(--text-muted);}.btn-download-plugin{background:var(--text-main);color:#fff;border:none;padding:12px 20px;border-radius:12px;font-weight:700;font-size:0.9rem;display:flex;align-items:center;gap:8px;cursor:pointer;transition:transform 0.2s;white-space:nowrap;}.btn-download-plugin:hover{transform:translateY(-2px);}.api-credentials{display:flex;flex-direction:column;gap:1.5rem;}.hidden{display:none !important;}.form-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:end;}@media (max-width:1200px){.form-grid-2{grid-template-columns:1fr;}}.connection-flow-container{display:flex;flex-direction:column;gap:2rem;}.connect-method.recommended{background:linear-gradient(135deg, rgba(99, 102, 241, 0.05), rgba(168, 85, 247, 0.08));border:2px solid var(--primary);border-radius:28px;padding:30px;position:relative;box-shadow:0 15px 35px rgba(99, 102, 241, 0.1);}.method-badge{position:absolute;top:-12px;right:30px;background:var(--primary);color:white;padding:4px 14px;border-radius:100px;font-size:0.7rem;font-weight:800;text-transform:uppercase;letter-spacing:1px;}.method-header{display:flex;align-items:center;gap:20px;margin-bottom:25px;}.method-icon{width:54px;height:54px;background:white;border-radius:16px;display:flex;align-items:center;justify-content:center;color:var(--primary);box-shadow:0 8px 20px rgba(0, 0, 0, 0.05);}.method-title h4{font-size:1.1rem;font-weight:800;}.method-title p{font-size:0.85rem;color:var(--text-muted);}.url-input-wrapper{display:flex;align-items:center;background:white;border:1px solid var(--glass-border);border-radius:14px;overflow:hidden;margin-top:8px;}.url-input-wrapper span{padding:0 15px;color:var(--text-muted);font-weight:600;font-size:0.9rem;background:var(--card-bg);height:54px;display:flex;align-items:center;}.url-input-wrapper input{border:none !important;background:transparent !important;}.connection-actions{display:flex;flex-direction:column;gap:15px;margin-top:25px;}.btn-primary-glow{background:var(--primary);color:white;border:none;padding:16px;border-radius:16px;font-weight:800;font-size:1rem;display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;box-shadow:0 10px 25px var(--primary-glow);transition:transform 0.2s;}.btn-primary-glow:hover{transform:translateY(-2px);}.separator-text{text-align:center;font-size:0.7rem;font-weight:800;color:var(--text-muted);letter-spacing:1.5px;position:relative;}.btn-outline-premium{background:transparent;color:var(--text-main);border:1px solid var(--glass-border);padding:14px;border-radius:14px;font-weight:700;font-size:0.9rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;}.security-info{margin-top:20px;text-align:center;font-size:0.75rem;color:var(--text-muted);display:flex;align-items:center;justify-content:center;gap:6px;}.manual-toggle-area{border-top:1px solid var(--glass-border);padding-top:1.5rem;}.btn-text-toggle{background:none;border:none;color:var(--text-muted);font-weight:600;font-size:0.9rem;display:flex;align-items:center;gap:8px;cursor:pointer;}.manual-form{margin-top:1.5rem;padding:20px;background:var(--card-bg);border-radius:20px;animation:slideDown 0.3s ease;}@keyframes slideDown{from{opacity:0;transform:translateY(-10px);}to{opacity:1;transform:translateY(0);}}.api-credentials-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;}.sync-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:20px;text-align:center;}.spinner-premium{width:50px;height:50px;border:4px solid rgba(99, 102, 241, 0.1);border-top:4px solid var(--primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px;}@keyframes spin{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}.spin{animation:spin 1s linear infinite !important;display:inline-block;}.sync-loading p{font-size:0.9rem;font-weight:700;color:var(--text-muted);}.connection-methods-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;}.connect-option-card{background:white;border:1px solid var(--glass-border);border-radius:24px;padding:24px;display:flex;flex-direction:column;gap:1.5rem;transition:all 0.3s;}.connect-option-card:hover{border-color:var(--primary);box-shadow:0 10px 30px rgba(0, 0, 0, 0.05);}.option-icon{width:48px;height:48px;background:var(--primary-glow);color:var(--primary);border-radius:12px;display:flex;align-items:center;justify-content:center;}.option-text h4{font-size:1.1rem;margin-bottom:5px;}.option-text p{font-size:0.85rem;color:var(--text-muted);}.api-instructions-mini{background:var(--card-bg);padding:15px;border-radius:14px;border:1px dashed var(--glass-border);}.api-instructions-mini h5{font-size:0.8rem;margin-bottom:8px;text-transform:uppercase;letter-spacing:0.5px;}.api-instructions-mini ol{padding-left:18px;font-size:0.8rem;color:var(--text-main);display:flex;flex-direction:column;gap:5px;}.api-form-simple{margin-top:auto;display:flex;flex-direction:column;gap:1rem;}.api-keys-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;}@media (max-width:992px){.connection-methods-grid{grid-template-columns:1fr;}}.plugin-steps{background:var(--card-bg);padding:15px;border-radius:14px;margin-bottom:10px;}.plugin-steps h6{font-size:0.8rem;margin-bottom:8px;color:var(--text-main);text-transform:uppercase;}.plugin-steps ul{list-style:none;font-size:0.8rem;color:var(--text-muted);display:flex;flex-direction:column;gap:5px;}.plugin-actions-stack{margin-top:auto;}.connection-top-area{margin-bottom:1.5rem;padding:20px;background:var(--card-bg);border-radius:20px;border:1px solid var(--glass-border);}.help-tooltip{position:relative;display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;background:var(--primary-glow);color:var(--primary);border-radius:50%;font-size:0.7rem;cursor:help;margin-left:8px;}.help-tooltip .tooltip-content{visibility:hidden;width:280px;background-color:var(--text-main);color:#fff;text-align:left;border-radius:12px;padding:15px;position:absolute;z-index:100;bottom:125%;left:50%;transform:translateX(-50%);opacity:0;transition:opacity 0.3s;font-size:0.75rem;line-height:1.4;box-shadow:0 10px 30px rgba(0, 0, 0, 0.2);pointer-events:none;}.help-tooltip:hover .tooltip-content{visibility:visible;opacity:1;}.tooltip-content h6{color:var(--primary-glow);margin-bottom:8px;font-size:0.8rem;text-transform:uppercase;}.tooltip-content ul,.tooltip-content ol{padding-left:15px;}.connect-option-card{padding:20px !important;gap:1rem !important;}.api-instructions-mini,.plugin-steps{display:none;}.card-title-flex{display:flex;align-items:center;justify-content:space-between;}.connection-flow-top{background:var(--card-bg);border:1px solid var(--glass-border);border-radius:20px;padding:24px;margin-bottom:2rem;}.help-icon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;background:var(--primary-glow);color:var(--primary);border-radius:50%;font-size:12px;cursor:help;position:relative;margin-left:6px;}.help-icon:hover::after{content:attr(data-tooltip);position:absolute;bottom:125%;left:50%;transform:translateX(-50%);background:#1a1a1a;color:white;padding:12px;border-radius:8px;font-size:12px;width:250px;white-space:normal;z-index:1000;box-shadow:0 10px 30px rgba(0, 0, 0, 0.3);pointer-events:none;line-height:1.4;}.help-icon:hover::before{content:'';position:absolute;bottom:110%;left:50%;transform:translateX(-50%);border:8px solid transparent;border-top-color:#1a1a1a;z-index:1000;}.plugin-actions-container{display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:15px;align-items:flex-end;}@media (max-width:768px){.plugin-actions-container{grid-template-columns:1fr;}}.connection-methods-grid{display:flex;flex-direction:column;gap:2rem;}.method-card{background:white;border:1px solid var(--glass-border);border-radius:24px;padding:28px;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);}.method-card:hover{border-color:var(--primary);box-shadow:0 20px 40px rgba(0, 0, 0, 0.06);transform:translateY(-2px);}.method-header{display:flex;align-items:center;gap:15px;margin-bottom:20px;}.method-header i{width:44px;height:44px;background:var(--primary-glow);color:var(--primary);border-radius:12px;display:flex;align-items:center;justify-content:center;}.method-header h4{margin:0;font-size:1.2rem;}.method-header p{margin:3px 0 0;font-size:0.85rem;color:var(--text-muted);}.connection-divider{display:flex;align-items:center;text-align:center;margin:1.5rem 0;color:var(--text-muted);font-size:0.8rem;font-weight:500;text-transform:uppercase;letter-spacing:1px;}.connection-divider::before,.connection-divider::after{content:'';flex:1;border-bottom:1px solid var(--glass-border);}.connection-divider:not(:empty)::before{margin-right:1.5rem;}.connection-divider:not(:empty)::after{margin-left:1.5rem;}.help-text-link{display:inline-flex;align-items:center;gap:4px;font-size:0.75rem;color:var(--primary);cursor:help;margin-left:auto;font-weight:500;transition:opacity 0.2s;}.help-text-link:hover{opacity:0.8;}.method-card.recommended{border-color:var(--primary-glow);background:linear-gradient(to bottom right, #fff, var(--primary-glow));}.badge-recommended{background:var(--primary);color:white;font-size:0.65rem;padding:2px 8px;border-radius:20px;margin-left:10px;text-transform:uppercase;}.plugin-actions-container{display:flex !important;align-items:flex-end;gap:12px;width:100%;}.plugin-actions-container .btn-primary-glow,.plugin-actions-container .btn-primary,.plugin-actions-container .btn-outline-premium{height:46px !important;display:flex;align-items:center;justify-content:center;white-space:nowrap;padding:0 20px;flex:1;margin:0 !important;}.plugin-actions-container .input-group{flex:2;margin-bottom:0 !important;}.plugin-actions-container .premium-input{height:46px !important;font-size:0.85rem !important;}.method-card{border:2px solid var(--glass-border) !important;}.method-card.recommended{border-color:var(--primary) !important;box-shadow:0 15px 35px rgba(139, 92, 246, 0.1) !important;}.connection-methods-grid{display:flex;flex-direction:column;gap:1.5rem;}.method-card{background:#fff;border:1px solid var(--glass-border);border-radius:20px;overflow:hidden;transition:all 0.4s cubic-bezier(0.4, 0, 0.2, 1);}.method-card.recommended{border:2px solid var(--primary);box-shadow:0 10px 30px rgba(139, 92, 246, 0.08);}.method-inner{padding:24px;}.method-header-row{display:flex;align-items:center;gap:18px;margin-bottom:24px;}.method-icon-box{width:50px;height:50px;background:var(--primary-glow);color:var(--primary);border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0;}.method-info h4{margin:0;font-size:1.15rem;display:flex;align-items:center;gap:10px;}.method-info p{margin:4px 0 0;font-size:0.85rem;color:var(--text-muted);}.action-bar-unified{display:flex;background:#f8f9fc;border-radius:14px;padding:8px;gap:8px;align-items:center;border:1px solid #eee;}.action-bar-unified .btn-download{background:#fff;border:1px solid #e0e0e0;color:#444;height:44px;padding:0 16px;border-radius:10px;font-size:0.85rem;font-weight:500;display:flex;align-items:center;gap:8px;white-space:nowrap;cursor:pointer;transition:all 0.2s;}.action-bar-unified .btn-download:hover{background:#f0f0f1;border-color:#ccc;}.action-bar-unified .input-container{flex:1;position:relative;}.action-bar-unified input{width:100%;height:44px;border:1px solid transparent;background:transparent;padding:0 12px;font-size:0.9rem;outline:none;font-family:inherit;}.action-bar-unified .btn-sync{background:var(--primary);color:white;height:44px;padding:0 20px;border:none;border-radius:10px;font-size:0.85rem;font-weight:600;display:flex;align-items:center;gap:8px;cursor:pointer;box-shadow:0 4px 12px rgba(139, 92, 246, 0.2);transition:all 0.3s;white-space:nowrap;}.action-bar-unified .btn-sync:hover{background:var(--primary-dark);transform:translateY(-1px);box-shadow:0 6px 15px rgba(139, 92, 246, 0.3);}.action-bar-unified .btn-sync i{width:16px;height:16px;}.help-pill{font-size:0.75rem;color:var(--primary);background:var(--primary-glow);padding:4px 10px;border-radius:100px;cursor:help;font-weight:500;margin-left:auto;}.action-bar-unified{display:flex !important;background:#f8f9fc !important;border-radius:14px !important;padding:8px !important;gap:10px !important;align-items:center !important;border:1px solid #e2e8f0 !important;box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.02) !important;}.btn-download,.btn-sync{height:44px !important;border-radius:10px !important;font-size:0.85rem !important;font-weight:600 !important;display:flex !important;align-items:center !important;gap:8px !important;white-space:nowrap !important;transition:all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;}.btn-download{background:#fff !important;border:1px solid #cbd5e1 !important;color:#334155 !important;padding:0 16px !important;}.btn-download:hover{background:#f1f5f9 !important;border-color:#94a3b8 !important;}.btn-sync{background:var(--primary) !important;color:white !important;padding:0 20px !important;border:none !important;box-shadow:0 4px 12px rgba(139, 92, 246, 0.2) !important;}.btn-sync:hover{filter:brightness(1.1) !important;transform:translateY(-1px) !important;box-shadow:0 6px 15px rgba(139, 92, 246, 0.3) !important;}.action-bar-unified .input-container{flex:1 !important;}.action-bar-unified input{width:100% !important;height:44px !important;background:transparent !important;border:none !important;padding:0 12px !important;font-size:0.9rem !important;outline:none !important;}.favs-bulk-actions{opacity:0;pointer-events:none;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);}.favs-bulk-actions.visible{opacity:1;transform:translateY(0);pointer-events:auto;}.fav-card{background:#ffffff;border-radius:22px;padding:12px 16px;margin-bottom:8px;display:grid;grid-template-columns:40px 72px 1fr 40px;align-items:center;gap:16px;border:1px solid #f1f5f9;box-shadow:0 4px 15px rgba(0, 0, 0, 0.02);position:relative;transition:all 0.3s ease;}.fav-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(0, 0, 0, 0.05);}.fav-select-overlay{display:flex;align-items:center;justify-content:center;}.fav-card-content{display:contents;}.fav-img{width:72px;height:90px;border-radius:14px;background-size:cover;background-position:center;background-color:#f8fafc;}.fav-info{display:flex;flex-direction:column;gap:2px;padding-left:4px;}.fav-info h4{font-size:1rem;font-weight:800;margin:0;color:#0f172a;line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}.fav-info .price{font-size:0.95rem;font-weight:700;color:var(--app-primary);margin-top:4px;}.fav-card-actions{display:flex;flex-direction:column;gap:8px;align-items:flex-end;}.fav-single-add-btn,.fav-remove-icon{width:36px;height:36px;border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.2s;border:none;}.fav-single-add-btn{background:#f8fafc;color:var(--app-primary);}.fav-single-add-btn:hover{background:var(--app-primary);color:white;}.fav-remove-icon{background:transparent;color:#94a3b8;}.fav-remove-icon:hover{color:#ef4444;background:#fff1f2;}.progress-bar-container{background:#eff6ff;border-radius:12px;overflow:hidden;height:44px;margin-top:20px;}.progress-bar-fill{height:100%;background:linear-gradient(90deg, #6366f1, #06b6d4);display:flex;align-items:center;justify-content:center;color:white;font-weight:700;font-size:0.85rem;transition:width 0.4s ease;}[data-theme='dark'] .layout-grid .app-product-card h4,[data-theme='dark'] .layout-list .app-product-card h4,[data-theme='dark'] .fav-info h4,[data-theme='dark'] .cart-item-header h4{color:#f3f4f6 !important;}[data-theme='dark'] .layout-grid .app-product-card .price,[data-theme='dark'] .layout-list .app-product-card .price,[data-theme='dark'] .fav-info .price,[data-theme='dark'] .cart-item-footer .price{color:#ffffff !important;text-shadow:0 0 10px rgba(255, 255, 255, 0.1);}[data-theme='dark'] .label-text{color:#e5e7eb !important;}[data-theme='dark'] .favs-header p,[data-theme='dark'] .cart-count{color:#9ca3af !important;}[data-theme='dark'] .pdp-container,[data-theme='dark'] .cart-screen,[data-theme='dark'] .favs-screen,[data-theme='dark'] .profile-screen{background-color:var(--bg-main) !important;}[data-theme='dark'] .pdp-header h1,[data-theme='dark'] .pdp-desc p,[data-theme='dark'] .pdp-details li{color:#e5e7eb !important;}[data-theme='dark'] .pdp-actions,[data-theme='dark'] .app-bottom-nav{background:rgba(30, 41, 59, 0.95) !important;border-top:1px solid rgba(255, 255, 255, 0.05);}.global-toast{position:fixed;bottom:40px;left:50%;transform:translateX(-50%);background:#1e293b;color:white;padding:14px 28px;border-radius:12px;box-shadow:0 10px 40px rgba(0, 0, 0, 0.25), 0 0 0 1px rgba(255, 255, 255, 0.1);z-index:10000;display:flex;align-items:center;gap:12px;font-size:0.95rem;font-weight:500;max-width:90%;width:max-content;border-left:4px solid var(--primary);}.global-toast i{color:var(--primary);stroke-width:2.5px;}.help-pill[data-tooltip]{position:relative;cursor:help;display:inline-block;}.help-pill[data-tooltip]::after{content:attr(data-tooltip);position:absolute;bottom:110%;left:50%;transform:translateX(-50%);background:#1f2937;color:white;padding:10px 14px;border-radius:8px;font-size:0.85rem;font-weight:500;line-height:1.4;width:280px;max-width:90vw;text-align:left;white-space:normal;opacity:0;pointer-events:none;transition:all 0.2s ease;box-shadow:0 4px 15px rgba(0, 0, 0, 0.15);z-index:1000;}.help-pill[data-tooltip]::before{content:'';position:absolute;bottom:100%;left:50%;transform:translateX(-50%);border:6px solid transparent;border-top-color:#1f2937;opacity:0;pointer-events:none;transition:all 0.2s ease;z-index:1000;}.help-pill[data-tooltip]:hover::after,.help-pill[data-tooltip]:hover::before{opacity:1;bottom:120%;}.help-pill[data-tooltip]{position:relative;}.help-pill[data-tooltip]::after{bottom:auto !important;top:140% !important;left:auto !important;right:0 !important;transform:none !important;width:260px;z-index:99999;}.help-pill[data-tooltip]::before{bottom:auto !important;top:100% !important;left:80% !important;border-top-color:transparent !important;border-bottom-color:#1f2937 !important;}.breadcrumb-nav{display:flex !important;align-items:center !important;gap:12px !important;margin-bottom:30px !important;padding-bottom:15px !important;border-bottom:1px solid #f1f5f9 !important;}.breadcrumb-item{display:flex !important;align-items:center !important;gap:6px !important;font-size:0.9rem !important;color:#94a3b8 !important;font-weight:600 !important;}.breadcrumb-item.active{color:#6366f1 !important;font-weight:700 !important;}.breadcrumb-separator{color:#cbd5e1 !important;display:flex !important;align-items:center !important;}.header-main-row{display:flex;align-items:center;justify-content:space-between;width:100%;padding:0 5px;}.header-actions-left,.header-actions-right{display:flex;align-items:center;gap:8px;}.header-btn{background:rgba(243, 244, 246, 0.8);border:none;width:38px;height:38px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#4b5563;cursor:pointer;transition:all 0.2s cubic-bezier(0.4, 0, 0.2, 1);backdrop-filter:blur(8px);}.header-btn:active{transform:scale(0.9);}.app-shell.theme-dark .header-btn{background:rgba(255, 255, 255, 0.1);color:#e5e7eb;}.app-drawer-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.4);backdrop-filter:blur(4px);z-index:2000;opacity:0;visibility:hidden;transition:all 0.4s cubic-bezier(0.4, 0, 0.2, 1);border-radius:45px;overflow:hidden;}.app-drawer-overlay.active{opacity:1;visibility:visible;}.app-drawer{position:absolute;top:0;left:-85%;width:85%;height:100%;background:#ffffff;z-index:2001;transition:all 0.4s cubic-bezier(0.4, 0, 0.2, 1);padding:25px 20px;display:flex;flex-direction:column;box-shadow:20px 0 50px rgba(0, 0, 0, 0.1);}.theme-dark .app-drawer{background:#111827;color:#f9fafb;}.app-drawer.active{left:0;}.drawer-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;padding-bottom:15px;border-bottom:1.5px solid #f1f5f9;}.theme-dark .drawer-header{border-bottom-color:rgba(255, 255, 255, 0.1);}.drawer-header h3{font-size:1.25rem;font-weight:800;background:linear-gradient(135deg, var(--app-primary), #6366f1);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}.close-drawer{background:#f1f5f9;border:none;width:32px;height:32px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#64748b;cursor:pointer;}.theme-dark .close-drawer{background:rgba(255, 255, 255, 0.1);color:#cbd5e1;}.drawer-content{flex:1;overflow-y:auto;padding-right:5px;}.drawer-content::-webkit-scrollbar{width:4px;}.drawer-content::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:10px;}.drawer-category-group{margin-bottom:12px;}.drawer-cat-main{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;background:#f8fafc;border-radius:14px;font-weight:700;font-size:0.95rem;cursor:pointer;transition:all 0.2s;}.drawer-cat-main:hover{background:#f1f5f9;}.theme-dark .drawer-cat-main{background:rgba(255, 255, 255, 0.05);}.drawer-cat-main span{flex:1;}.drawer-subcats{padding-left:20px;margin-top:8px;display:flex;flex-direction:column;gap:4px;}.drawer-subcat-item{padding:10px 14px;font-size:0.85rem;color:#64748b;cursor:pointer;border-radius:8px;transition:all 0.2s;}.theme-dark .drawer-subcat-item{color:#94a3b8;}.drawer-subcat-item:hover{background:rgba(99, 102, 241, 0.05);color:var(--app-primary);padding-left:18px;}.drawer-empty{text-align:center;padding:40px 20px;color:#94a3b8;}.drawer-empty i{opacity:0.3;margin-bottom:10px;}.mobile-menu-btn{display:none;background:var(--card-bg);border:1px solid var(--glass-border);padding:8px;border-radius:10px;color:var(--text-main);cursor:pointer;align-items:center;justify-content:center;transition:all 0.3s;}.mobile-menu-btn:hover{background:var(--glass-border);}.hide-mobile{display:inline-flex;}@media (max-width:768px){.hide-mobile{display:none !important;}.mobile-menu-btn{display:flex;}.nav-links{position:fixed;top:80px;left:0;width:100%;height:0;background:var(--nav-bg);backdrop-filter:blur(20px);flex-direction:column;gap:0 !important;overflow:hidden;transition:all 0.4s cubic-bezier(0.4, 0, 0.2, 1);border-bottom:0px solid var(--glass-border);z-index:999;}.nav-links.active{height:auto;padding:20px 0 40px;border-bottom:1px solid var(--glass-border);}.nav-links li{width:100%;text-align:center;opacity:0;transform:translateY(-10px);transition:all 0.3s;}.nav-links.active li{opacity:1;transform:translateY(0);padding-top:20px;}.nav-links.active li:nth-child(1){transition-delay:0.1s;}.nav-links.active li:nth-child(2){transition-delay:0.2s;}.nav-links.active li:nth-child(3){transition-delay:0.3s;}}@media (max-width:480px){.logo{font-size:1.25rem;}}.build-action-container{padding:24px;background:linear-gradient(to bottom, transparent, rgba(99, 102, 241, 0.05));border-top:1px solid var(--glass-border);}.btn-build-premium{position:relative;width:100%;padding:20px;background:linear-gradient(135deg, var(--primary), #4f46e5);border:none;border-radius:18px;color:white;cursor:pointer;overflow:hidden;transition:all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);box-shadow:0 10px 25px rgba(99, 102, 241, 0.4);}.btn-build-premium:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 15px 35px rgba(99, 102, 241, 0.5);background:linear-gradient(135deg, #7c3aed, var(--primary));}.btn-build-premium:active{transform:scale(0.98);}.btn-build-content{display:flex;align-items:center;justify-content:center;gap:15px;position:relative;z-index:2;}.btn-build-content i{width:28px;height:28px;filter:drop-shadow(0 2px 4px rgba(0, 0, 0, 0.2));}.btn-build-text{display:flex;flex-direction:column;align-items:flex-start;}.btn-build-text strong{font-size:1.25rem;font-weight:800;letter-spacing:-0.5px;}.btn-build-text span{font-size:0.85rem;opacity:0.9;font-weight:500;}.btn-build-shimmer{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg, transparent, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.1), transparent);transform:rotate(45deg);animation:buildShimmer 3s infinite;}@keyframes buildShimmer{0%{transform:translateX(-100%) rotate(45deg);}100%{transform:translateX(100%) rotate(45deg);}}.build-validation-error{background:rgba(239, 68, 68, 0.1);color:#ef4444;padding:12px 16px;border-radius:12px;margin-bottom:15px;font-size:0.85rem;display:flex;align-items:center;gap:10px;border:1px solid rgba(239, 68, 68, 0.2);animation:slideInDown 0.3s ease-out;}.btn-build-premium.disabled{background:#cbd5e1 !important;cursor:not-allowed;box-shadow:none !important;transform:none !important;opacity:0.7;}.btn-build-premium.disabled .btn-build-shimmer{display:none;}@keyframes slideInDown{from{opacity:0;transform:translateY(-10px);}to{opacity:1;transform:translateY(0);}}.header-sync-indicator{display:flex;align-items:center;justify-content:center;width:32px;height:32px;}.spinner-mini{width:18px;height:18px;border:2px solid rgba(0, 0, 0, 0.1);border-top:2px solid var(--app-primary);border-radius:50% !important;animation:spin 1s linear infinite;}.premium-loader{width:48px;height:48px;border:4px solid rgba(99, 102, 241, 0.1);border-top:4px solid var(--app-primary, #6366f1);border-radius:50% !important;animation:premium-spin 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;position:relative;box-shadow:0 0 15px rgba(99, 102, 241, 0.1);}.premium-loader::after{content:'';position:absolute;inset:-4px;border-radius:50%;border:4px solid transparent;border-bottom:4px solid rgba(168, 85, 247, 0.4);animation:premium-spin-reverse 2s linear infinite;}@keyframes premium-spin{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}@keyframes premium-spin-reverse{0%{transform:rotate(360deg);}100%{transform:rotate(0deg);}}.checker-loader, .spinner-mini, .loading-spinner, .spinner, .spinner-tiny, .payment-spinner, .pdp-loader .spinner-tiny{border-radius:50% !important;}body.is-native-app,body.is-native-app .builder-layout{display:block !important;width:100vw !important;height:100vh !important;margin:0 !important;padding:0 !important;overflow:hidden;background:var(--bg);}body.is-native-app .phone-preview-col.standalone,body.is-native-app .phone-frame.standalone{width:100% !important;height:100% !important;border:none !important;border-radius:0 !important;box-shadow:none !important;padding:0 !important;margin:0 !important;max-width:none !important;}body.is-native-app .phone-screen{height:100% !important;}body.is-native-app .glass-nav,body.is-native-app .hero,body.is-native-app .features-section,body.is-native-app .about-section,body.is-native-app footer,body.is-native-app .glow-bg{display:none !important;}body.is-native-app,body.is-native-app .builder-layout{display:block !important;width:100vw !important;height:100vh !important;margin:0 !important;padding:0 !important;overflow:hidden;background:var(--bg);}body.is-native-app .phone-preview-col.standalone,body.is-native-app .phone-frame.standalone{width:100% !important;height:100% !important;border:none !important;border-radius:0 !important;box-shadow:none !important;padding:0 !important;margin:0 !important;max-width:none !important;}body.is-native-app .phone-screen{height:100% !important;}body.is-native-app .glass-nav,body.is-native-app .hero,body.is-native-app .features-section,body.is-native-app .about-section,body.is-native-app footer,body.is-native-app .glow-bg{display:none !important;}.cta-banner-premium{background:linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);border:1px solid rgba(0, 0, 0, 0.05);border-radius:32px;padding:80px 40px;text-align:center;position:relative;overflow:hidden;box-shadow:0 20px 50px rgba(0, 0, 0, 0.05), 0 5px 15px rgba(0, 0, 0, 0.02);margin-top:40px;}.cta-banner-premium::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle, rgba(99, 102, 241, 0.03) 0%, transparent 70%);z-index:0;}.cta-content{position:relative;z-index:1;max-width:800px;margin:0 auto;}.cta-badge{display:inline-block;padding:8px 16px;background:rgba(99, 102, 241, 0.1);color:#6366f1;border-radius:100px;font-weight:600;font-size:0.9rem;margin-bottom:24px;letter-spacing:0.5px;text-transform:uppercase;}.cta-banner-premium h2{font-size:3rem;font-weight:800;color:#0f172a;margin-bottom:20px;line-height:1.1;}.cta-banner-premium p{font-size:1.25rem;color:#475569;margin-bottom:40px;line-height:1.6;}.cta-actions{display:flex;gap:20px;justify-content:center;}.btn-glow{position:relative;box-shadow:0 10px 25px rgba(99, 102, 241, 0.3);transition:all 0.3s ease;}.btn-glow:hover{transform:translateY(-3px);box-shadow:0 15px 35px rgba(99, 102, 241, 0.4);}@media (max-width:768px){.cta-banner-premium{padding:50px 20px;}.cta-banner-premium h2{font-size:2.2rem;}.cta-actions{flex-direction:column;}}.highlight-link{color:var(--primary) !important;font-weight:600;}.highlight-link:hover{text-decoration:underline;}.wizard-stepper{display:flex;justify-content:space-between;margin-bottom:40px;position:relative;max-width:600px;margin-left:auto;margin-right:auto;}.wizard-stepper::before{content:'';position:absolute;top:20px;left:0;right:0;height:2px;background:#e2e8f0;z-index:0;}.step-item{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:10px;flex:1;}.step-number{width:40px;height:40px;background:#fff;border:2px solid #e2e8f0;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;color:#64748b;transition:all 0.3s ease;}.step-item.active .step-number{border-color:var(--primary);color:var(--primary);box-shadow:0 0 15px rgba(99, 102, 241, 0.2);}.step-item.completed .step-number{background:var(--primary);border-color:var(--primary);color:#fff;}.step-label{font-size:0.85rem;font-weight:600;color:#64748b;}.step-item.active .step-label{color:var(--primary);}.template-product-card{background:#fff;border-radius:20px;overflow:hidden;border:1px solid rgba(0, 0, 0, 0.05);transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);cursor:pointer;position:relative;max-width:200px;width:100%;}.template-product-card:hover{transform:translateY(-5px);box-shadow:0 15px 30px rgba(0, 0, 0, 0.08);}.template-product-card.selected{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary);}.template-visual-wrapper{aspect-ratio:9/16;background:#f1f5f9;position:relative;overflow:hidden;}.template-visual-wrapper img{width:100%;height:100%;object-fit:cover;}.template-info-overlay{padding:12px;background:#fff;border-top:1px solid #f1f5f9;}.template-info-overlay h4{margin:0;font-size:0.9rem;font-weight:800;color:#0f172a;}.template-info-overlay p{margin:2px 0 0;font-size:0.7rem;color:#64748b;}.template-select-badge{position:absolute;top:15px;right:15px;background:var(--primary);color:#fff;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(0.5);transition:all 0.3s ease;}.template-product-card.selected .template-select-badge{opacity:1;transform:scale(1);}.wizard-controls{display:flex;justify-content:space-between;margin-top:30px;padding-top:20px;border-top:1px solid #f1f5f9;}.btn-wizard-next{background:var(--primary);color:#fff;padding:12px 24px;border-radius:12px;font-weight:600;display:flex;align-items:center;gap:8px;cursor:pointer;border:none;transition:all 0.3s ease;}.btn-wizard-next:hover{background:var(--primary-dark, #4f46e5);transform:translateX(3px);}.btn-wizard-back{background:#f8fafc;color:#64748b;padding:12px 24px;border-radius:12px;font-weight:600;cursor:pointer;border:1px solid #e2e8f0;}.img-container{background-size:contain !important;background-repeat:no-repeat !important;background-color:#f1f5f9 !important;}.layout-1col .img-container{aspect-ratio:9 / 16 !important;height:auto !important;}.layout-2col .img-container{aspect-ratio:9 / 14 !important;height:auto !important;}.pdp-gallery img{object-fit:contain !important;aspect-ratio:9 / 16 !important;background:#f1f5f9 !important;height:auto !important;width:100% !important;}.ptr-indicator{width:100%;height:0;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#f8fafc;transition:height 0.2s cubic-bezier(0.17, 0.67, 0.83, 0.67), opacity 0.2s;opacity:0;position:relative;z-index:100;}.ptr-indicator.ready .ptr-spinner{border-top-color:#10b981;}.ptr-indicator.refreshing{height:60px;opacity:1;}.ptr-spinner{width:24px;height:24px;border:2px solid #e2e8f0;border-top-color:#6366f1;border-radius:50%;animation:ptr-spin 1s linear infinite;}@keyframes ptr-spin{to{transform:rotate(360deg);}}
/* Skeleton & Sync Badge */
.skeleton-card { background: #f1f5f9; position: relative; overflow: hidden; border-radius: 12px; }
.skeleton-card::after { content: ''; position: absolute; inset: 0; background: linear-gradient(90deg, transparent, rgba(255,255,255,0.4), transparent); animation: shimmer 1.5s infinite; }
@keyframes shimmer { 0% { transform: translateX(-100%); } 100% { transform: translateX(100%); } }
.editor-sync-badge { position: fixed; top: 30px; left: 50%; transform: translateX(-50%); background: rgba(0,0,0,0.8); color: white; padding: 10px 20px; border-radius: 20px; z-index: 99999; display: none; align-items: center; gap: 8px; font-weight: bold; font-family: system-ui; box-shadow: 0 4px 12px rgba(0,0,0,0.2); pointer-events: none; }
.editor-sync-badge .spinner-tiny { width: 16px; height: 16px; border: 2px solid rgba(255,255,255,0.3); border-top-color: white; border-radius: 50%; animation: spin 1s linear infinite; }