@keyframes fade-in{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes glow-pulse{0%,to{box-shadow:0 0 20px rgba(56,189,248,.3)}50%{box-shadow:0 0 40px rgba(147,51,234,.5)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes bounce{0%,20%,53%,80%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:translateZ(0)}40%,43%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-30px,0)}70%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-15px,0)}90%{transform:translate3d(0,-4px,0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.chrome-icon-generator{min-height:100vh;background:#000;position:relative;overflow:hidden}.chrome-icon-generator .background-container{position:absolute;inset:0}.chrome-icon-generator .background-container .mesh-gradient{position:absolute;inset:0;opacity:.9;background:radial-gradient(circle at 25% 25%,rgba(120,119,198,.3) 0,transparent 50%),radial-gradient(circle at 75% 75%,rgba(255,119,198,.3) 0,transparent 50%),radial-gradient(circle at 50% 50%,rgba(119,255,198,.2) 0,transparent 50%),linear-gradient(135deg,rgba(0,0,40,.9),rgba(20,0,60,.9) 50%,rgba(0,40,80,.9))}.chrome-icon-generator .background-container .animated-orb{position:absolute;border-radius:50%;fill:3rem;animation:pulse 4s ease-in-out infinite}.chrome-icon-generator .background-container .animated-orb.orb-1{top:5rem;left:5rem;width:24rem;height:24rem;background:linear-gradient(90deg,rgba(168,85,247,.2),rgba(236,72,153,.2),rgba(59,130,246,.2));animation-duration:4s}.chrome-icon-generator .background-container .animated-orb.orb-2{bottom:5rem;right:5rem;width:20rem;height:20rem;background:linear-gradient(90deg,rgba(34,211,238,.2),rgba(59,130,246,.2),rgba(168,85,247,.2));animation-duration:6s;animation-delay:2s}.chrome-icon-generator .background-container .animated-orb.orb-3{top:50%;left:25%;width:16rem;height:16rem;background:linear-gradient(90deg,rgba(16,185,129,.15),rgba(5,150,105,.15),rgba(6,182,212,.15));animation-duration:8s;animation-delay:4s}.chrome-icon-generator .background-container .mouse-glow{position:absolute;width:20rem;height:20rem;background:linear-gradient(90deg,rgba(255,255,255,.1),rgba(59,130,246,.2));border-radius:50%;filter:blur(3rem);pointer-events:none;transition:all 1s ease-out;opacity:.6}.chrome-icon-generator .background-container .floating-particle{position:absolute;width:.25rem;height:.25rem;background:hsla(0,0%,100%,.4);border-radius:50%;animation:pulse 3s ease-in-out infinite}.chrome-icon-generator .main-content{position:relative;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem 2rem;min-height:100vh}@media(min-width:640px){.chrome-icon-generator .main-content{padding:2rem}}.chrome-icon-generator .header-section{text-align:center;margin-bottom:4rem;max-width:80rem}.chrome-icon-generator .header-section .logo-container{position:relative;display:inline-flex;align-items:center;justify-content:center;width:8rem;height:8rem;margin-bottom:2.5rem}.chrome-icon-generator .header-section .logo-container .spinning-border{position:absolute;inset:0;background:linear-gradient(45deg,#3b82f6,#8b5cf6,#ec4899);border-radius:50%;animation:spin 8s linear infinite}.chrome-icon-generator .header-section .logo-container .logo-inner{position:relative;width:7rem;height:7rem;background:#000;border-radius:50%;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(.5rem)}.chrome-icon-generator .header-section .logo-container .logo-inner .logo-icon{width:3.5rem;height:3.5rem;color:#fff;animation:pulse 2s ease-in-out infinite}.chrome-icon-generator .header-section .main-title{font-size:3rem;font-weight:900;margin-bottom:2rem;line-height:1.1}@media(min-width:640px){.chrome-icon-generator .header-section .main-title{font-size:4.5rem}}@media(min-width:1024px){.chrome-icon-generator .header-section .main-title{font-size:5rem}}.chrome-icon-generator .header-section .main-title .title-line-1{background:linear-gradient(90deg,white,#bfdbfe,#e9d5ff);background-clip:text;-webkit-background-clip:text;color:rgba(0,0,0,0);animation:pulse 2s ease-in-out infinite}.chrome-icon-generator .header-section .main-title .title-line-2{background:linear-gradient(90deg,#a78bfa,#f472b6,#60a5fa);background-clip:text;-webkit-background-clip:text;color:rgba(0,0,0,0)}.chrome-icon-generator .header-section .subtitle{color:#d1d5db;font-size:1.25rem;max-width:64rem;margin:0 auto;line-height:1.7;font-weight:300;opacity:.9}@media(min-width:640px){.chrome-icon-generator .header-section .subtitle{font-size:1.5rem}}.chrome-icon-generator .header-section .subtitle .highlight-text{color:rgba(0,0,0,0);background:linear-gradient(90deg,#60a5fa,#a78bfa);background-clip:text;-webkit-background-clip:text;font-weight:600}.chrome-icon-generator .header-section .feature-badges{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:2rem}.chrome-icon-generator .header-section .feature-badges .feature-badge{padding:.75rem 1.5rem;background:hsla(0,0%,100%,.1);backdrop-filter:blur(.5rem);border:1px solid hsla(0,0%,100%,.2);border-radius:9999px;color:hsla(0,0%,100%,.8);font-size:.875rem;font-weight:500;transition:all .3s ease}.chrome-icon-generator .header-section .feature-badges .feature-badge:hover{background:hsla(0,0%,100%,.2);transform:scale(1.05)}.chrome-icon-generator .upload-section{width:100%;max-width:64rem;margin-bottom:4rem}.chrome-icon-generator .upload-section .upload-area{position:relative;border:2px dashed hsla(0,0%,100%,.3);border-radius:1.5rem;cursor:pointer;transition:all .7s ease;height:16rem;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;margin-bottom:2rem;background:hsla(0,0%,100%,.05);backdrop-filter:blur(3rem)}@media(min-width:640px){.chrome-icon-generator .upload-section .upload-area{height:20rem}}.chrome-icon-generator .upload-section .upload-area.small{height:6rem}@media(min-width:640px){.chrome-icon-generator .upload-section .upload-area.small{height:7rem}}.chrome-icon-generator .upload-section .upload-area.drag-over{border-color:#22d3ee;background:rgba(34,211,238,.1);transform:scale(1.05);box-shadow:0 25px 50px -12px rgba(34,211,238,.2)}.chrome-icon-generator .upload-section .upload-area:hover{border-color:#a78bfa;background:rgba(167,139,250,.1);box-shadow:0 25px 50px -12px rgba(167,139,250,.2);transform:scale(1.02)}.chrome-icon-generator .upload-section .upload-area:hover:active{transform:scale(.98)}.chrome-icon-generator .upload-section .upload-area .upload-shimmer{position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.05),transparent);animation:pulse 2s ease-in-out infinite;opacity:.5}.chrome-icon-generator .upload-section .upload-area .upload-icon-container{position:relative;width:6rem;height:6rem;margin-bottom:2rem}@media(min-width:640px){.chrome-icon-generator .upload-section .upload-area .upload-icon-container{width:7rem;height:7rem}}.chrome-icon-generator .upload-section .upload-area .upload-icon-container .upload-icon-bg{position:absolute;inset:0;background:linear-gradient(45deg,rgba(59,130,246,.2),rgba(168,85,247,.2),rgba(236,72,153,.2));border-radius:1.5rem;transition:all .5s ease;animation:pulse 2s ease-in-out infinite}.upload-area:hover .chrome-icon-generator .upload-section .upload-area .upload-icon-container .upload-icon-bg{background:linear-gradient(45deg,rgba(59,130,246,.3),rgba(168,85,247,.3),rgba(236,72,153,.3));transform:scale(1.1)}.chrome-icon-generator .upload-section .upload-area .upload-icon-container .upload-icon-wrapper{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.chrome-icon-generator .upload-section .upload-area .upload-icon-container .upload-icon-wrapper .upload-icon{width:3rem;height:3rem;color:hsla(0,0%,100%,.8);transition:all .3s ease}@media(min-width:640px){.chrome-icon-generator .upload-section .upload-area .upload-icon-container .upload-icon-wrapper .upload-icon{width:3.5rem;height:3.5rem}}.upload-area:hover .chrome-icon-generator .upload-section .upload-area .upload-icon-container .upload-icon-wrapper .upload-icon{color:#fff;transform:scale(1.1)}.chrome-icon-generator .upload-section .upload-area .upload-dots{display:flex;align-items:center;justify-content:center;margin-bottom:1rem}.chrome-icon-generator .upload-section .upload-area .upload-dots .upload-dot{width:.5rem;height:.5rem;border-radius:50%;margin:0 .5rem;animation:bounce 1.5s ease-in-out infinite}.chrome-icon-generator .upload-section .upload-area .upload-dots .upload-dot.dot-1{background:#60a5fa;animation-delay:0s}.chrome-icon-generator .upload-section .upload-area .upload-dots .upload-dot.dot-2{background:#a78bfa;animation-delay:.2s}.chrome-icon-generator .upload-section .upload-area .upload-dots .upload-dot.dot-3{background:#f472b6;animation-delay:.4s}.chrome-icon-generator .upload-section .upload-area .upload-title{color:#fff;font-size:1.5rem;font-weight:700;margin-bottom:.75rem;transition:color .3s ease}@media(min-width:640px){.chrome-icon-generator .upload-section .upload-area .upload-title{font-size:1.875rem}}.upload-area:hover .chrome-icon-generator .upload-section .upload-area .upload-title{color:#22d3ee}.chrome-icon-generator .upload-section .upload-area .upload-subtitle{color:hsla(0,0%,100%,.7);text-align:center;max-width:28rem;font-size:1rem;font-weight:300;transition:color .3s ease}@media(min-width:640px){.chrome-icon-generator .upload-section .upload-area .upload-subtitle{font-size:1.125rem}}.upload-area:hover .chrome-icon-generator .upload-section .upload-area .upload-subtitle{color:hsla(0,0%,100%,.9)}.chrome-icon-generator .upload-section .upload-area .drag-overlay{position:absolute;inset:0;background:linear-gradient(45deg,rgba(34,211,238,.2),rgba(59,130,246,.2),rgba(168,85,247,.2));border-radius:1.5rem;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(3rem);border:1px solid rgba(34,211,238,.5)}.chrome-icon-generator .upload-section .upload-area .drag-overlay .drag-message{color:#67e8f9;font-weight:700;font-size:1.25rem;animation:bounce 1s ease-in-out infinite;display:flex;align-items:center}.chrome-icon-generator .upload-section .upload-area .drag-overlay .drag-message .drag-icon{width:2rem;height:2rem;margin-right:.75rem}.chrome-icon-generator .upload-section .file-input{display:none}.chrome-icon-generator .processing-section{display:flex;flex-direction:column;align-items:center;margin-bottom:4rem;animation:fade-in .8s ease-out}.chrome-icon-generator .processing-section .processing-spinner{position:relative;margin-bottom:2rem;width:6rem;height:6rem}.chrome-icon-generator .processing-section .processing-spinner .spinner-outer{width:6rem;height:6rem;border:4px solid hsla(0,0%,100%,.2);border-radius:50%;animation:spin 2s linear infinite}.chrome-icon-generator .processing-section .processing-spinner .spinner-inner{position:absolute;top:0;left:0;width:6rem;height:6rem;border-bottom:4px solid rgba(0,0,0,0);border-right:4px solid rgba(0,0,0,0);border-top:4px solid rgba(0,0,0,0);border-color:#22d3ee #a78bfa #f472b6 rgba(0,0,0,0);border-style:solid;border-width:4px;border-radius:50%;animation:spin 2s linear infinite reverse}.chrome-icon-generator .processing-section .processing-spinner .spinner-core{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:3rem;height:3rem;background:linear-gradient(90deg,#22d3ee,#a78bfa);border-radius:50%;animation:pulse 1s ease-in-out infinite}.chrome-icon-generator .processing-section .processing-content{text-align:center}.chrome-icon-generator .processing-section .processing-content .processing-title{color:#fff;font-weight:700;font-size:1.25rem;margin-bottom:1rem;display:flex;align-items:center;justify-content:center}.chrome-icon-generator .processing-section .processing-content .processing-title .processing-icon{width:1.5rem;height:1.5rem;margin-right:.75rem;animation:spin 2s linear infinite}.chrome-icon-generator .processing-section .processing-content .processing-dots{display:flex;justify-content:center;gap:.5rem}.chrome-icon-generator .processing-section .processing-content .processing-dots .processing-dot{width:.75rem;height:.75rem;background:linear-gradient(90deg,#22d3ee,#a78bfa);border-radius:50%;animation:bounce 1s ease-in-out infinite}.chrome-icon-generator .output-section{width:100%;max-width:96rem;margin-bottom:4rem}.chrome-icon-generator .output-section .output-header{text-align:center;margin-bottom:3rem}.chrome-icon-generator .output-section .output-header .output-title{font-size:2.5rem;font-weight:900;margin-bottom:1rem;background:linear-gradient(90deg,white,#bfdbfe,#e9d5ff);background-clip:text;-webkit-background-clip:text;color:rgba(0,0,0,0)}@media(min-width:640px){.chrome-icon-generator .output-section .output-header .output-title{font-size:3rem}}.chrome-icon-generator .output-section .output-header .output-subtitle{color:hsla(0,0%,100%,.7);font-size:1.125rem}.chrome-icon-generator .output-section .icon-grid{display:grid;grid-template-columns:1fr;gap:2rem}@media(min-width:640px){.chrome-icon-generator .output-section .icon-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.chrome-icon-generator .output-section .icon-grid{grid-template-columns:repeat(4,1fr)}}.chrome-icon-generator .output-section .icon-grid .icon-card{position:relative;background:hsla(0,0%,100%,.05);backdrop-filter:blur(3rem);border:1px solid hsla(0,0%,100%,.1);border-radius:1.5rem;padding:2rem;text-align:center;transition:all .5s ease;animation:fade-in .8s ease-out}.chrome-icon-generator .output-section .icon-grid .icon-card:hover{background:hsla(0,0%,100%,.1);transform:scale(1.05);box-shadow:0 25px 50px -12px rgba(168,85,247,.2)}.chrome-icon-generator .output-section .icon-grid .icon-card:hover .card-shimmer{opacity:1}.chrome-icon-generator .output-section .icon-grid .icon-card:hover .icon-preview{transform:scale(1.1)}.chrome-icon-generator .output-section .icon-grid .icon-card:hover .icon-preview .preview-image{filter:drop-shadow(0 0 20px rgba(168,85,247,.4))}.chrome-icon-generator .output-section .icon-grid .icon-card:hover .download-btn{transform:scale(1.05)}.chrome-icon-generator .output-section .icon-grid .icon-card .card-shimmer{position:absolute;inset:0;background:linear-gradient(45deg,transparent,rgba(255,255,255,.05),transparent);border-radius:1.5rem;opacity:0;transition:opacity .5s ease}.chrome-icon-generator .output-section .icon-grid .icon-card .icon-preview{position:relative;width:8rem;height:8rem;margin:0 auto 2rem;background:linear-gradient(45deg,rgba(255,255,255,.1),rgba(255,255,255,.05));border-radius:1.5rem;padding:1.5rem;display:flex;align-items:center;justify-content:center;transition:all .5s ease}.chrome-icon-generator .output-section .icon-grid .icon-card .icon-preview .preview-image{max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 10px 25px rgba(0,0,0,.5));transition:filter .5s ease}.chrome-icon-generator .output-section .icon-grid .icon-card .icon-info{margin-bottom:2rem}.chrome-icon-generator .output-section .icon-grid .icon-card .icon-info .icon-size{font-size:1.5rem;font-weight:900;background:linear-gradient(90deg,#22d3ee,#a78bfa);background-clip:text;-webkit-background-clip:text;color:rgba(0,0,0,0);margin-bottom:.5rem}.chrome-icon-generator .output-section .icon-grid .icon-card .icon-info .icon-purpose{color:hsla(0,0%,100%,.6);font-size:.875rem;font-weight:500}.chrome-icon-generator .output-section .icon-grid .icon-card .download-btn{position:relative;display:inline-flex;align-items:center;padding:1rem 2rem;background:linear-gradient(90deg,#22d3ee,#3b82f6,#8b5cf6);color:#fff;border-radius:1rem;text-decoration:none;font-size:.875rem;font-weight:700;box-shadow:0 25px 50px -12px rgba(0,0,0,.25);transition:all .3s ease;overflow:hidden}.chrome-icon-generator .output-section .icon-grid .icon-card .download-btn:hover{background:linear-gradient(90deg,#0891b2,#2563eb,#7c3aed);transform:scale(1.05)}.chrome-icon-generator .output-section .icon-grid .icon-card .download-btn:hover .btn-shimmer{opacity:1}.chrome-icon-generator .output-section .icon-grid .icon-card .download-btn:active{transform:scale(.95)}.chrome-icon-generator .output-section .icon-grid .icon-card .download-btn .btn-shimmer{position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.2),transparent,rgba(255,255,255,.2));opacity:0;transition:opacity .3s ease}.chrome-icon-generator .output-section .icon-grid .icon-card .download-btn .download-icon{width:1.25rem;height:1.25rem;margin-right:.5rem;position:relative;z-index:10}.chrome-icon-generator .output-section .icon-grid .icon-card .download-btn span{position:relative;z-index:10}.chrome-icon-generator .download-all-btn{position:relative;padding:1.5rem 3rem;background:linear-gradient(90deg,#10b981,#14b8a6,#06b6d4);color:#fff;border-radius:1.5rem;border:none;cursor:pointer;transition:all .5s ease;margin-bottom:4rem;font-size:1.25rem;font-weight:900;box-shadow:0 25px 50px -12px rgba(16,185,129,.3);display:flex;types:center;overflow:hidden}.chrome-icon-generator .download-all-btn:hover{background:linear-gradient(90deg,#059669,#0d9488,#0891b2);transform:scale(1.1)}.chrome-icon-generator .download-all-btn:hover .btn-animation-overlay{transform:translateX(100%)}.chrome-icon-generator .download-all-btn:hover .download-all-icon{transform:rotate(12deg)}.chrome-icon-generator .download-all-btn:active{transform:scale(.95)}.chrome-icon-generator .download-all-btn .btn-animation-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.2),transparent,rgba(255,255,255,.2));transform:translateX(-100%);transition:transform 1s ease}.chrome-icon-generator .download-all-btn .download-all-icon{width:1.75rem;height:1.75rem;margin-right:1rem;position:relative;z-index:10;transition:transform .3s ease}.chrome-icon-generator .download-all-btn span{position:relative;z-index:10}.chrome-icon-generator .code-section{width:100%;max-width:64rem}.chrome-icon-generator .code-section .code-header{text-align:center;margin-bottom:2.5rem}.chrome-icon-generator .code-section .code-header .code-title{font-size:1.875rem;font-weight:900;margin-bottom:1rem;background:linear-gradient(90deg,white,#bfdbfe);background-clip:text;-webkit-background-clip:text;color:rgba(0,0,0,0)}.chrome-icon-generator .code-section .code-header .code-subtitle{color:hsla(0,0%,100%,.7);font-weight:500}.chrome-icon-generator .code-section .code-container{position:relative;background:rgba(0,0,0,.4);backdrop-filter:blur(3rem);border:1px solid hsla(0,0%,100%,.2);border-radius:1.5rem;padding:2rem;box-shadow:0 25px 50px -12px rgba(0,0,0,.25);overflow:hidden}.chrome-icon-generator .code-section .code-container .code-bg-gradient{position:absolute;inset:0;background:linear-gradient(90deg,rgba(34,211,238,.05),transparent,rgba(168,85,247,.05))}.chrome-icon-generator .code-section .code-container .code-snippet{font-size:1rem;color:#bfdbfe;font-family:Monaco,Menlo,Ubuntu Mono,monospace;line-height:1.75;padding-right:6rem;position:relative;z-index:10;overflow-x:auto;white-space:pre}.chrome-icon-generator .code-section .code-container .copy-btn{position:absolute;top:1.5rem;right:1.5rem;padding:1rem 2rem;font-size:.875rem;font-weight:700;border-radius:1rem;border:none;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.75rem;position:relative;z-index:10;overflow:hidden}.chrome-icon-generator .code-section .code-container .copy-btn:active{transform:scale(.95)}.chrome-icon-generator .code-section .code-container .copy-btn:hover{transform:scale(1.05)}.chrome-icon-generator .code-section .code-container .copy-btn:hover .copy-btn-shimmer{opacity:1}.chrome-icon-generator .code-section .code-container .copy-btn.idle{background:hsla(0,0%,100%,.1);color:#fff;backdrop-filter:blur(.5rem);border:1px solid hsla(0,0%,100%,.2);box-shadow:0 10px 25px rgba(0,0,0,.25)}.chrome-icon-generator .code-section .code-container .copy-btn.idle:hover{background:hsla(0,0%,100%,.2)}.chrome-icon-generator .code-section .code-container .copy-btn.copied{background:#10b981;color:#fff;box-shadow:0 10px 25px rgba(16,185,129,.3);animation:pulse .5s ease-in-out}.chrome-icon-generator .code-section .code-container .copy-btn.error{background:#ef4444;color:#fff;box-shadow:0 10px 25px rgba(239,68,68,.3)}.chrome-icon-generator .code-section .code-container .copy-btn .copy-btn-shimmer{position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.1),transparent);opacity:0;transition:opacity .3s ease}.chrome-icon-generator .code-section .code-container .copy-btn .copy-icon{width:1.25rem;height:1.25rem}.chrome-icon-generator .footer{position:relative;z-index:10;background:rgba(0,0,0,.6);backdrop-filter:blur(2rem);border-top:1px solid hsla(0,0%,100%,.1);padding:5rem 1rem;margin-top:6rem;overflow:hidden}.chrome-icon-generator .footer .footer-bg-effects{position:absolute;inset:0}.chrome-icon-generator .footer .footer-bg-effects .footer-gradient{background:linear-gradient(90deg,rgba(139,92,246,.2),rgba(59,130,246,.2),rgba(34,211,238,.2))}.chrome-icon-generator .footer .footer-bg-effects .footer-orb-right{position:absolute;top:0;right:0;width:24rem;height:24rem;background:linear-gradient(to bottom left,rgba(168,85,247,.1),transparent);border-radius:50%;filter:blur(3rem)}.chrome-icon-generator .footer .footer-bg-effects .footer-orb-left{position:absolute;bottom:0;left:0;width:24rem;height:24rem;background:linear-gradient(to top right,rgba(34,211,238,.1),transparent);border-radius:50%;filter:blur(3rem)}.chrome-icon-generator .footer .footer-content{max-width:112rem;margin:0 auto;position:relative;z-index:10}.chrome-icon-generator .footer .footer-content .footer-grid{display:grid;grid-template-columns:1fr;gap:4rem;margin-bottom:4rem}@media(min-width:768px){.chrome-icon-generator .footer .footer-content .footer-grid{grid-template-columns:repeat(3,1fr)}}.chrome-icon-generator .footer .footer-content .footer-grid .footer-brand{text-align:center}@media(min-width:768px){.chrome-icon-generator .footer .footer-content .footer-grid .footer-brand{text-align:left}}.chrome-icon-generator .footer .footer-content .footer-grid .footer-brand .brand-header{display:flex;align-items:center;justify-content:center;margin-bottom:2rem}@media(min-width:768px){.chrome-icon-generator .footer .footer-content .footer-grid .footer-brand .brand-header{justify-content:flex-start}}.chrome-icon-generator .footer .footer-content .footer-grid .footer-brand .brand-header .brand-logo{position:relative;margin-right:1rem}.chrome-icon-generator .footer .footer-content .footer-grid .footer-brand .brand-header .brand-logo .brand-logo-main{width:3.5rem;height:3.5rem;background:linear-gradient(45deg,#22d3ee,#3b82f6,#8b5cf6);border-radius:1rem;animation:pulse 2s ease-in-out infinite}.chrome-icon-generator .footer .footer-content .footer-grid .footer-brand .brand-header .brand-logo .brand-logo-blur{position:absolute;inset:0;width:3.5rem;height:3.5rem;background:linear-gradient(45deg,#22d3ee,#3b82f6,#8b5cf6);border-radius:1rem;filter:blur(.75rem);opacity:.5}.chrome-icon-generator .footer .footer-content .footer-grid .footer-brand .brand-header .brand-name{font-size:1.875rem;font-weight:900;color:#fff}.chrome-icon-generator .footer .footer-content .footer-grid .footer-brand .brand-description{color:hsla(0,0%,100%,.7);line-height:1.7;font-weight:300;font-size:1.125rem;margin-bottom:1.5rem}.chrome-icon-generator .footer .footer-content .footer-grid .footer-brand .social-links{display:flex;justify-content:center;gap:1rem}@media(min-width:768px){.chrome-icon-generator .footer .footer-content .footer-grid .footer-brand .social-links{justify-content:flex-start}}.chrome-icon-generator .footer .footer-content .footer-grid .footer-brand .social-links .social-link{width:3rem;height:3rem;background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.1);border-radius:.75rem;display:flex;align-items:center;justify-content:center;transition:all .3s ease;cursor:pointer;backdrop-filter:blur(.5rem)}.chrome-icon-generator .footer .footer-content .footer-grid .footer-brand .social-links .social-link:hover{background:hsla(0,0%,100%,.2);transform:scale(1.1)}.chrome-icon-generator .footer .footer-content .footer-grid .footer-brand .social-links .social-link .social-icon{width:1.5rem;height:1.5rem;background:linear-gradient(90deg,#22d3ee,#a78bfa);border-radius:.25rem;opacity:.7}.chrome-icon-generator .footer .footer-content .footer-grid .footer-features{text-align:center}.chrome-icon-generator .footer .footer-content .footer-grid .footer-features .features-title{font-size:1.5rem;font-weight:900;color:rgba(0,0,0,0);background:linear-gradient(90deg,#22d3ee,#a78bfa);background-clip:text;-webkit-background-clip:text;margin-bottom:2rem}.chrome-icon-generator .footer .footer-content .footer-grid .footer-features .features-list{display:flex;flex-direction:column;gap:1rem}.chrome-icon-generator .footer .footer-content .footer-grid .footer-features .features-list .feature-item{display:flex;align-items:flex-start;text-align:left;padding:1rem;border-radius:1rem;transition:all .3s ease}.chrome-icon-generator .footer .footer-content .footer-grid .footer-features .features-list .feature-item:hover{background:hsla(0,0%,100%,.05);transform:scale(1.05)}.chrome-icon-generator .footer .footer-content .footer-grid .footer-features .features-list .feature-item .feature-icon{font-size:1.5rem;margin-right:1rem;transition:transform .3s ease}.feature-item:hover .chrome-icon-generator .footer .footer-content .footer-grid .footer-features .features-list .feature-item .feature-icon{transform:scale(1.25)}.chrome-icon-generator .footer .footer-content .footer-grid .footer-features .features-list .feature-item .feature-content .feature-name{color:#fff;font-weight:700;font-size:1.125rem;margin-bottom:.25rem}.chrome-icon-generator .footer .footer-content .footer-grid .footer-features .features-list .feature-item .feature-content .feature-desc{color:hsla(0,0%,100%,.6);font-size:.875rem;font-weight:300}.chrome-icon-generator .footer .footer-content .footer-grid .footer-specs{text-align:center}@media(min-width:768px){.chrome-icon-generator .footer .footer-content .footer-grid .footer-specs{text-align:right}}.chrome-icon-generator .footer .footer-content .footer-grid .footer-specs .specs-title{font-size:1.5rem;font-weight:900;color:rgba(0,0,0,0);background:linear-gradient(90deg,#a78bfa,#f472b6);background-clip:text;-webkit-background-clip:text;margin-bottom:2rem}.chrome-icon-generator .footer .footer-content .footer-grid .footer-specs .specs-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:2rem}.chrome-icon-generator .footer .footer-content .footer-grid .footer-specs .specs-grid .spec-card{background:hsla(0,0%,100%,.05);backdrop-filter:blur(.5rem);border:1px solid hsla(0,0%,100%,.1);border-radius:1rem;padding:1rem;transition:all .3s ease}.chrome-icon-generator .footer .footer-content .footer-grid .footer-specs .specs-grid .spec-card:hover{background:hsla(0,0%,100%,.1);transform:scale(1.05)}.chrome-icon-generator .footer .footer-content .footer-grid .footer-specs .specs-grid .spec-card .spec-size{font-size:1.125rem;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-weight:700;color:#67e8f9;margin-bottom:.5rem;transition:color .3s ease}.spec-card:hover .chrome-icon-generator .footer .footer-content .footer-grid .footer-specs .specs-grid .spec-card .spec-size{color:#bfdbfe}.chrome-icon-generator .footer .footer-content .footer-grid .footer-specs .specs-grid .spec-card .spec-purpose{color:hsla(0,0%,100%,.6);font-size:.75rem;font-weight:300}.chrome-icon-generator .footer .footer-content .footer-grid .footer-specs .stats-list{display:flex;flex-direction:column;gap:.75rem}.chrome-icon-generator .footer .footer-content .footer-grid .footer-specs .stats-list .stat-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem 1rem;background:hsla(0,0%,100%,.05);border-radius:.75rem;backdrop-filter:blur(.5rem);border:1px solid hsla(0,0%,100%,.1);transition:all .3s ease}.chrome-icon-generator .footer .footer-content .footer-grid .footer-specs .stats-list .stat-item:hover{background:hsla(0,0%,100%,.1)}.chrome-icon-generator .footer .footer-content .footer-grid .footer-specs .stats-list .stat-item .stat-label{color:hsla(0,0%,100%,.7);font-size:.875rem;font-weight:300}.chrome-icon-generator .footer .footer-content .footer-grid .footer-specs .stats-list .stat-item .stat-value{color:#fff;font-weight:600;font-size:.875rem}.chrome-icon-generator .footer .footer-content .footer-bottom{border-top:1px solid hsla(0,0%,100%,.1);padding-top:3rem;display:flex;flex-direction:column;align-items:center;justify-content:space-between}@media(min-width:1024px){.chrome-icon-generator .footer .footer-content .footer-bottom{flex-direction:row}}.chrome-icon-generator .footer .footer-content .footer-bottom .footer-brand-bottom{display:flex;align-items:center;margin-bottom:2rem}@media(min-width:1024px){.chrome-icon-generator .footer .footer-content .footer-bottom .footer-brand-bottom{margin-bottom:0}}.chrome-icon-generator .footer .footer-content .footer-bottom .footer-brand-bottom .brand-logo-bottom{position:relative;margin-right:1.5rem}.chrome-icon-generator .footer .footer-content .footer-bottom .footer-brand-bottom .brand-logo-bottom .brand-logo-main-bottom{width:3rem;height:3rem;background:linear-gradient(90deg,#22d3ee,#a78bfa);border-radius:1rem;animation:pulse 2s ease-in-out infinite}.chrome-icon-generator .footer .footer-content .footer-bottom .footer-brand-bottom .brand-logo-bottom .brand-logo-blur-bottom{position:absolute;inset:0;width:3rem;height:3rem;background:linear-gradient(90deg,#22d3ee,#a78bfa);border-radius:1rem;filter:blur(.5rem);opacity:.3}.chrome-icon-generator .footer .footer-content .footer-bottom .footer-brand-bottom .brand-info .brand-title{color:#fff;font-weight:900;font-size:1.25rem}.chrome-icon-generator .footer .footer-content .footer-bottom .footer-brand-bottom .brand-info .brand-tagline{color:hsla(0,0%,100%,.5);font-size:.875rem;font-weight:300}.chrome-icon-generator .footer .footer-content .footer-bottom .footer-badges{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:2rem;font-size:.875rem}@media(min-width:1024px){.chrome-icon-generator .footer .footer-content .footer-bottom .footer-badges{justify-content:flex-end}}.chrome-icon-generator .footer .footer-content .footer-bottom .footer-badges .footer-badge{display:flex;align-items:center;font-weight:600;transition:transform .3s ease}.chrome-icon-generator .footer .footer-content .footer-bottom .footer-badges .footer-badge:hover{transform:scale(1.1)}.chrome-icon-generator .footer .footer-content .footer-bottom .footer-badges .footer-badge.emerald{color:#10b981}.chrome-icon-generator .footer .footer-content .footer-bottom .footer-badges .footer-badge.blue{color:#3b82f6}.chrome-icon-generator .footer .footer-content .footer-bottom .footer-badges .footer-badge.purple{color:#8b5cf6}.chrome-icon-generator .footer .footer-content .footer-bottom .footer-badges .footer-badge.cyan{color:#06b6d4}.chrome-icon-generator .footer .footer-content .footer-bottom .footer-badges .footer-badge .badge-icon{margin-right:.5rem;font-size:1rem}.chrome-icon-generator .footer .footer-content .footer-copyright{text-align:center;margin-top:3rem;padding-top:2rem;border-top:1px solid hsla(0,0%,100%,.05)}.chrome-icon-generator .footer .footer-content .footer-copyright p{color:hsla(0,0%,100%,.4);font-size:.875rem;font-weight:300}.chrome-icon-generator .footer .footer-content .footer-copyright p .copyright-highlight{color:rgba(0,0,0,0);background:linear-gradient(90deg,#22d3ee,#a78bfa);background-clip:text;-webkit-background-clip:text;font-weight:500}.chrome-icon-generator .footer .footer-border{position:absolute;bottom:0;left:0;width:100%;height:1px;background:linear-gradient(90deg,#22d3ee,#a78bfa,#f472b6);opacity:.5}html{scroll-behavior:smooth}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:rgba(0,0,0,.1)}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#06b6d4,#8b5cf6);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#0891b2,#7c3aed)}::selection{background:rgba(147,51,234,.3);color:#fff}button:focus-visible,input:focus-visible{outline:2px solid #8b5cf6;outline-offset:2px}.animate-fade-in{animation:fade-in .8s ease-out forwards}.animate-glow-pulse{animation:glow-pulse 2s ease-in-out infinite}.animate-spin{animation:spin 1s linear infinite}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-bounce{animation:bounce 1s infinite}