@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";.snackbar{position:fixed;top:25px;left:50%;transform:translate(-50%);z-index:9999;padding:14px 22px;border-radius:14px;color:#fff;font-weight:600;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#8b5cf6e6;border:1px solid rgba(255,255,255,.15);box-shadow:0 10px 30px #8b5cf659;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translate(-50%) translateY(-20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}*{margin:0;padding:0;box-sizing:border-box}:root{--bg:#060816;--card:#0d1023;--card2:#13182e;--purple:#090909;--purple2:#6d28d9;--cyan:#06b6d4;--yellow:#facc15;--text:#ffffff;--muted:#94a3b8;--border: rgba( 255, 255, 255, .08 )}html{scroll-behavior:smooth;scrollbar-width:none!important}body{font-family:Inter,sans-serif;background:var(--bg);color:var(--text);scrollbar-width:none!important;overflow-x:hidden}body:before{content:"";position:fixed;width:400px;height:400px;top:-150px;left:-150px;border-radius:50%;background:#8b5cf640;filter:blur(120px);z-index:-1}body:after{content:"";position:fixed;width:400px;height:400px;bottom:-150px;right:-150px;border-radius:50%;background:#060816;filter:blur(120px);z-index:-1}.section-title{font-size:32px;font-weight:700;margin:35px 0 20px}.page{max-width:1300px;margin:auto;padding:20px}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;background:#ffffff0a;border:1px solid var(--border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:18px 22px;border-radius:22px}.logo-box{display:flex;align-items:center;gap:15px}.logo{width:55px;height:55px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:22px;background:linear-gradient(135deg,#8b5cf6,#4f46e5)}.logo-box h2{font-size:20px}.logo-box p{color:var(--muted);font-size:13px}.hero-card{min-height:420px;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:40px;border-radius:30px;background:linear-gradient(135deg,#8b5cf626,#0006);border:1px solid var(--border);overflow:hidden}.hero-left{max-width:550px}.hero-badge{display:inline-block;background:#ffffff14;padding:8px 14px;border-radius:30px;margin-bottom:20px}.hero-left h1{font-size:72px;line-height:1;margin-bottom:20px;background:linear-gradient(135deg,#fff,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.home-page{width:100%;min-height:100vh;padding:20px;box-sizing:border-box;background:var(--bg, #060816)}.hero-section{display:flex;align-items:center;justify-content:space-between;gap:40px;max-width:1300px;margin:0 auto 30px;padding:50px 60px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:30px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:relative;overflow:hidden}.hero-section:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(ellipse at 30% 50%,rgba(139,92,246,.05) 0%,transparent 60%);pointer-events:none}.hero-content{flex:1;position:relative;z-index:1}.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;background:#22c55e1a;border:1px solid rgba(34,197,94,.2);border-radius:30px;color:#22c55e;font-size:12px;font-weight:600;margin-bottom:20px}.badge-icon{font-size:14px}.hero-title{font-size:56px;font-weight:800;line-height:1.1;color:#fff;margin-bottom:16px}.gradient-text{background:linear-gradient(135deg,#8b5cf6,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-description{font-size:18px;color:var(--muted, #94a3b8);line-height:1.7;margin-bottom:20px;max-width:500px}.highlight-text{color:#a78bfa;font-weight:500}.hero-actions{display:flex;gap:12px;margin-bottom:24px;flex-wrap:wrap}.hero-btn{padding:14px 28px;border-radius:14px;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex;align-items:center;gap:10px;transition:all .3s ease}.hero-btn.primary{background:linear-gradient(135deg,#8b5cf6,#6d28d9);color:#fff;box-shadow:0 4px 20px #8b5cf64d}.hero-btn.primary:hover{transform:translateY(-3px);box-shadow:0 8px 35px #8b5cf666}.hero-btn.secondary{background:#ffffff0f;border:1px solid rgba(255,255,255,.08);color:#e2e8f0}.hero-btn.secondary:hover{background:#ffffff1a;transform:translateY(-3px)}.hero-tags{display:flex;gap:10px;flex-wrap:wrap}.tag{padding:4px 14px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);border-radius:20px;font-size:12px;color:var(--muted, #94a3b8)}.hero-visual{flex:.8;max-width:400px;position:relative;z-index:1}.visual-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:30px;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.visual-badge{display:inline-block;padding:4px 12px;background:#facc151a;border:1px solid rgba(250,204,21,.2);border-radius:20px;color:#facc15;font-size:11px;font-weight:600;margin-bottom:16px}.visual-barcode{background:#fff;border-radius:12px;padding:24px 20px;margin-bottom:16px}.barcode-simulator{display:flex;flex-direction:column;align-items:center;gap:10px}.barcode-bars{display:flex;gap:3px;height:60px;align-items:flex-end}.bar{background:#000;border-radius:1px}.bar.thick{width:8px;height:60px}.bar.medium{width:5px;height:45px}.bar.thin{width:3px;height:35px}.barcode-text{font-family:SFMono-Regular,Consolas,monospace;font-size:12px;color:#1a1a1a;font-weight:600;letter-spacing:1px}.visual-features{display:flex;justify-content:center;gap:16px;color:var(--muted, #94a3b8);font-size:12px}.visual-features span{display:flex;align-items:center;gap:4px}.tools-section{max-width:1300px;margin:0 auto 40px}.section-header{text-align:center;margin-bottom:30px}.section-label{display:inline-block;padding:4px 16px;background:#8b5cf61a;border:1px solid rgba(139,92,246,.15);border-radius:30px;color:#a78bfa;font-size:12px;font-weight:600;margin-bottom:12px}.section-title{font-size:38px;font-weight:800;color:#fff;margin-bottom:8px}.section-subtitle{font-size:16px;color:var(--muted, #94a3b8);margin:0}.tools-grid-primary{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.tool-card{display:flex;gap:16px;padding:24px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:16px;text-decoration:none;transition:all .3s ease;cursor:pointer}.tool-card:hover{transform:translateY(-4px);border-color:#8b5cf633;box-shadow:0 8px 30px #0003;background:#ffffff0d}.tool-card.featured{background:#8b5cf60d;border-color:#8b5cf626;grid-column:1 / -1}.tool-card.featured:hover{border-color:#8b5cf64d}.tool-icon{width:50px;height:50px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0}.gradient-purple{background:linear-gradient(135deg,#8b5cf633,#6d28d933)}.gradient-blue{background:linear-gradient(135deg,#06b6d433,#0891b233)}.gradient-green{background:linear-gradient(135deg,#22c55e33,#16a34a33)}.gradient-orange{background:linear-gradient(135deg,#fbbf2433,#f59e0b33)}.gradient-pink{background:linear-gradient(135deg,#ec489933,#db277733)}.tool-content{flex:1;min-width:0}.tool-content h3{color:#fff;font-size:16px;font-weight:700;margin:0 0 6px}.tool-content p{color:var(--muted, #94a3b8);font-size:13px;margin:0 0 10px;line-height:1.5}.tool-tags{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}.tool-tags span{padding:2px 10px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);border-radius:12px;font-size:10px;color:var(--muted, #94a3b8)}.tool-cta{color:#8b5cf6;font-size:13px;font-weight:600}.tool-card:hover .tool-cta{color:#a78bfa}.features-section{max-width:1300px;margin:0 auto 40px;padding:40px 0;border-top:1px solid rgba(255,255,255,.04);border-bottom:1px solid rgba(255,255,255,.04)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px}.feature-item{text-align:center;padding:20px}.feature-icon{font-size:36px;margin-bottom:12px}.feature-item h4{color:#fff;font-size:16px;font-weight:700;margin:0 0 6px}.feature-item p{color:var(--muted, #94a3b8);font-size:13px;margin:0;line-height:1.5}.cta-section{max-width:1300px;margin:20PX auto 30px;padding:50px 60px;background:linear-gradient(135deg,#8b5cf614,#06b6d414);border:1px solid rgba(255,255,255,.06);border-radius:24px;text-align:center}.cta-content h2{font-size:36px;font-weight:800;color:#fff;margin:0 0 8px}.cta-content p{font-size:18px;color:var(--muted, #94a3b8);margin:0 0 24px}.cta-buttons{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}.cta-btn{padding:14px 32px;border-radius:14px;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex;align-items:center;gap:10px;transition:all .3s ease}.cta-btn.primary{background:linear-gradient(135deg,#8b5cf6,#6d28d9);color:#fff;box-shadow:0 4px 20px #8b5cf64d}.cta-btn.primary:hover{transform:translateY(-3px);box-shadow:0 8px 35px #8b5cf666}.cta-btn.secondary{background:#ffffff0f;border:1px solid rgba(255,255,255,.08);color:#e2e8f0}.cta-btn.secondary:hover{background:#ffffff1a;transform:translateY(-3px)}@media (max-width: 1024px){.hero-section{padding:40px}.hero-title{font-size:44px}.hero-visual{flex:.6}}@media (max-width: 900px){.hero-section{flex-direction:column;text-align:center;padding:35px 30px}.hero-description{max-width:100%}.hero-actions,.hero-tags{justify-content:center}.hero-visual{max-width:100%;width:100%}.visual-card{max-width:400px;margin:0 auto}.tools-grid-primary{grid-template-columns:1fr}.tool-card.featured{grid-column:1}.section-title{font-size:30px}.cta-section{padding:35px 30px}.cta-content h2{font-size:28px}}@media (max-width: 650px){.hero-section{padding:25px 20px;border-radius:20px}.hero-title{font-size:32px}.hero-description{font-size:15px}.hero-actions{flex-direction:column;width:100%}.hero-btn{justify-content:center;width:100%}.hero-tags{gap:6px}.tag{font-size:10px;padding:3px 10px}.features-grid{grid-template-columns:1fr 1fr;gap:16px}.cta-section{padding:25px 20px;border-radius:16px}.cta-content h2{font-size:24px}.cta-buttons{flex-direction:column;width:100%}.cta-btn{justify-content:center;width:100%}.visual-barcode{padding:16px}.barcode-bars,.bar.thick{height:40px}.bar.medium{height:30px}.bar.thin{height:22px}}@media (max-width: 480px){.home-page{padding:10px}.hero-section{padding:20px 15px}.hero-title{font-size:26px}.hero-badge{font-size:10px;padding:4px 12px}.section-title{font-size:24px}.section-subtitle{font-size:13px}.features-grid{grid-template-columns:1fr;gap:12px}.feature-item{padding:14px}.tool-card{flex-direction:column;align-items:center;text-align:center;padding:20px}.tool-tags{justify-content:center}.cta-content h2{font-size:20px}.cta-content p{font-size:14px}}.hero-left p{color:var(--muted);line-height:1.8;font-size:18px;margin-bottom:30px}.hero-left button{border:none;padding:16px 35px;font-size:16px;font-weight:700;border-radius:14px;cursor:pointer;background:linear-gradient(135deg,#facc15,#f59e0b)}.phone-preview{width:300px;height:300px;border-radius:30px;display:flex;align-items:center;justify-content:center;font-size:80px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08)}.stats-grid{margin-top:25px;display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.stat-card{background:#ffffff0a;border:1px solid var(--border);padding:25px;border-radius:20px}.stat-card h3{color:#22c55e;margin-bottom:5px}.stat-card p{color:var(--muted)}.tool-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}.tool-card{padding:25px;border-radius:24px;cursor:pointer;transition:.3s;background:#ffffff0a;border:1px solid var(--border)}.tool-card:hover{transform:translateY(-5px)}.tool-card h3{margin-bottom:10px}.tool-card p{color:var(--muted)}.tool-card button{margin-top:20px;border:none;padding:12px 20px;border-radius:12px;color:#fff;background:linear-gradient(135deg,#8b5cf6,#6d28d9)}.more-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:20px}.more-card{padding:25px;border-radius:20px;background:#ffffff0a;border:1px solid var(--border);text-align:center}.app{min-height:100vh;display:flex;justify-content:center}.glass{width:100%;max-width:1100px;padding:30px;border-radius:30px;background:#ffffff0a;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border:1px solid var(--border)}.page-header{text-align:center;margin-bottom:25px}.page-header h1{font-size:50px}.page-header p{color:var(--muted)}textarea{width:100%;min-height:180px;margin-top:20px;padding:18px;resize:vertical;border:none;outline:none;border-radius:20px;background:#ffffff0d;color:#fff}.actions{display:flex;gap:15px;margin-top:20px}.generate-btn,.clear-btn{border:none;padding:14px 25px;border-radius:12px;cursor:pointer;font-weight:600}.generate-btn{background:linear-gradient(135deg,#8b5cf6,#6d28d9);color:#fff}.clear-btn{background:#ef4444;color:#fff}.loading{text-align:center;padding:20px}.qr-grid{margin-top:30px;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.qr-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:20px 15px;text-align:center;display:flex;flex-direction:column;align-items:center;transition:transform .3s ease}.qr-card:hover{transform:translateY(-4px)}.qr-wrapper{background:#fff!important;padding:12px!important;border-radius:12px!important;display:inline-block!important;box-shadow:0 2px 8px #00000014!important}.qr-wrapper canvas{display:block!important;width:120px!important;height:120px!important}.qr-value{margin-top:15px;font-size:13px;color:#e2e8f0;word-break:break-word;max-width:180px;line-height:1.4}.qr-card .download-btn{margin-top:12px;border:none;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;padding:10px 20px;border-radius:10px;font-weight:600;font-size:13px;cursor:pointer;transition:all .3s ease}.qr-card .download-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #2563eb4d}@media (max-width:768px){.hero-card{flex-direction:column;text-align:center}.hero-left h1{font-size:42px}.stats-grid{grid-template-columns:repeat(2,1fr)}.actions{flex-direction:column}.page-header h1{font-size:36px}}.hero-banner-clickable{position:relative;overflow:hidden;border-radius:28px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.hero-image{width:100%;max-height:60vh;object-fit:contain;display:block;margin:auto;border-radius:28px}.hero-banner-clickable:hover{transform:translateY(-4px)}.upi-container{max-width:700px;margin:auto;padding:30px;border-radius:30px;background:#ffffff0a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08)}.upi-container h1{text-align:center;margin-bottom:30px;font-size:38px;font-weight:700}.upi-container input{width:100%;padding:16px 18px;margin-bottom:15px;border:none;outline:none;border-radius:16px;color:#fff;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);font-size:15px;transition:.3s}.upi-container input:focus{border-color:#8b5cf6;box-shadow:0 0 20px #8b5cf633}.upi-container input::placeholder{color:#94a3b8}.upi-container .actions{display:flex;gap:15px;margin-top:10px}.upi-container .actions button{flex:1;border:none;cursor:pointer;padding:15px;font-size:15px;font-weight:600;border-radius:14px;transition:.3s}.upi-container .actions button:first-child{background:linear-gradient(135deg,#8b5cf6,#6d28d9);color:#fff}.upi-container .actions button:first-child:hover{transform:translateY(-2px);box-shadow:0 10px 25px #8b5cf659}.upi-container .actions button:last-child{background:#ef444426;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.upi-container .actions button:last-child:hover{background:#ef444440}.upi-qr-card{margin-top:30px;background:#fff;border-radius:24px;padding:25px;text-align:center;box-shadow:0 10px 30px #00000026}.upi-qr-card canvas{background:#fff;padding:12px;border-radius:16px}.upi-qr-card p{margin-top:12px;color:#111827;font-weight:600;word-break:break-word}.upi-amount{color:#16a34a!important;font-size:22px!important;font-weight:700!important}.download-btn{margin-top:20px;border:none;padding:14px 24px;border-radius:14px;cursor:pointer;color:#fff;font-weight:600;background:linear-gradient(135deg,#2563eb,#1d4ed8);transition:.3s}.download-btn:hover{transform:translateY(-2px);box-shadow:0 10px 25px #2563eb59}.upi-info{margin-top:25px;padding:18px;border-radius:18px;background:#22c55e14;border:1px solid rgba(34,197,94,.15)}.upi-info h3{margin-bottom:10px}.upi-info p{color:#94a3b8;line-height:1.7}@media (max-width:768px){.upi-container{padding:20px}.upi-container h1{font-size:30px}.upi-container .actions{flex-direction:column}.upi-qr-card{padding:20px}.upi-qr-card canvas{max-width:100%;height:auto}}.hero-overlay{position:absolute;left:50%;bottom:30px;transform:translate(-50%);z-index:5}.hero-overlay-btn{border:none;cursor:pointer;padding:16px 34px;border-radius:50px;font-size:16px;font-weight:700;color:#fff;background:linear-gradient(135deg,#8b5cf6,#6d28d9);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 10px 35px #8b5cf673;transition:.3s}.hero-overlay-btn:hover{transform:translateY(-3px) scale(1.03);box-shadow:0 15px 45px #8b5cf699}@media (max-width:768px){.hero-overlay{bottom:18px}.hero-overlay-btn{padding:13px 24px;font-size:14px}}.text-input{width:100%;padding:16px 18px;border:none;outline:none;border-radius:16px;color:#fff;font-size:16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);margin-top:20px}.text-input:focus{border-color:#8b5cf6}.single-qr-card{margin-top:30px;background:#fff;border-radius:24px;padding:25px;text-align:center;color:#000}.single-qr-card p{margin-top:15px;word-break:break-word;font-weight:600}.single-qr-card canvas{background:#fff;border-radius:12px}.barcode-page{width:100%;min-height:100vh;padding:20px;box-sizing:border-box;background:var(--bg, #060816)}.barcode-container{width:100%;max-width:1300px;margin:0 auto}.barcode-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px;padding:18px 22px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:22px}.brand-icon{width:50px;height:50px;display:flex;align-items:center;justify-content:center;border-radius:14px;background:linear-gradient(135deg,#8b5cf6,#4f46e5);color:#fff;font-size:24px;font-weight:800;box-shadow:0 8px 25px #8b5cf64d}.header-brand h1{margin:0;color:#fff;font-size:22px;font-weight:700;letter-spacing:-.5px;background:linear-gradient(135deg,#fff,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.header-brand p{margin:5px 0 0;color:var(--muted, #94a3b8);font-size:13px}.status-badge{display:flex;align-items:center;gap:7px;padding:8px 16px;border-radius:999px;font-size:12px;font-weight:600;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;color:var(--muted, #94a3b8)}.status-badge.ready{color:#22c55e;background:#22c55e1a;border-color:#22c55e33}.status-badge.loading{color:#facc15;background:#facc151a;border-color:#facc1533}.status-dot{width:8px;height:8px;border-radius:50%;background:currentColor;animation:pulse-dot 1.5s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.generator-card{overflow:hidden;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border-radius:24px;box-shadow:0 8px 40px #0003}.controls-section{padding:28px 30px;border-bottom:1px solid rgba(255,255,255,.06)}.section-title{margin-bottom:22px}.section-title h2,.preview-header h2,.collection-header h2{margin:0;color:#fff;font-size:18px;font-weight:700}.section-title p,.preview-header p,.collection-header p{margin:6px 0 0;color:var(--muted, #94a3b8);font-size:13px}.controls-grid{display:grid;grid-template-columns:minmax(280px,1fr) minmax(320px,1.1fr);gap:24px;margin-bottom:22px}.control-field label,.input-section label{display:block;margin-bottom:8px;color:#e2e8f0;font-size:12px;font-weight:600;letter-spacing:.3px}.select-wrapper{position:relative}.select-wrapper select{width:100%;height:46px;padding:0 40px 0 14px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:#ffffff0d;color:#fff;font-size:13px;font-weight:500;outline:none;cursor:pointer;transition:all .3s ease}.select-wrapper select:hover{border-color:#8b5cf64d}.select-wrapper select:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.select-wrapper select option{background:#1a1f3a;color:#fff;padding:10px}.select-wrapper select optgroup{background:#0d1023;color:#8b5cf6;font-weight:700;padding:8px 0}.select-arrow{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:var(--muted, #94a3b8);pointer-events:none;font-size:10px}.field-hint{display:flex;align-items:center;gap:8px;margin-top:8px;color:var(--muted, #94a3b8);font-size:11px}.hint-category{padding:3px 10px;border-radius:6px;background:#8b5cf61f;color:#a78bfa;font-size:10px;font-weight:700;border:1px solid rgba(139,92,246,.1)}.scale-options{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.scale-option{min-height:48px;padding:6px 8px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:2px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:#ffffff08;color:#94a3b8;cursor:pointer;transition:all .3s ease}.scale-option:hover{border-color:#8b5cf64d;transform:translateY(-2px)}.scale-option strong{font-size:10px;font-weight:700;color:#e2e8f0}.scale-option span{color:var(--muted, #94a3b8);font-size:10px}.scale-option.active{background:#8b5cf626;border-color:#8b5cf6;color:#fff;box-shadow:0 0 30px #8b5cf60d}.scale-option.active strong{color:#a78bfa}.scale-option.active span{color:#94a3b8}.input-section{margin-top:6px}.input-wrapper{position:relative}.input-wrapper input{width:100%;height:50px;box-sizing:border-box;padding:0 50px 0 16px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:#ffffff0d;color:#fff;outline:none;font-family:Inter,SFMono-Regular,Consolas,monospace;font-size:15px;font-weight:500;letter-spacing:.3px;transition:all .3s ease}.input-wrapper input::placeholder{color:#ffffff40;font-family:Inter,sans-serif;font-weight:400;font-size:14px}.input-wrapper input:focus{border-color:#8b5cf6;box-shadow:0 0 30px #8b5cf614}.input-wrapper input:disabled{opacity:.5;cursor:not-allowed}.input-clear{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:30px;height:30px;display:flex;align-items:center;justify-content:center;border:0;border-radius:8px;background:#ffffff0f;color:#94a3b8;cursor:pointer;font-size:18px;transition:all .2s ease}.input-clear:hover{background:#ef444426;color:#ef4444}.input-help{min-height:20px;display:flex;align-items:center;gap:8px;margin-top:8px;color:var(--muted, #94a3b8);font-size:11px}.help-icon{color:#8b5cf6;font-size:14px}.validation-error{display:flex;align-items:center;gap:10px;margin-top:12px;padding:12px 16px;border:1px solid rgba(239,68,68,.2);border-radius:10px;background:#ef44440f;color:#f87171;font-size:12px;font-weight:500}.validation-error span{width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#dc2626;color:#fff;font-size:11px;font-weight:800;flex-shrink:0}.action-row{display:flex;align-items:center;gap:10px;margin-top:20px;flex-wrap:wrap}.btn{height:42px;padding:0 20px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:10px;border:1px solid transparent;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn:hover:not(:disabled){transform:translateY(-2px)}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none!important}.btn-primary{background:linear-gradient(135deg,#8b5cf6,#6d28d9);color:#fff;box-shadow:0 4px 15px #8b5cf640}.btn-primary:hover:not(:disabled){box-shadow:0 8px 30px #8b5cf659}.btn-secondary{background:#ffffff0f;border-color:#ffffff14;color:#e2e8f0}.btn-secondary:hover:not(:disabled){background:#ffffff1a}.btn-danger{background:#ef444414;border-color:#ef444426;color:#f87171}.btn-danger:hover:not(:disabled){background:#ef444426}.preview-section{padding:28px 30px}.preview-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;gap:15px}.preview-status{padding:5px 12px;border-radius:999px;background:#22c55e1a;color:#22c55e;font-size:10px;font-weight:700;border:1px solid rgba(34,197,94,.15)}.preview-box{min-height:320px;display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid rgba(255,255,255,.06);border-radius:14px;background:#0003}.preview-state{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;padding:50px;text-align:center;color:var(--muted, #94a3b8)}.preview-state strong{color:#e2e8f0;font-size:15px}.preview-state span{font-size:13px}.empty-barcode{width:60px;height:60px;display:flex;align-items:center;justify-content:center;margin-bottom:6px;border-radius:12px;background:#ffffff0a;color:#ffffff26;font-size:32px;border:1px solid rgba(255,255,255,.04)}.error-icon{width:46px;height:46px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#ef44441a;color:#f87171;font-size:24px;font-weight:800}.preview-state.error strong{color:#f87171}.spinner{width:32px;height:32px;margin-bottom:6px;border:3px solid rgba(255,255,255,.06);border-top-color:#8b5cf6;border-radius:50%;animation:barcode-spin .8s linear infinite}@keyframes barcode-spin{to{transform:rotate(360deg)}}.barcode-preview-content{width:100%;padding:30px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px}.barcode-image-wrap{width:100%;min-height:160px;padding:30px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;overflow-x:auto;background:#fff;border:1px solid rgba(255,255,255,.1);border-radius:12px}.barcode-image-wrap img{display:block;width:auto;max-width:100%;height:auto;image-rendering:pixelated;image-rendering:crisp-edges}.preview-info{width:100%;max-width:1000px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.preview-main-info{display:flex;flex-direction:column;gap:6px}.preview-code{color:#fff;font-family:SFMono-Regular,Consolas,monospace;font-size:16px;font-weight:700;letter-spacing:.7px}.preview-format{width:fit-content;padding:4px 12px;border-radius:6px;background:#8b5cf61a;color:#a78bfa;font-size:10px;font-weight:700;border:1px solid rgba(139,92,246,.1)}.preview-meta{display:flex;align-items:center;gap:20px}.preview-meta span{display:flex;flex-direction:column;gap:2px;color:var(--muted, #94a3b8);font-size:10px}.preview-meta strong{color:#e2e8f0;font-size:10px;font-weight:600}.preview-add-btn{height:40px;padding:0 20px;border:0;border-radius:10px;background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;font-size:12px;font-weight:700;cursor:pointer;white-space:nowrap;transition:all .3s ease}.collection-card{margin-top:24px;padding:28px 30px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:20px}.collection-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.collection-header h2{font-size:16px}.collection-header p{font-size:12px}.collection-actions{display:flex;gap:8px}.collection-btn{height:38px;padding:0 16px;border:1px solid rgba(255,255,255,.08);border-radius:8px;background:#ffffff0a;color:#e2e8f0;font-size:11px;font-weight:600;cursor:pointer;transition:all .3s ease}.collection-btn:hover{background:#ffffff14;transform:translateY(-2px)}.collection-btn.zip{background:linear-gradient(135deg,#8b5cf6,#6d28d9);border-color:transparent;color:#fff}.collection-btn.zip:hover{box-shadow:0 8px 25px #8b5cf64d}.barcode-item{overflow:hidden;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:14px;transition:all .3s ease}.item-number{color:var(--muted, #94a3b8);font-family:monospace;font-size:10px;font-weight:700}.item-format{color:#a78bfa;font-size:10px;font-weight:700;padding:2px 10px;background:#8b5cf614;border-radius:4px}.barcode-item-image{min-height:140px;padding:20px;display:flex;align-items:center;justify-content:center;overflow-x:auto;background:#fff}.barcode-item-image img{display:block;width:auto;max-width:100%;height:auto;image-rendering:pixelated;image-rendering:crisp-edges}.barcode-item-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 14px;border-top:1px solid rgba(255,255,255,.04)}.item-value{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#e2e8f0;font-family:SFMono-Regular,Consolas,monospace;font-size:11px;font-weight:600}.item-actions{display:flex;gap:6px}.item-actions button{width:30px;height:30px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.06);border-radius:8px;background:#ffffff0a;color:#94a3b8;cursor:pointer;font-size:14px;transition:all .2s ease}.item-actions button:hover{background:#ffffff14;transform:scale(1.05)}.item-actions button.delete{color:#f87171;border-color:#ef44441a}.item-actions button.delete:hover{background:#ef44441a}.barcode-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:18px;padding:0 4px;color:var(--muted, #94a3b8);font-size:10px}.barcode-footer>div:first-child{display:flex;align-items:center;gap:10px}.barcode-footer strong{color:#e2e8f0}.footer-note{text-align:right;color:#fff3}@media (max-width: 900px){.barcode-page{padding:15px}.barcode-header{flex-direction:column;align-items:flex-start}.controls-grid{grid-template-columns:1fr}.preview-info{flex-direction:column;align-items:stretch}.preview-meta{width:100%;justify-content:space-between}.preview-add-btn{width:100%}}@media (max-width: 650px){.controls-section,.preview-section,.collection-card{padding:18px}.barcode-header{padding:15px 18px}.header-brand h1{font-size:18px}.action-row{flex-direction:column}.btn{width:100%}.scale-options{grid-template-columns:repeat(2,1fr)}.collection-header{flex-direction:column;align-items:flex-start}.collection-actions{width:100%}.collection-btn{flex:1}.barcode-grid{grid-template-columns:1fr}.barcode-preview-content{padding:15px}.preview-meta{flex-wrap:wrap;gap:10px}.barcode-footer{flex-direction:column;align-items:flex-start}.footer-note{text-align:left}}@media (max-width: 480px){.barcode-page{padding:10px}.controls-section,.preview-section,.collection-card{padding:14px}.brand-icon{width:40px;height:40px;font-size:18px}.header-brand h1{font-size:16px}.header-brand p{font-size:11px}.status-badge{font-size:10px;padding:6px 12px}.barcode-item-image{min-height:100px;padding:15px}.preview-box{min-height:200px}.barcode-image-wrap{min-height:100px;padding:15px}}.zepto-bins-page{width:100%;min-height:100vh;padding:10px;box-sizing:border-box;background:var(--bg, #060816)}.zepto-container{width:100%;max-width:1200px;margin:0 auto}.zepto-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 24px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:22px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);margin-bottom:22px;flex-wrap:wrap}.header-brand{display:flex;align-items:center;gap:14px}.brand-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:14px;background:linear-gradient(135deg,#facc15,#f59e0b);font-size:24px;box-shadow:0 8px 25px #facc1533}.header-brand h1{margin:0;font-size:22px;font-weight:700;color:#fff}.header-brand p{margin:4px 0 0;color:var(--muted, #94a3b8);font-size:13px}.format-display{display:flex;align-items:center;gap:10px;padding:8px 16px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);border-radius:12px}.format-label{font-size:12px;color:var(--muted, #94a3b8);font-weight:600}.format-code{font-family:SFMono-Regular,Consolas,monospace;font-size:14px;color:#facc15;font-weight:700;background:#facc1514;padding:4px 12px;border-radius:6px}.zepto-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:24px;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);overflow:hidden}.zepto-controls{padding:28px 30px;border-bottom:1px solid rgba(255,255,255,.06)}.control-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-bottom:18px}.control-group{display:flex;flex-direction:column;gap:6px}.control-group label{font-size:12px;font-weight:600;color:#e2e8f0}.label-hint{color:var(--muted, #94a3b8);font-weight:400;font-size:10px}.control-select select{width:100%;padding:10px 14px;border-radius:10px;border:1px solid rgba(255,255,255,.08);background:#ffffff0d;color:#fff;font-size:14px;font-weight:600;cursor:pointer;outline:none;transition:all .3s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none}.control-select select:hover{border-color:#8b5cf64d}.control-select select:focus{border-color:#8b5cf6;box-shadow:0 0 30px #8b5cf614}.control-select select option{background:#1a1f3a;color:#fff}.position-selector{display:flex;gap:6px}.position-btn{flex:1;padding:8px 12px;border:1px solid rgba(255,255,255,.08);border-radius:8px;background:#ffffff08;color:var(--muted, #94a3b8);font-size:12px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:4px}.position-btn:hover{background:#ffffff0f;border-color:#ffffff26}.position-btn.active{background:#8b5cf626;border-color:#8b5cf6;color:#a78bfa}.quick-presets{display:flex;align-items:center;gap:8px;padding:12px 0;border-top:1px solid rgba(255,255,255,.04);border-bottom:1px solid rgba(255,255,255,.04);margin-bottom:18px;flex-wrap:wrap}.presets-label{font-size:11px;font-weight:600;color:var(--muted, #94a3b8);margin-right:4px}.preset-btn{padding:4px 14px;border:1px solid rgba(255,255,255,.06);border-radius:20px;background:#ffffff08;color:#e2e8f0;font-size:11px;font-family:SFMono-Regular,Consolas,monospace;cursor:pointer;transition:all .3s ease}.preset-btn:hover{background:#8b5cf61a;border-color:#8b5cf633;transform:translateY(-2px)}.zepto-actions{display:flex;gap:10px;flex-wrap:wrap}.zepto-btn{padding:12px 24px;border:none;border-radius:10px;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px}.zepto-btn:hover:not(:disabled){transform:translateY(-2px)}.zepto-btn:disabled{opacity:.4;cursor:not-allowed;transform:none!important}.zepto-btn.primary{background:linear-gradient(135deg,#8b5cf6,#6d28d9);color:#fff;box-shadow:0 4px 15px #8b5cf640}.zepto-btn.primary:hover:not(:disabled){box-shadow:0 8px 30px #8b5cf659}.zepto-btn.secondary{background:#06b6d426;color:#06b6d4;border:1px solid rgba(6,182,212,.2)}.zepto-btn.secondary:hover:not(:disabled){background:#06b6d440}.zepto-btn.danger{background:#ef444414;color:#f87171;border:1px solid rgba(239,68,68,.1)}.zepto-btn.danger:hover:not(:disabled){background:#ef444426}.zepto-preview{padding:24px 30px;border-bottom:1px solid rgba(255,255,255,.06)}.preview-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;flex-wrap:wrap;gap:10px}.preview-header h3{margin:0;font-size:16px;font-weight:700;color:#fff}.preview-code-display{font-family:SFMono-Regular,Consolas,monospace;font-size:15px;font-weight:700;color:#facc15;background:#facc150f;padding:4px 16px;border-radius:8px;border:1px solid rgba(250,204,21,.08)}.preview-box{min-height:280px;background:#0003;border:1px solid rgba(255,255,255,.04);border-radius:14px;display:flex;align-items:center;justify-content:center;padding:20px}.preview-loading{display:flex;align-items:center;gap:12px;color:var(--muted, #94a3b8)}.preview-loading .spinner{width:28px;height:28px;border:3px solid rgba(255,255,255,.06);border-top-color:#8b5cf6;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.preview-empty{display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--muted, #94a3b8)}.empty-icon{font-size:48px;opacity:.3}.preview-empty p{margin:0;font-size:14px}.empty-hint{font-size:12px;color:#ffffff26}.preview-content{display:flex;align-items:center;gap:30px;width:100%;flex-wrap:wrap;justify-content:center}.preview-barcode{background:#fff;padding:20px 30px;border-radius:12px;box-shadow:0 4px 20px #0003}.preview-barcode img{max-width:300px;height:auto;display:block}.preview-info{display:flex;flex-direction:column;gap:10px}.preview-value{font-size:18px;font-weight:700;color:#fff;font-family:SFMono-Regular,Consolas,monospace}.preview-details{display:flex;gap:10px;flex-wrap:wrap}.preview-details span{padding:2px 12px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);border-radius:6px;font-size:12px;color:var(--muted, #94a3b8)}.preview-add-btn{padding:10px 20px;border:none;border-radius:10px;background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;font-weight:600;font-size:13px;cursor:pointer;transition:all .3s ease}.preview-add-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #22c55e4d}.zepto-collection{padding:24px 30px}.collection-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;flex-wrap:wrap;gap:10px}.collection-info{display:flex;align-items:center;gap:12px;font-size:14px;font-weight:600;color:#fff}.collection-count{padding:2px 12px;background:#8b5cf61a;border:1px solid rgba(139,92,246,.1);border-radius:20px;font-size:12px;color:#a78bfa}.collection-btn.download{padding:8px 18px;border:none;border-radius:8px;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;font-weight:600;font-size:12px;cursor:pointer;transition:all .3s ease}.collection-btn.download:hover{transform:translateY(-2px);box-shadow:0 8px 25px #2563eb4d}.barcode-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.barcode-item{background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:14px;overflow:hidden;transition:all .3s ease}.barcode-item:hover{transform:translateY(-4px);border-color:#8b5cf626;box-shadow:0 8px 30px #0003}.barcode-item-top{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:#ffffff05;border-bottom:1px solid rgba(255,255,255,.04)}.item-number{font-size:10px;font-weight:700;color:var(--muted, #94a3b8);font-family:monospace}.zepto-sticky-container{position:fixed;z-index:9999;user-select:none;-webkit-user-select:none;touch-action:none;animation:float-in .6s cubic-bezier(.34,1.56,.64,1)}@keyframes float-in{0%{opacity:0;transform:translateY(30px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.zepto-sticky-container.dragging{z-index:99999}.zepto-sticky-button{position:relative;display:flex;align-items:center;gap:10px;padding:12px 20px;background:linear-gradient(135deg,#facc15,#f59e0b);border-radius:50px;box-shadow:0 8px 32px #facc1566,0 4px 16px #0000001a;cursor:grab;transition:all .3s cubic-bezier(.4,0,.2,1);border:2px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-width:130px;min-height:52px}.zepto-sticky-button:after{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:52px;background:linear-gradient(135deg,#facc154d,#f59e0b1a);z-index:-1;filter:blur(8px);opacity:0;transition:opacity .3s ease}.zepto-sticky-button:hover:after{opacity:1}.zepto-sticky-button:hover{transform:scale(1.05) translateY(-2px);box-shadow:0 12px 48px #facc1580,0 6px 24px #00000026;border-color:#ffffff4d}.zepto-sticky-button.dragging{cursor:grabbing;transform:scale(1.08);box-shadow:0 20px 60px #facc1599,0 10px 30px #0003;border-color:#fff;transition:none}.zepto-sticky-button.expanded{transform:scale(1.05);box-shadow:0 15px 50px #facc1580}.zepto-button-main{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.zepto-logo{display:flex;align-items:center;gap:8px}.logo-icon{font-size:24px;line-height:1}.logo-text{font-size:18px;font-weight:800;color:#1a1a1a;letter-spacing:-.5px}.zepto-badge{display:flex;align-items:center;gap:6px;padding:4px 12px;background:#00000014;border-radius:20px;font-size:12px;font-weight:700;color:#1a1a1a;border:1px solid rgba(0,0,0,.05)}.badge-dot{width:7px;height:7px;border-radius:50%;background:#22c55e;animation:pulse-dot 2s ease-in-out infinite}@keyframes pulse-dot{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.4);opacity:.6}}.badge-text{font-size:11px;text-transform:uppercase;letter-spacing:.5px}.drag-handle{display:flex;align-items:center;justify-content:center;padding:4px 8px;cursor:grab;opacity:.4;transition:opacity .3s ease}.zepto-sticky-button:hover .drag-handle{opacity:1}.drag-dots{font-size:20px;color:#0000004d;letter-spacing:-2px;line-height:1}.expand-toggle{position:absolute;top:-10px;right:-10px;width:30px;height:30px;border:none;border-radius:50%;background:#0003;color:#fff;font-size:14px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.2);box-shadow:0 4px 12px #0000001a}.expand-toggle:hover{background:#00000059;transform:scale(1.1)}.expand-toggle:active{transform:scale(.9)}.zepto-expanded-tooltip{position:absolute;bottom:calc(100% + 16px);right:0;min-width:300px;background:#000000eb;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:18px 22px;box-shadow:0 20px 60px #00000080,0 0 40px #facc150d;animation:slideUp .3s cubic-bezier(.4,0,.2,1)}@keyframes slideUp{0%{opacity:0;transform:translateY(10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.zepto-expanded-tooltip:after{content:"";position:absolute;bottom:-8px;right:40px;transform:rotate(45deg);width:16px;height:16px;background:#000000eb;border-right:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08);border-radius:0 0 4px}.tooltip-header{display:flex;align-items:center;gap:12px;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.06)}.tooltip-icon{font-size:28px}.tooltip-title{font-size:18px;font-weight:700;color:#fff}.tooltip-body{margin-bottom:14px}.tooltip-body p{margin:0 0 10px;color:#ffffffb3;font-size:13px;line-height:1.6}.tooltip-features{display:flex;gap:8px;flex-wrap:wrap}.tooltip-features span{padding:4px 14px;background:#ffffff0d;border:1px solid rgba(255,255,255,.06);border-radius:20px;font-size:11px;font-weight:500;color:#fff9}.tooltip-footer{display:flex;justify-content:space-between;padding-top:12px;border-top:1px solid rgba(255,255,255,.06);font-size:11px;color:#ffffff40}.click-hint,.drag-hint{display:flex;align-items:center;gap:6px}.zepto-quick-menu{position:absolute;bottom:calc(100% + 16px);right:0;min-width:250px;background:#000000eb;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:8px;box-shadow:0 20px 60px #00000080;animation:slideUp .3s cubic-bezier(.4,0,.2,1)}.quick-menu-item{display:flex;align-items:center;gap:14px;width:100%;padding:14px 16px;background:transparent;border:none;border-radius:12px;color:#fffc;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.quick-menu-item:hover{background:#ffffff0f;color:#fff;transform:translate(4px)}.quick-menu-item:active{transform:scale(.98)}.quick-menu-item span:first-child{font-size:22px}.zepto-sticky-button.bounce{animation:gentle-bounce 2s ease-in-out infinite}@keyframes gentle-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@media (max-width: 768px){.zepto-sticky-button{padding:10px 16px;min-width:110px;min-height:46px}.logo-icon{font-size:20px}.logo-text{font-size:15px}.zepto-badge{padding:3px 10px;font-size:10px}.badge-text{font-size:9px}.drag-handle{padding:2px 6px}.drag-dots{font-size:16px}.zepto-expanded-tooltip{min-width:250px;padding:16px 18px;right:-10px}.zepto-expanded-tooltip:after{right:30px}.zepto-quick-menu{min-width:220px;right:-10px}.quick-menu-item{padding:12px 14px;font-size:13px}.expand-toggle{width:26px;height:26px;font-size:12px;top:-8px;right:-8px}.tooltip-title{font-size:16px}.tooltip-features span{font-size:10px;padding:3px 12px}}@media (max-width: 480px){.zepto-sticky-button{padding:8px 14px;min-width:90px;min-height:40px}.logo-icon{font-size:18px}.logo-text{font-size:13px}.zepto-badge{padding:2px 8px;font-size:9px}.badge-text{font-size:8px;letter-spacing:.3px}.badge-dot{width:5px;height:5px}.drag-dots{font-size:14px}.zepto-expanded-tooltip{min-width:220px;padding:14px 16px;right:-20px}.zepto-expanded-tooltip:after{right:25px;width:12px;height:12px}.zepto-quick-menu{min-width:200px;right:-20px}.quick-menu-item{padding:10px 12px;font-size:12px;gap:10px}.quick-menu-item span:first-child{font-size:18px}.expand-toggle{width:22px;height:22px;font-size:10px;top:-6px;right:-6px}.tooltip-title{font-size:14px}.tooltip-body p{font-size:12px}.tooltip-features span{font-size:9px;padding:2px 10px}.tooltip-footer{font-size:10px}}@media (max-width: 360px){.zepto-sticky-button{padding:6px 12px;min-width:80px;min-height:36px}.logo-icon{font-size:16px}.logo-text{font-size:11px}.zepto-badge{padding:2px 6px;font-size:7px}.badge-text{font-size:7px}.drag-dots{font-size:12px}.zepto-expanded-tooltip{min-width:190px;padding:12px 14px}}.store-prefix-row{margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.04)}.prefix-group{max-width:250px}.prefix-input-wrapper{display:flex;align-items:center;gap:10px}.prefix-input{flex:1;padding:10px 14px;border-radius:10px;border:1px solid rgba(255,255,255,.08);background:#ffffff0d;color:#fff;font-size:16px;font-weight:700;font-family:SFMono-Regular,Consolas,monospace;outline:none;transition:all .3s ease;letter-spacing:1px;min-width:80px;max-width:150px}.prefix-input:focus{border-color:#facc15;box-shadow:0 0 30px #facc150d}.prefix-hint{font-size:11px;color:var(--muted, #94a3b8)}.manual-input-row{margin:12px 0;padding:12px 0;border-top:1px solid rgba(255,255,255,.04);border-bottom:1px solid rgba(255,255,255,.04)}.manual-group{width:100%}.manual-group label{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-size:13px;font-weight:600;color:#e2e8f0}.manual-input-wrapper{display:flex;align-items:center;gap:10px}.manual-input{flex:1;padding:10px 16px;border-radius:10px;border:1px solid rgba(255,255,255,.08);background:#ffffff0d;color:#facc15;font-size:15px;font-weight:600;font-family:SFMono-Regular,Consolas,monospace;outline:none;transition:all .3s ease;letter-spacing:.5px}.manual-input:focus{border-color:#facc15;box-shadow:0 0 30px #facc150d}.manual-input::placeholder{color:#fff3;font-weight:400;font-family:Inter,sans-serif}.manual-toggle{padding:8px 12px;border:1px solid rgba(255,255,255,.08);border-radius:8px;background:#ffffff08;color:var(--muted, #94a3b8);font-size:16px;cursor:pointer;transition:all .3s ease;flex-shrink:0}.manual-toggle:hover{background:#ffffff0f}.manual-toggle.active{background:#facc151a;border-color:#facc15;color:#facc15}.preview-actions{display:flex;gap:10px;margin-top:16px;padding-top:16px;border-top:1px solid rgba(255,255,255,.04);flex-wrap:wrap}.preview-action-btn{padding:10px 20px;border:none;border-radius:10px;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px}.preview-action-btn:hover:not(:disabled){transform:translateY(-2px)}.preview-action-btn:disabled{opacity:.4;cursor:not-allowed;transform:none!important}.preview-action-btn.primary{background:linear-gradient(135deg,#8b5cf6,#6d28d9);color:#fff;box-shadow:0 4px 15px #8b5cf640}.preview-action-btn.primary:hover:not(:disabled){box-shadow:0 8px 30px #8b5cf659}.preview-action-btn.secondary{background:#06b6d426;color:#06b6d4;border:1px solid rgba(6,182,212,.2)}.preview-action-btn.secondary:hover:not(:disabled){background:#06b6d440}.preview-action-btn.danger{background:#ef444414;color:#f87171;border:1px solid rgba(239,68,68,.1)}.preview-action-btn.danger:hover:not(:disabled){background:#ef444426}@media (max-width: 768px){.prefix-group{max-width:100%}.manual-input-wrapper{flex-direction:column}.manual-input{width:100%}.manual-toggle{width:100%;justify-content:center}.preview-actions{flex-direction:column}.preview-action-btn{justify-content:center;width:100%}.prefix-input-wrapper{flex-direction:column;align-items:stretch}.prefix-input{max-width:100%}}@media (max-width: 480px){.manual-group label{font-size:11px;flex-wrap:wrap}.manual-input{font-size:13px;padding:8px 12px}.preview-action-btn{font-size:12px;padding:8px 16px}}.site-footer{width:100%;margin-top:70px;background:#111827;color:#fff}.footer-container{width:100%;max-width:1250px;margin:0 auto;padding:55px 24px 0;box-sizing:border-box}.footer-main{display:grid;grid-template-columns:minmax(260px,1.8fr) repeat(3,minmax(130px,1fr));gap:50px;padding-bottom:45px}.footer-brand{max-width:350px}.footer-logo{display:inline-flex;align-items:center;gap:10px;color:#fff;text-decoration:none}.footer-logo-icon{width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:9px;background:#fff;color:#111827;font-size:21px;font-weight:800}.footer-logo-text{font-size:20px;font-weight:750;letter-spacing:-.4px}.footer-description{max-width:320px;margin:17px 0 18px;color:#9ca3af;font-size:12px;line-height:1.7}.footer-badges{display:flex;flex-wrap:wrap;gap:7px}.footer-badges span{padding:5px 8px;border:1px solid #374151;border-radius:5px;color:#d1d5db;font-size:9px;font-weight:600}.footer-column h3{margin:2px 0 16px;color:#fff;font-size:12px;font-weight:750}.footer-column ul{display:flex;flex-direction:column;gap:10px;margin:0;padding:0;list-style:none}.footer-column li{margin:0;padding:0}.footer-column a{color:#9ca3af;text-decoration:none;font-size:11px;transition:color .2s ease,transform .2s ease}.footer-column a:hover{color:#fff}.footer-info{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:22px 0;border-top:1px solid #273244;border-bottom:1px solid #273244}.footer-info-item{display:flex;align-items:flex-start;gap:10px;padding:12px;border:1px solid #273244;border-radius:9px;background:#151e2d}.footer-info-icon{width:29px;height:29px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:7px;background:#1f2937;font-size:13px}.footer-info-item div{display:flex;flex-direction:column;gap:3px}.footer-info-item strong{color:#e5e7eb;font-size:10px;font-weight:700}.footer-info-item span:not(.footer-info-icon){color:#6b7280;font-size:9px;line-height:1.5}.footer-bottom{min-height:65px;display:flex;align-items:center;justify-content:space-between;gap:15px}.footer-bottom p{margin:0;color:#6b7280;font-size:9px}.footer-bottom-links{display:flex;align-items:center;gap:8px}.footer-bottom-links a{color:#9ca3af;text-decoration:none;font-size:9px;transition:color .2s ease}.footer-bottom-links a:hover{color:#fff}.footer-bottom-links span{color:#374151;font-size:8px}.footer-made{text-align:right}@media (max-width: 900px){.footer-main{grid-template-columns:1.5fr repeat(2,1fr);gap:35px}.footer-brand{grid-column:1 / -1;max-width:550px}.footer-info{grid-template-columns:1fr}}@media (max-width: 600px){.site-footer{margin-top:45px}.footer-container{padding:40px 17px 0}.footer-main{grid-template-columns:1fr;gap:28px;padding-bottom:30px}.footer-brand{max-width:none}.footer-description{max-width:100%}.footer-column h3{margin-bottom:11px}.footer-column ul{gap:8px}.footer-info{padding:17px 0}.footer-bottom{padding:18px 0 20px;align-items:flex-start;flex-direction:column;gap:10px}.footer-bottom-links{order:2}.footer-made{order:3;text-align:left}}@media (max-width: 380px){.footer-container{padding-left:13px;padding-right:13px}.footer-badges{flex-direction:column;align-items:flex-start}.footer-bottom-links{flex-wrap:wrap}}.info-page{width:100%;min-height:100vh;background:#f8fafc;color:#111827}.info-container{width:100%;max-width:1100px;margin:0 auto;padding-left:24px;padding-right:24px;box-sizing:border-box}.info-page-header{background:#fff;border-bottom:1px solid #e5e7eb}.info-back-link{display:inline-block;padding-top:18px;color:#6b7280;text-decoration:none;font-size:11px;font-weight:600}.info-back-link:hover{color:#111827}.info-header-content{display:flex;align-items:center;gap:15px;padding:25px 0 35px}.info-page-icon{width:54px;height:54px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:13px;background:#111827;color:#fff;font-size:27px;font-weight:800;box-shadow:0 8px 20px #0f172a1f}.info-header-content h1{margin:0;color:#111827;font-size:28px;font-weight:800;letter-spacing:-.7px}.info-header-content p{margin:6px 0 0;color:#6b7280;font-size:13px}.info-page-content{padding:50px 0 70px}.info-section{margin-bottom:55px}.info-label{display:inline-block;margin-bottom:9px;color:#6b7280;font-size:9px;font-weight:800;letter-spacing:1.4px}.info-section h2{max-width:760px;margin:0 0 15px;color:#111827;font-size:25px;font-weight:800;line-height:1.25;letter-spacing:-.5px}.info-section>p{max-width:820px;margin:0 0 13px;color:#4b5563;font-size:13px;line-height:1.8}.about-tools-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:25px}.about-tool-card{display:flex;align-items:flex-start;gap:14px;padding:18px;border:1px solid #e5e7eb;border-radius:12px;background:#fff;color:inherit;text-decoration:none;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.about-tool-card:hover{transform:translateY(-2px);border-color:#d1d5db;box-shadow:0 10px 25px #0f172a0f}.about-tool-icon{width:42px;height:42px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:10px;background:#f3f4f6;color:#111827;font-size:19px;font-weight:800}.about-tool-icon.blue{background:#eff6ff;color:#2563eb}.about-tool-icon.green{background:#ecfdf5;color:#059669}.about-tool-icon.orange{background:#fff7ed;color:#ea580c}.about-tool-card h3{margin:1px 0 5px;color:#111827;font-size:13px;font-weight:750}.about-tool-card p{margin:0 0 8px;color:#6b7280;font-size:10px;line-height:1.6}.about-tool-card span{color:#374151;font-size:9px;font-weight:750}.about-feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:25px}.about-feature{display:flex;align-items:flex-start;gap:13px;padding:17px;border:1px solid #e5e7eb;border-radius:11px;background:#fff}.feature-number{color:#9ca3af;font-family:monospace;font-size:10px;font-weight:800}.about-feature h3{margin:0 0 5px;color:#111827;font-size:12px;font-weight:750}.about-feature p{margin:0;color:#6b7280;font-size:10px;line-height:1.65}.use-case-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:25px}.use-case{padding:18px;border:1px solid #e5e7eb;border-radius:11px;background:#fff}.use-case>span{display:block;margin-bottom:12px;font-size:22px}.use-case h3{margin:0 0 5px;color:#111827;font-size:12px;font-weight:750}.use-case p{margin:0;color:#6b7280;font-size:9px;line-height:1.6}.about-trust-section{display:flex;align-items:flex-start;gap:15px;margin-bottom:35px;padding:22px;border:1px solid #dbeafe;border-radius:12px;background:#eff6ff}.trust-icon{width:40px;height:40px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:9px;background:#fff;font-size:18px}.about-trust-section h2{margin:0 0 7px;color:#1e3a8a;font-size:15px;font-weight:750}.about-trust-section p{max-width:700px;margin:0 0 8px;color:#475569;font-size:10px;line-height:1.7}.about-trust-section a{color:#1d4ed8;text-decoration:none;font-size:10px;font-weight:750}.about-cta{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:30px;border-radius:14px;background:#111827;color:#fff}.about-cta>div:first-child{max-width:600px}.about-cta>div:first-child>span{color:#9ca3af;font-size:8px;font-weight:800;letter-spacing:1.4px}.about-cta h2{margin:7px 0 5px;color:#fff;font-size:21px;font-weight:800}.about-cta p{margin:0;color:#9ca3af;font-size:10px}.about-cta-buttons{display:flex;gap:7px;flex-shrink:0}.about-cta-primary,.about-cta-secondary{height:38px;padding:0 13px;display:flex;align-items:center;justify-content:center;border-radius:7px;text-decoration:none;font-size:9px;font-weight:750}.about-cta-primary{background:#fff;color:#111827}.about-cta-secondary{border:1px solid #374151;background:#1f2937;color:#fff}@media (max-width: 900px){.use-case-grid{grid-template-columns:repeat(2,1fr)}.about-cta{align-items:flex-start;flex-direction:column}}@media (max-width: 650px){.info-container{padding-left:16px;padding-right:16px}.info-page-content{padding-top:35px}.info-header-content{padding-bottom:25px}.info-header-content h1{font-size:22px}.info-header-content p{font-size:11px}.info-page-icon{width:45px;height:45px;font-size:22px}.info-section h2{font-size:21px}.about-tools-grid,.about-feature-grid,.use-case-grid{grid-template-columns:1fr}.about-tool-card{padding:15px}.about-trust-section{padding:17px}.about-cta{padding:22px}.about-cta-buttons{width:100%;flex-direction:column}.about-cta-primary,.about-cta-secondary{width:100%}}.faq-intro{margin-bottom:35px}.faq-list{display:flex;flex-direction:column;gap:35px}.faq-category-title{margin-bottom:10px;color:#111827;font-size:13px;font-weight:800}.faq-items{display:flex;flex-direction:column;border:1px solid #e5e7eb;border-radius:11px;overflow:hidden;background:#fff}.faq-item{border-bottom:1px solid #edf0f3}.faq-item:last-child{border-bottom:0}.faq-item.open{background:#fafafa}.faq-question{width:100%;min-height:56px;padding:14px 17px;display:flex;align-items:center;justify-content:space-between;gap:15px;border:0;background:transparent;color:#111827;text-align:left;font-family:inherit;font-size:11px;font-weight:700;cursor:pointer}.faq-question:hover{background:#f9fafb}.faq-item.open .faq-question{color:#111827}.faq-toggle{width:24px;height:24px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border:1px solid #e5e7eb;border-radius:6px;background:#fff;color:#6b7280;font-size:16px;font-weight:500}.faq-item.open .faq-toggle{background:#111827;border-color:#111827;color:#fff}.faq-answer{padding:0 17px 17px}.faq-answer p{max-width:850px;margin:0;color:#6b7280;font-size:10px;line-height:1.75}.faq-contact-section{display:flex;align-items:center;gap:14px;margin-top:50px;margin-bottom:50px;padding:22px;border:1px solid #e5e7eb;border-radius:12px;background:#fff}.faq-contact-icon{width:42px;height:42px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:9px;background:#111827;color:#fff;font-size:19px;font-weight:800}.faq-contact-content{flex:1}.faq-contact-content .info-label{margin-bottom:4px}.faq-contact-content h2{margin:0 0 5px;color:#111827;font-size:15px;font-weight:750}.faq-contact-content p{margin:0;color:#6b7280;font-size:10px;line-height:1.6}.faq-contact-button{flex-shrink:0;display:flex;align-items:center;justify-content:center;height:36px;padding:0 13px;border-radius:7px;background:#111827;color:#fff;text-decoration:none;font-size:9px;font-weight:750}.faq-tools-section{margin-bottom:35px}.faq-tools{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:22px}.faq-tool-link{display:flex;align-items:center;gap:10px;padding:13px;border:1px solid #e5e7eb;border-radius:9px;background:#fff;color:inherit;text-decoration:none;transition:border-color .2s ease,transform .2s ease}.faq-tool-link:hover{transform:translateY(-2px);border-color:#cbd5e1}.faq-tool-link>span{width:34px;height:34px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:7px;background:#f3f4f6;color:#111827;font-size:13px;font-weight:800}.faq-tool-link>div{min-width:0;flex:1;display:flex;flex-direction:column;gap:3px}.faq-tool-link strong{color:#111827;font-size:10px;font-weight:750}.faq-tool-link small{overflow:hidden;color:#9ca3af;font-size:8px;line-height:1.4;text-overflow:ellipsis}.faq-tool-link b{color:#9ca3af;font-size:13px}.faq-privacy-note{display:flex;align-items:center;gap:9px;padding:13px 15px;border:1px solid #e5e7eb;border-radius:8px;background:#f8fafc}.faq-privacy-note>span{font-size:13px}.faq-privacy-note p{margin:0;color:#6b7280;font-size:9px;line-height:1.6}.faq-privacy-note a{color:#374151;font-weight:750;text-decoration:none}.faq-privacy-note a:hover{text-decoration:underline}@media (max-width: 850px){.faq-tools{grid-template-columns:repeat(2,1fr)}.faq-tool-link:last-child{grid-column:1 / -1}}@media (max-width: 600px){.faq-contact-section{align-items:flex-start;flex-direction:column;padding:18px}.faq-contact-button{width:100%}.faq-tools{grid-template-columns:1fr}.faq-tool-link:last-child{grid-column:auto}.faq-question{min-height:52px;padding:12px 13px;font-size:10px}.faq-answer{padding:0 13px 14px}.faq-answer p{font-size:9px}}.contact-card{display:flex;align-items:flex-start;gap:18px;margin-bottom:50px;padding:25px;border:1px solid #e5e7eb;border-radius:13px;background:#fff;box-shadow:0 5px 20px #0f172a0a}.contact-card-icon{width:48px;height:48px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:10px;background:#111827;color:#fff;font-size:20px}.contact-card-content{flex:1}.contact-card-content>span{display:block;margin-bottom:6px;color:#9ca3af;font-size:8px;font-weight:800;letter-spacing:1px}.contact-card-content h2{margin:0 0 7px;color:#111827;font-size:17px;font-weight:750}.contact-card-content p{max-width:650px;margin:0 0 15px;color:#6b7280;font-size:10px;line-height:1.7}.contact-email-button{display:inline-flex;align-items:center;justify-content:center;height:37px;padding:0 13px;border-radius:7px;background:#111827;color:#fff;text-decoration:none;font-size:9px;font-weight:750}.contact-help-list{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:20px}.contact-help-list>div{display:flex;align-items:flex-start;gap:9px;padding:14px;border:1px solid #e5e7eb;border-radius:9px;background:#fff}.contact-help-list strong{color:#9ca3af;font-family:monospace;font-size:9px}.contact-help-list span{color:#6b7280;font-size:9px;line-height:1.5}@media (max-width: 700px){.contact-card{padding:18px}.contact-card-content h2{font-size:14px;word-break:break-word}.contact-help-list{grid-template-columns:1fr}}