body{font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;color:#333}.hero-section{background:linear-gradient(135deg,#4338CA 0%,#6D28D9 100%);min-height:600px;position:relative}.text-gradient {background:linear-gradient(to right, #fff, #E0E7FF);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.glass-effect{background:rgba(255,255,255,0.1);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.2)}.hero-image-container{position:relative;z-index:1}.floating-icons{position:absolute;width:100%;height:100%;z-index:2}.floating-icon{position:absolute;font-size:2rem;animation:float 6s ease-in-out infinite}.floating-icon:nth-child(1){top:20%;left:20%;animation-delay:0s}.floating-icon:nth-child(2){top:60%;left:80%;animation-delay:1s}.floating-icon:nth-child(3){top:80%;left:40%;animation-delay:2s}.floating-icon:nth-child(4){top:30%;left:60%;animation-delay:3s}@keyframes float{0%{transform:translateY(0px) rotate(0deg)}50%{transform:translateY(-20px) rotate(10deg)}100%{transform:translateY(0px) rotate(0deg)}}.hero-section .lead{font-size:1.2rem;opacity:1;color:rgba(255,255,255,0.95);text-shadow:0 1px 2px rgba(0,0,0,0.1)}.search-box{backdrop-filter:blur(20px)}.hero-section .search-box{background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.2)}.search-gradient{background:linear-gradient(135deg,#4338CA 0%,#6D28D9 100%);border:1px solid rgba(255,255,255,0.2);box-shadow:0 10px 30px rgba(0,0,0,0.1)}.search-box .form-control:focus{box-shadow:none}.search-box .form-control::placeholder{color:rgba(255,255,255,0.8)}.search-box .form-select option{color:#333;background-color:#fff}.icon-card,.svg-card,.category-card,.feature-card,.stat-card,.collection-card,.gif-card{background:white;border-radius:1rem;box-shadow:0 4px 6px rgba(0,0,0,0.05);transition:all .3s ease}.icon-card:hover,.svg-card:hover,.category-card:hover,.feature-card:hover,.stat-card:hover,.collection-card:hover,.gif-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px rgba(0,0,0,0.1)}.icon-card img,.gif-card img{max-height:100%}.svg-card img{max-height:64px}.gif-card img{object-fit:contain}.category-card,.feature-card,.stat-card{border:none}.categories-section .card{transition:transform .3s ease}.categories-section .card:hover{transform:translateY(-5px)}.features-section i{transition:transform .3s ease}.features-section .col-md-4:hover i{transform:scale(1.1)}.icon-circle,.feature-icon,.stat-icon{width:80px;height:80px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center}.icon-circle,.feature-icon{margin-bottom:1rem}.feature-icon,.stat-icon{background:#F3F4F6}.stat-icon{margin:0 auto}.counter {font-size:2.5rem;font-weight:700;background:linear-gradient(135deg, #4F46E5 0%, #7C3AED 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.navbar,footer{background:linear-gradient(135deg,#4338CA 0%,#6D28D9 100%)!important}@media (max-width:991px){.dropdown-menu {background-color:rgba(67,56,202,0.9)!important;backdrop-filter:blur(10px);border-color:rgba(255,255,255,0.1)}.dropdown-menu.dropdown-search {background-color:#fff !important}.dropdown-item{color:rgba(255,255,255,0.9)!important}.dropdown-item:hover,.dropdown-item:focus{background-color:rgba(255,255,255,0.1);color:#fff!important}.dropdown-item.active{background-color:rgba(255,255,255,0.2);color:#fff!important}.dropdown-menu-lg{min-width:auto !important; max-width:95vw !important; width:95vw !important; left:auto !important; right:0 !important; transform:none !important; margin-left:0 !important}.dropdown-menu-lg .row{margin:0 !important}.dropdown-menu-lg .col-4{padding:0 5px !important; flex:0 0 50% !important; max-width:50% !important}.dropdown-menu-lg .dropdown-item{font-size:0.85rem !important; padding:0.5rem 0.75rem !important; white-space:nowrap !important; overflow:hidden !important; text-overflow:ellipsis !important}}.icon-card .btn{padding:.5rem 1rem}.style-card{cursor:pointer;transition:all .3s ease}.style-card:hover{transform:translateY(-5px)}.style-preview{box-shadow:0 4px 6px rgba(0,0,0,0.05);transition:all .3s ease;aspect-ratio:1;display:flex;align-items:center;justify-content:center}.style-card:hover .style-preview{box-shadow:0 10px 20px rgba(0,0,0,0.1)}.stat-item{padding:1rem;background:rgba(255,255,255,0.1);border-radius:1rem;backdrop-filter:blur(10px)}.collection-card{overflow:hidden}.collection-preview{min-height:160px;display:flex;align-items:center;justify-content:center;background:#F8F9FA;transition:all .3s ease}.collection-card:hover .collection-preview{background:#F3F4F6}.icons-grid i{transition:transform .3s ease}.collection-card:hover .icons-grid i{transform:scale(1.1)}.collection-info{border-top:1px solid rgba(0,0,0,0.05)}.hover-white:hover{color:white!important}.search-filters{margin:1.5rem 0}.search-filters .btn-group{flex-wrap:wrap}.search-filters .btn{margin-bottom:.5rem;border-radius:.5rem;padding:.5rem 1rem}.popular-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.tags-container{display:flex;flex-wrap:wrap;gap:.5rem}.tags-container .badge{font-size:.85rem;font-weight:500;background-color:#f8f9fa;border:1px solid #dee2e6;transition:all .2s ease}.tags-container .badge:hover{background-color:#e9ecef;transform:translateY(-2px)}.tags-container .badge i{color:#6c757d}.preview-card,.download-card{transition:all .3s ease}.preview-card:hover,.download-card:hover{box-shadow:0 .5rem 1rem rgba(0,0,0,.1)!important}.icon-display{min-height:300px;display:flex;align-items:center;justify-content:center;background:repeating-conic-gradient(#f8f9fa 0% 25%,transparent 0% 50%) 50% / 20px 20px;border:1px solid #dee2e6}.preview-image,.editor-preview-image{filter:drop-shadow(0 4px 6px rgba(0,0,0,.1));transition:all .3s ease;transform-origin:center center}.size-buttons .btn{border-radius:0;padding:.375rem .75rem;font-size:.875rem;margin:2px}.size-buttons .btn.active{background-color:#0d6efd;color:white;border-color:#0d6efd}.size-buttons .btn.disabled{opacity:.5;cursor:not-allowed;background-color:#e9ecef;border-color:#dee2e6;color:#6c757d}.format-options .card{cursor:pointer;border:1px solid #dee2e6;transition:all .2s ease}.format-option{position:relative;padding:1rem;text-align:center}.format-option.card.h-100{position:relative;padding:1rem;text-align:center}.format-input{position:absolute;opacity:0}.format-label{display:flex;flex-direction:column;align-items:center;gap:.5rem;cursor:pointer;width:100%;margin:0}.format-icon{font-size:1.5rem;color:#6c757d}.format-text{font-size:.875rem;font-weight:500}.format-input:checked + .format-label{color:#0d6efd}.format-input:checked + .format-label .format-icon{color:#0d6efd}.format-option:hover .format-icon{transform:scale(1.1);transition:transform .2s ease}.format-option.card.h-100:has(.format-input:checked){background-color:#0d6efd}.format-option.card.h-100:has(.format-input:checked) .format-icon,.format-option.card.h-100:has(.format-input:checked) .format-text{color:white}#svg + .format-label .format-icon{color:#1abc9c;content:"\f1c9"}#png + .format-label .format-icon{color:#2ecc71;content:"\f1c5"}#ico + .format-label .format-icon{color:#3498db;content:"\f6f2"}#webp + .format-label .format-icon{color:#9b59b6;content:"\f1c5"}#jpg + .format-label .format-icon{color:#e74c3c;content:"\f1c5"}#apng + .format-label .format-icon{color:#e74c3c}#gif + .format-label .format-icon{color:#2ecc71}#jsx + .format-label .format-icon{color:#61dafb}#css + .format-label .format-icon{color:#264de4}#favicon + .format-label .format-icon{color:#1abc9c;content:"\f0ac"}#android + .format-label .format-icon{color:#a4c639;content:"\f17b"}#zip + .format-label .format-icon{color:#34495e;content:"\f1c6"}.format-option.card.h-100:has(.format-input:checked) .format-icon{color:white!important}#downloadBtn{transition:all .3s ease}#downloadBtn:hover{transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.1)}.download-page{background-color:#f8f9fa;min-height:80vh}.gif-wrapper{display:inline-block;position:relative;transform-origin:center center}.preview-gif{filter:drop-shadow(0 4px 6px rgba(0,0,0,.1));transition:transform .3s ease;display:block;width:auto;max-width:100%}.preview-gif:hover{transform:scale(1.05)}.preview-icon{border-radius:8px;padding:15px;background:repeating-conic-gradient(#e9ecef 0% 25%,transparent 0% 50%) 50% / 20px 20px;box-shadow:0 4px 15px rgba(0,0,0,0.1);transition:transform .3s ease;max-width:100%;height:auto;object-fit:contain;max-height:512px}.preview-icon:hover{transform:scale(1.05)}.download-info{border-left:4px solid #0d6efd}.package-preview{border:2px dashed #dee2e6;transition:all .3s ease}.package-preview:hover{border-color:#0d6efd;background-color:#f8f9fa}.countdown-timer{font-size:1.25rem;font-weight:500;opacity:0;transition:opacity .3s ease}.countdown-timer.active{opacity:1}#countdown{color:#0d6efd;font-size:2rem;font-weight:bold}.preparing-text{display:none;animation:pulse 2s infinite}@keyframes pulse{0%{opacity:.6}50%{opacity:1}100%{opacity:.6}}.confirm-section{text-align:center;margin-bottom:2rem}.confirm-button{padding:1rem 2rem;font-size:1.1rem;transition:all .3s ease}.confirm-button:hover{transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.1)}@media (max-width:992px){.sticky-top-preview{position:relative;top:0;box-shadow:none;padding:0}}@media (max-width:768px){.code-container{max-height:200px}.code-container code{font-size:.75rem}.sticky-top-preview{position:sticky;top:0;z-index:1020;background-color:#fff;padding:10px;margin-bottom:15px;border-radius:.375rem;box-shadow:0 2px 5px rgba(0,0,0,0.1);max-height:250px;overflow:visible;display:flex;justify-content:center;align-items:center}#svg-editor-container svg{max-width:200px!important;max-height:200px!important}}@media (min-width:769px){.sticky-top-preview{position:relative;top:0;overflow:visible}}.editor-controls-card{border:1px solid #dee2e6;max-height:600px;overflow-y:auto;height:calc(100vh - 10rem);padding:1.25rem;background:#fff}.effect-btn.active{background-color:#0d6efd;color:white}.gif-actions .btn{transition:all .2s ease}.gif-actions .btn:hover{transform:translateY(-2px)}.badge{padding:.5em 1em}.code-container{position:relative;max-height:170px;overflow:auto}.code-container pre{margin:0;white-space:pre-wrap;word-wrap:break-word}.code-container code{display:block;font-size:.875rem;line-height:1.5}.editor-preview-card{width:100%;min-height:500px;position:relative;overflow:visible}#svg-editor-container{width:100%;height:100%;min-height:500px;display:flex;justify-content:center;align-items:center;padding:2rem;overflow:visible}#svg-editor-container svg{max-width:300px!important;max-height:300px!important;width:auto!important;height:auto!important;margin:auto}.editor-section{background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:.375rem;padding:.75rem}.editor-section-title{font-size:.9rem;font-weight:600;color:#495057;border-bottom:1px solid #dee2e6;padding-bottom:.5rem}.editor-controls .color-control{display:flex;align-items:center;gap:1rem;margin-bottom:.5rem;padding:.5rem;border:1px solid #dee2e6;border-radius:.375rem;background-color:#f8f9fa}.editor-controls .form-control-color{width:35px;height:35px;padding:0;border:2px solid #dee2e6;border-radius:.375rem}.editor-controls .size-control{margin-bottom:.75rem}.editor-controls .range-control{margin-bottom:.75rem}.editor-controls .form-label{font-weight:500;font-size:.95rem}.editor-controls .form-check-label{font-size:.8rem;color:#6c757d}.editor-controls .form-switch{padding-left:2.5em}.color-controls{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.5rem}.editor-controls .form-range{height:1.25rem;width:100%;padding:0}.editor-controls .form-range::-webkit-slider-thumb{appearance:none;width:14px;height:14px;border-radius:50%;background:#0d6efd;cursor:pointer}.editor-controls .form-range::-webkit-slider-runnable-track{width:100%;height:6px;background:#dee2e6;border-radius:.25rem;cursor:pointer}.editor-controls .form-range::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#0d6efd;border:none;cursor:pointer}.editor-controls .form-range::-moz-range-track{width:100%;height:6px;background:#dee2e6;border-radius:.25rem;cursor:pointer}#padding-value,#stroke-width-value,#opacity-value,#bg-padding-value,#bg-radius-value,#trace-width-value{background-color:#f8f9fa;padding:.1rem .3rem;border-radius:.25rem;font-size:.75rem;min-width:30px;text-align:center}.editor-controls input[type="number"]{font-size:.875rem}#svgEditorModal .modal-dialog,#gifEditorModal .modal-dialog{max-width:90%;margin:1.75rem auto}.svg-container:hover{transform:scale(1.05)}.svg-container{display:flex;justify-content:center;align-items:center;border-radius:8px;padding:15px;background:repeating-conic-gradient(#e9ecef 0% 25%,transparent 0% 50%) 50% / 20px 20px;box-shadow:0 4px 15px rgba(0,0,0,0.1);transition:transform .3s ease}.svg-container svg{max-width:100%;max-height:100%;width:auto!important;height:auto!important}.transform-controls .btn{font-size:.8rem;padding:.25rem .5rem}@keyframes gif-play{0%{opacity:1}100%{opacity:1}}#editor-gif-preview,#preview-gif{display:block;max-width:100%;transition:filter .3s ease}#formatWarning{font-size:.875rem}.animated-gif{max-height:100px;object-fit:contain;transition:transform .3s ease}.gif-card:hover .animated-gif{transform:scale(1.05)}.icon-preview,.svg-preview,.gif-preview{border-radius:.5rem;height:160px;display:flex;align-items:center;justify-content:center;overflow:hidden}.icon-preview img,.svg-preview img,.gif-preview img{object-fit:contain;max-height:100%;max-width:100%;width:auto;height:auto}.card-title.text-truncate{margin-bottom:.25rem}.preview-download{padding:2rem;min-height:300px;max-height:600px;overflow:visible;position:relative}.icon-preview,.svg-preview,.gif-preview{border-radius:.5rem;height:auto;display:flex;align-items:center;justify-content:center;overflow:hidden}.icon-preview img,.svg-preview img,.gif-preview img{object-fit:contain;max-height:100%;max-width:100%;width:auto;height:auto}.card.position-relative .badge{font-size:.7rem;padding:.25em .6em}.card.position-relative .position-absolute.top-0{z-index:2}.icon-card .icon-preview,.svg-card .svg-preview,.gif-card .gif-preview{height:160px;padding:1rem;display:flex;align-items:center;justify-content:center;transition:transform .2s}.icon-card .icon-preview img,.svg-card .svg-preview img,.gif-card .gif-preview img{max-width:90%;max-height:90%;width:auto;height:auto;object-fit:contain}.section-header .line-left,.section-header .line-right{display:inline-block;width:30px;height:2px;background-color:var(--bs-primary);position:relative;top:-4px;margin:0 10px}.collection-card-1{transition:transform .3s ease,box-shadow .3s ease}.collection-card-1:hover{transform:translateY(-5px);box-shadow:0 10px 20px rgba(0,0,0,0.1)}.card-header-1{border-radius:.5rem .5rem 0 0}.collection-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.collection-item{aspect-ratio:1;padding:8px;display:flex;align-items:center;justify-content:center}.collection-item img{max-width:100%;max-height:100%;object-fit:contain}.collection-item img[src$=".svg"] {max-width:100%;width:auto;background:none;border-radius:4px;padding:4px;box-sizing:border-box;object-fit:contain;min-width:40px}@media (min-width:992px){.nav-item.dropdown:not(#HoverDropdown) .dropdown-menu{display:none; opacity:0; visibility:hidden; transform:translateY(-10px); transition:all 0.3s ease}.nav-item.dropdown:not(#HoverDropdown):hover .dropdown-menu{display:block !important; opacity:1; visibility:visible; transform:translateY(0)}.nav-item.dropdown:not(#HoverDropdown) .dropdown-menu.show{display:block !important; opacity:1; visibility:visible; transform:translateY(0)}}footer h3 {font-size:1.25rem}