*{box-sizing:border-box;padding:0;margin:0}body,html{max-width:100vw;overflow-x:hidden;font-family:var(--font-montserrat),"Montserrat",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#231f20;min-height:100vh;color:#efe6dd}a{color:inherit;text-decoration:none}.layout{min-height:100vh;display:flex;flex-direction:column}.layout__content{flex:1 1;flex-direction:column;display:flex;justify-content:center;align-items:center}.header{background:rgba(0,0,0,0);padding:1rem 0;top:0;left:0;right:0;z-index:100}.header__container{max-width:1200px;margin:0 auto;padding:0 2rem;justify-content:space-between}.header__container,.header__menu,.header__nav{display:flex;align-items:center}.header__menu{list-style:none;padding:0;margin:0;gap:.75rem}.header__menu-link{color:#ccc;text-decoration:none;font-size:.9rem;font-weight:500;transition:color .2s ease;display:inline-block}.header__menu-link:hover{color:#f3dfa2}.header__menu-link--active{color:#f3dfa2;text-decoration:underline;font-size:.9rem;font-weight:500;display:inline-block}.header__separator{color:#666;font-size:.8rem}.header__link{display:flex;align-items:center;gap:.5rem;color:#efe6dd;text-decoration:none;transition:color .2s ease}.header__link:hover{color:#f3dfa2}.header__avatar{width:24px;height:24px;border-radius:50%}.header__link-text{font-size:.8rem;font-weight:500}@media(max-width:768px){.header__container{padding:0 1rem}.header__logo{font-size:1rem}.header__nav{display:none}.header__avatar{width:20px;height:20px}.header__link-text{font-size:.7rem}}.footer{padding:2rem 0}.footer__container{max-width:1200px;margin:0 auto;padding:0 2rem}.footer__content{display:flex;justify-content:space-between;align-items:center}.footer__links{list-style:none;padding:0;margin:0;display:flex;gap:.75rem;align-items:center}.footer__links li{margin:0}.footer__links a{color:#ccc;text-decoration:none;font-size:.9rem;display:flex;align-items:center;gap:.5rem;transition:color .2s ease}.footer__links a:hover{color:#f3dfa2}.footer__links a.footer__link--active{color:#f3dfa2;text-decoration:underline}.footer__separator{color:#666;font-size:.8rem;margin:0 .25rem}.footer__bottom{padding-top:1rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.footer__bottom p{color:#999;font-size:.85rem;margin:0;display:flex;align-items:center;gap:.25rem}.footer__heart{color:#bb4430;animation:heartbeat 2s ease-in-out infinite}.footer__author-link{color:#f3dfa2;text-decoration:none;font-weight:500}.footer__author-link:hover{text-decoration:underline}.footer__copyright{color:#666}@keyframes heartbeat{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@media(max-width:480px){.footer{padding:1rem 0}.footer__container{padding:0 1rem}.footer__content{flex-direction:column;gap:1.25rem;text-align:center}.footer__nav{width:100%}.footer__links{flex-direction:column;gap:.5rem}.footer__separator{display:none}.footer__bottom{flex-direction:column;text-align:center;gap:.5rem;padding-top:1.25rem}.footer__bottom p{font-size:.8rem}}@media(max-width:360px){.footer__container{padding:0 .75rem}.footer__content{gap:1rem}.footer__bottom{padding-top:1rem}}.logo{display:flex;align-items:center;gap:.75rem;color:#efe6dd;font-weight:600;text-decoration:none;transition:color .2s ease}.logo:hover{color:#f3dfa2}.logo__icon{border-radius:4px}.logo__text{font-family:var(--font-poppins)}.logo--small{font-size:.9rem;gap:.5rem}.logo--small .logo__icon{width:16px;height:16px}.logo--medium{font-size:1.1rem}.logo--medium .logo__icon{width:20px;height:20px}.logo--large{font-size:1.2rem}.logo--large .logo__icon{width:25px;height:25px}.card-home{background:#2d2d2d;border:2px solid var(--border-color);border-radius:16px;padding:2.5rem 2rem;text-decoration:none;color:inherit;transition:.2s ease;outline:none;position:relative;overflow:hidden;display:block}.card-home:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--accent-color),var(--accent-secondary));transform:scaleX(0);transition:transform .3s ease}.card-home:hover{outline:2px solid rgba(243,223,162,.6);box-shadow:0 0 30px rgba(0,0,0,.8)}.card-home:hover:before{transform:scaleX(1)}.card-home:hover .card-home__icon{color:#f3dfa2}.card-home:hover .logo__icon{filter:brightness(1.1)}.card-home__beta{position:absolute;top:1rem;right:1rem;background:linear-gradient(135deg,#F3DFA2,rgb(237.1714285714,207.4571428571,116.8285714286));color:#231f20;font-size:.75rem;font-weight:700;padding:.25rem .75rem;border-radius:4px;text-transform:uppercase;letter-spacing:.5px;z-index:1}.card-home__icon{margin-bottom:1.5rem;transition:all .3s ease;color:#f3dfa2}.card-home__title{font-size:1.5rem;font-weight:600;color:#f3dfa2;margin-bottom:1rem}.card-home__description{color:var(--text-secondary);line-height:1.6;margin-bottom:1.5rem}.card-home__features{display:flex;flex-direction:column;gap:.5rem}.card-home__features span{color:var(--text-secondary);font-size:.9rem;display:flex;align-items:center;gap:.5rem}.card-home__features span:before{content:"•";color:#f3dfa2;font-weight:700}.dropzone{width:100%;display:flex;flex-direction:column;gap:.75rem}.dropzone__area{border:2px dashed rgba(126,189,194,.4);border-radius:8px;padding:1.5rem;text-align:center;cursor:pointer;transition:all .3s ease;background:#1e1e1e;position:relative;min-height:120px;display:flex;align-items:center;justify-content:center}.dropzone__area:hover{border-color:rgba(126,189,194,.6);background:rgba(126,189,194,.05)}.dropzone__area--drag-over{border-color:#7ebdc2;background:rgba(126,189,194,.1);transform:scale(1.02)}.dropzone__input{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.dropzone__content{pointer-events:none;display:flex;flex-direction:column;gap:.25rem}.dropzone__description{color:#7ebdc2;font-size:1rem;line-height:1.4;font-weight:500}.dropzone__browse{color:#7ebdc2;font-weight:500;text-decoration:underline;cursor:pointer;pointer-events:auto}.dropzone__browse:hover{color:#6ba8ad}.dropzone__info{color:#999;font-size:.85rem}.dropzone__file-selected{border:2px dashed rgba(126,189,194,.4);border-radius:8px;padding:1rem;background:#1e1e1e;display:flex;align-items:center;justify-content:space-between;gap:1rem}.dropzone__file-info{display:flex;align-items:center;gap:.75rem;flex:1 1}.dropzone__file-icon{color:#7ebdc2;flex-shrink:0}.dropzone__file-details{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:.25rem}.dropzone__file-name{font-size:1rem;font-weight:500;color:#efe6dd;word-break:break-all}.dropzone__file-size{font-size:.8rem;color:#999}.dropzone__remove-btn{background:none;border:none;color:#f3dfa2;cursor:pointer;padding:4px;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.dropzone__remove-btn:hover{background:rgba(243,223,162,.1);color:#e8d4a0}.dropzone__error{padding:.75rem;background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);border-radius:4px;color:#ef4444;font-size:.85rem;text-align:center}.preview-default{display:flex;justify-content:center;align-items:center}.preview-default__canvas{display:block;width:620px;height:620px}.converter{padding:2rem 1rem;max-width:800px;margin:0 auto}.converter__title{font-family:var(--font-poppins),"Poppins",sans-serif;font-size:3rem;font-weight:700;color:#efe6dd;text-align:center;margin-bottom:1rem;display:flex;align-items:center;justify-content:center;gap:1rem}.converter__title-icon{color:#f3dfa2}.converter__subtitle{font-size:1.2rem;color:#efe6dd;text-align:center;margin-bottom:3rem}.converter__subtitle-link{color:#f3dfa2;text-decoration:underline;font-weight:600;transition:color .2s ease}.converter__subtitle-link:hover{color:#e6d18a}.converter__card{background:#2d2d2d;border-radius:8px;padding:2rem;width:100%;margin-bottom:2rem}.converter__dropzone{border:2px dashed #7ebdc2;border-radius:6px;padding:3rem 2rem;text-align:center;cursor:pointer;transition:all .2s ease;background:#1e1e1e}.converter__dropzone.active,.converter__dropzone:hover{border-color:#efe6dd;background:#252525}.converter__dropzone-text{font-size:1.2rem;color:#7ebdc2;margin-bottom:1rem;font-weight:500}.converter__dropzone-subtext{font-size:.9rem;color:#efe6dd}.converter__original-preview,.converter__preview-section{max-width:100%;overflow:hidden}.converter__preview-section{margin-top:2rem}.converter__preview-title{font-size:1.5rem;font-weight:600;color:#efe6dd;margin-bottom:1rem}.converter__original-image{max-width:200px;max-height:200px;border-radius:6px;border:1px solid #404040}.converter__file-info{margin-top:.5rem;color:#666;max-width:100%;line-height:1.4}.converter__file-name-long{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.85rem;color:#999;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:300px;margin-bottom:.25rem;cursor:help}.converter__file-size-info{font-size:.9rem;color:#666;font-weight:500}.converter__image-warning{background:rgba(243,223,162,.1);border:1px solid rgba(243,223,162,.3);border-radius:6px;padding:1rem;margin-top:1rem;color:#f3dfa2;font-size:.9rem;line-height:1.5}.converter__app-settings{margin-top:1.5rem}.converter__app-settings h3{font-size:1.2rem;font-weight:600;color:#efe6dd;margin-bottom:1rem}.converter__settings-subtitle{margin-top:1rem;margin-bottom:1rem;color:#ccc;font-size:.9rem;line-height:1.5}.converter__settings-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:1rem;gap:1rem;margin-bottom:1rem}@media(max-width:768px){.converter__settings-grid{grid-template-columns:1fr}}.converter__description-field{margin-top:1rem}.converter__form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:#ccc}.converter__form-group input[type=text]{width:100%;padding:.75rem;border:1px solid rgba(126,189,194,.3);border-radius:4px;font-size:1rem;background:#1e1e1e;color:#efe6dd;transition:border-color .2s ease}.converter__form-group input[type=text]:focus{outline:none;border-color:rgba(243,223,162,.6)}.converter__form-group input[type=text]::placeholder{color:#bb4430}.converter__form-group .color-input-group{display:flex;gap:.5rem}.converter__form-group .color-input-group input[type=color]{width:50px;height:45px;border:1px solid #404040;border-radius:4px;cursor:pointer;padding:0;background:#1e1e1e}.converter__form-group .color-input-group input[type=color]::-webkit-color-swatch-wrapper{padding:0}.converter__form-group .color-input-group input[type=color]::-webkit-color-swatch{border:none;border-radius:2px}.converter__form-group .color-input-group input[type=text]{flex:1 1}.converter__buttons-container{display:flex;gap:1rem;margin-top:2rem}.converter__btn-primary{background:#f3dfa2;color:#231f20;border:none;padding:1rem 2rem;border-radius:6px;cursor:pointer;font-size:1rem;font-weight:600;transition:background-color .2s ease;display:flex;align-items:center;gap:.75rem}.converter__btn-primary:hover{background:#efe6dd;color:#231f20}.converter__btn-primary:disabled{opacity:.6;cursor:not-allowed;background:#666}.converter__btn-primary.btn-no-margin{margin-top:0}.converter__btn-secondary{background:rgba(0,0,0,0);color:#efe6dd;border:1px solid rgba(126,189,194,.3);padding:1rem 2rem;border-radius:6px;cursor:pointer;font-size:1rem;font-weight:600;transition:all .2s ease;display:flex;align-items:center;gap:.75rem}.converter__btn-secondary:hover{background:rgba(126,189,194,.1);border-color:rgba(126,189,194,.5)}.converter__btn-secondary.btn-no-margin{margin-top:0}.converter__section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.converter__btn-view-more{background:rgba(0,0,0,0);color:#7ebdc2;border:none;cursor:pointer;font-size:.9rem;display:flex;align-items:center;gap:.5rem;transition:color .2s ease}.converter__btn-view-more:hover{color:#efe6dd}.converter__favicons-table{margin-top:1rem;overflow-x:auto}.converter__favicons-table table{width:100%;border-collapse:collapse;background:rgba(0,0,0,0);overflow:hidden}.converter__favicons-table table td{padding:1rem;border-bottom:1px solid rgba(64,64,64,.5);vertical-align:middle}.converter__favicons-table table tr:last-child td{border-bottom:none}.converter__favicons-table table tr:hover{background:#252525}.converter__favicon-table-preview{border:1px solid #404040;border-radius:4px;background:#2d2d2d;display:block;width:32px;height:32px}.converter__file-name{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.9rem;color:#efe6dd}.converter__size{font-weight:600;color:#7ebdc2}.converter__file-size,.converter__purpose{color:#efe6dd;font-size:.9rem}.converter__file-size{font-family:Monaco,Menlo,Ubuntu Mono,monospace;text-align:right}.converter__meta-tags-section{margin-top:2rem;padding-top:2rem;border-top:1px solid rgba(126,189,194,.3)}.converter__meta-tags-section h3{font-size:1.3rem;font-weight:600;color:#efe6dd;margin-bottom:.5rem}.converter__manifest-section{margin-top:2rem;padding-top:2rem;border-top:1px solid rgba(126,189,194,.3)}.converter__manifest-section h3{font-size:1.3rem;font-weight:600;color:#efe6dd;margin-bottom:.5rem}.converter__section-description{color:#666;margin-bottom:1rem}.converter__code-block{background:rgba(0,0,0,0);border-radius:6px;overflow:hidden;margin-bottom:1rem}.converter__btn-copy{background:rgba(126,189,194,.1);color:#7ebdc2;border:1px solid rgba(126,189,194,.3);padding:.75rem 1.5rem;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .2s ease;display:flex;align-items:center;gap:.5rem;margin-top:1rem}.converter__btn-copy:hover{background:rgba(126,189,194,.2);border-color:rgba(126,189,194,.5)}.converter__download-section{margin-top:2rem;padding:2rem;background:#2d2d2d;border:1px solid rgba(126,189,194,.3);border-radius:8px;text-align:center}.converter__download-section h3{font-size:1.5rem;font-weight:600;color:#efe6dd;margin-bottom:.5rem}.converter__download-description{color:#666;margin-bottom:1.5rem}.converter__btn-download{background:#f3dfa2;color:#231f20;border:none;padding:1rem 2rem;border-radius:6px;cursor:pointer;font-size:1.1rem;font-weight:600;transition:background-color .2s ease;display:flex;align-items:center;gap:.75rem;margin:0 auto}.converter__btn-download:hover{background:#efe6dd;color:#231f20}.converter__btn-download:disabled{opacity:.6;cursor:not-allowed;background:#666}.converter__loading{display:inline-block;width:20px;height:20px;border-radius:50%;border:3px solid hsla(0,0%,100%,.3);border-top-color:#fff;animation:spin 1s ease-in-out infinite;margin-right:.5rem}.converter__favicon-selection{margin-top:2rem;border-radius:8px;border:none;margin-bottom:2rem;background:none;padding:0}.converter__favicon-selection h3{font-size:1.3rem;font-weight:600;color:#efe6dd;margin-bottom:.5rem}.converter__favicon-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1rem;gap:1rem;margin-top:1rem;border:none;background:none;padding:0}.converter__favicon-option{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#2d2d2d;border:1px solid #404040;border-radius:6px;cursor:pointer;transition:all .2s ease;min-height:60px}.converter__favicon-option:hover{border-color:#7ebdc2;background:#252525}.converter__favicon-option.selected{border-color:#f3dfa2;background:rgba(243,223,162,.1)}.converter__favicon-checkbox{flex-shrink:0}.converter__checkbox-custom,.converter__favicon-checkbox{display:flex;align-items:center;justify-content:center;width:18px;height:18px}.converter__checkbox-custom{background-color:#1e1e1e;border:2px solid #666;border-radius:3px;transition:all .2s ease;cursor:pointer}.converter__favicon-option.selected .converter__checkbox-custom{background-color:#f3dfa2;border-color:#f3dfa2}.converter__favicon-info{flex:1 1;min-width:0}.converter__favicon-title{font-size:1rem;font-weight:600;color:#efe6dd;margin-bottom:.25rem;display:flex;align-items:center;gap:.5rem}.converter__recommended-badge{background:#f3dfa2;color:#231f20;font-size:.7rem;padding:.2rem .5rem}.converter__format-badge,.converter__recommended-badge{font-weight:600;border-radius:3px;text-transform:uppercase}.converter__format-badge{background:#666;color:#fff;font-size:.6rem;padding:.15rem .4rem}.converter__favicon-description{font-size:.85rem;color:#999;line-height:1.3}@media(max-width:768px){.converter__title{font-size:2rem}.converter__card{padding:1.5rem}.converter__dropzone{padding:2rem 1rem}.converter__buttons-container{flex-direction:column}.converter__favicon-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.converter__favicon-grid{grid-template-columns:1fr}}.privacy-policy{max-width:800px;margin:0 auto;padding:2rem;line-height:1.6;color:#efe6dd}.privacy-policy__header{text-align:center;margin-bottom:3rem;padding-bottom:2rem}.privacy-policy__back-link{display:inline-flex;align-items:center;gap:.5rem;color:#7ebdc2;text-decoration:none;font-weight:500;margin-bottom:1.5rem;transition:color .2s ease}.privacy-policy__back-link:hover{color:#f3dfa2}.privacy-policy__title{display:flex;align-items:center;justify-content:center;gap:1rem;font-size:2.5rem;font-weight:700;margin-bottom:1rem;color:#efe6dd}.privacy-policy__subtitle{color:#ccc;font-size:1rem;margin:0}.privacy-policy__content{display:flex;flex-direction:column;gap:0;background:#2d2d2d;border:1px solid #404040;border-radius:8px;overflow:hidden}.privacy-policy__accordion-item{border-bottom:1px solid #404040}.privacy-policy__accordion-item:last-child{border-bottom:none}.privacy-policy__accordion-header{width:100%;background:#2d2d2d;border:none;padding:1.5rem 2rem;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:background-color .2s ease}.privacy-policy__accordion-header--hover,.privacy-policy__accordion-header:hover{background:#252525}.privacy-policy__accordion-header:focus{outline:none;background:#252525}.privacy-policy__accordion-title{font-size:1.2rem;font-weight:600;color:#efe6dd}.privacy-policy__accordion-icon{color:#efe6dd!important}.privacy-policy__accordion-content{background:#1e1e1e;max-height:0;overflow:hidden;transition:all .3s ease-out;padding:0 2rem;opacity:0}.privacy-policy__accordion-content--open{max-height:2000px;padding:2rem;opacity:1}.privacy-policy__text{margin-bottom:1rem;color:#efe6dd}.privacy-policy__list{margin:1rem 0;padding-left:1.5rem}.privacy-policy__list-item{margin-bottom:.75rem;color:#efe6dd}.privacy-policy__contact-item{margin-bottom:.5rem;color:#efe6dd}.privacy-policy__contact-item:last-child{margin-bottom:0}.privacy-policy__contact-link{color:#f3dfa2;text-decoration:none;font-weight:500;transition:color .2s ease}.privacy-policy__contact-link:hover{color:#efe6dd}.privacy-policy__contact-button{background:none;border:none;color:#f3dfa2;text-decoration:underline;font-weight:500;font-size:inherit;font-family:inherit;cursor:pointer;padding:0;margin:0;transition:color .2s ease}.privacy-policy__contact-button:hover{color:#efe6dd}.privacy-policy__contact-button:focus{outline:none;color:#efe6dd}@media(max-width:768px){.privacy-policy{padding:1rem}.privacy-policy__title{font-size:2rem;flex-direction:column;gap:.5rem}.privacy-policy__accordion-header{padding:1rem 1.5rem}.privacy-policy__accordion-title{font-size:1.1rem}.privacy-policy__accordion-content{padding:0 1.5rem}.privacy-policy__accordion-content--open{padding:1.5rem}}.swal2-popup{background:#2d2d2d!important}.swal2-popup,.swal2-title{color:#efe6dd!important}.swal2-content{color:#ccc!important}.swal2-confirm{background:#f3dfa2!important;color:#231f20!important;border:none!important}.swal2-confirm:hover{background:#efe6dd!important}.swal2-cancel{background:#666!important;color:#efe6dd!important;border:none!important}.swal2-cancel:hover{background:#777!important}.cookie-consent{position:fixed;bottom:20px;left:20px;z-index:1000;max-width:350px;animation:slideInUp .3s ease-out}.cookie-content{background:#2d2d2d;border:1px solid rgba(126,189,194,.3);border-radius:8px;padding:1.5rem;box-shadow:0 4px 20px rgba(0,0,0,.3)}.cookie-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.cookie-header h4{margin:0;color:#f3dfa2;font-size:1.1rem;font-weight:600}.cookie-close{background:none;border:none;color:#f3dfa2;cursor:pointer;padding:4px;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.cookie-close:hover{background:rgba(243,223,162,.1);color:#e8d4a0}.cookie-content p{margin:0 0 1rem;color:#ccc;font-size:.9rem;line-height:1.5}.privacy-link{color:#f3dfa2;text-decoration:none;font-weight:500}.privacy-link:hover{text-decoration:underline}.cookie-accept{background:#f3dfa2;color:#231f20;border:none;padding:.75rem 1.5rem;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:500;transition:background-color .2s ease;width:100%}.cookie-accept:hover{background:#efe6dd}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.btn-primary{background:#f3dfa2;color:#231f20;border:none;padding:.75rem 1.5rem;border-radius:6px;cursor:pointer;font-size:1rem;font-weight:500;transition:background-color .2s ease;margin-top:1rem;display:flex;align-items:center;gap:.5rem}.btn-primary:hover{background:#efe6dd;color:#231f20}.btn-primary:disabled{opacity:.6;cursor:not-allowed;background:#666}.btn-secondary{border:none;padding:.75rem 1.5rem;border-radius:6px;cursor:pointer;font-size:1rem;font-weight:500;transition:all .2s ease;display:flex;align-items:center;gap:.5rem}.btn-secondary,.btn-secondary:hover{background:rgba(0,0,0,0);color:#efe6dd}.btn-secondary:hover{text-decoration:underline}.btn-success{background:#7ebdc2;color:#231f20;border:none;padding:.75rem 1.5rem;border-radius:6px;cursor:pointer;font-size:1rem;font-weight:500;transition:background-color .2s ease;margin-top:1rem;display:flex;align-items:center;gap:.5rem}.btn-success:hover{background:#f3dfa2;color:#231f20}.btn-success:disabled{opacity:.6;cursor:not-allowed;background:#666}.btn-copy{background:#bb4430;color:#efe6dd;border:none;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:500;transition:background-color .2s ease;margin-top:1rem;display:flex;align-items:center;gap:.5rem}.btn-copy:hover{background:#f3dfa2;color:#231f20}.btn-view-more{background:rgba(0,0,0,0);color:#7ebdc2;border:1px solid #7ebdc2;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .2s ease;display:flex;align-items:center;gap:.5rem}.btn-view-more:hover{background:#7ebdc2;color:#231f20}.btn-download{background:#f3dfa2;color:#231f20;border:none;padding:1rem 2rem;border-radius:6px;cursor:pointer;font-size:1.1rem;font-weight:600;transition:background-color .2s ease;display:flex;align-items:center;gap:.75rem;margin:0 auto}.btn-download:hover{background:#efe6dd;color:#231f20}.btn-download:disabled{opacity:.6;cursor:not-allowed;background:#666}.btn-no-margin{margin-top:0}.validator{padding:2rem 1rem;max-width:800px;margin:0 auto}.validator__header{text-align:center;margin-bottom:3rem}.validator__title{display:flex;align-items:center;justify-content:center;gap:1rem;font-size:2.5rem;font-weight:700;color:#efe6dd;margin-bottom:1rem}.validator__icon{color:#f3dfa2}.validator__subtitle{color:#ccc;font-size:1.1rem;margin:0}.validator__card{padding:2rem;background-color:#2d2d2d;border-radius:8px;display:flex;flex-direction:column;gap:2rem}.validator__input-group{display:flex;gap:1rem;align-items:stretch}@media(max-width:768px){.validator__input-group{flex-direction:column}}.validator__input{flex:1 1;padding:1rem;border:1px solid rgba(126,189,194,.3);border-radius:6px;font-size:1rem;background:#1e1e1e;color:#efe6dd;transition:border-color .2s ease}.validator__input:focus{outline:none;border-color:rgba(243,223,162,.6)}.validator__input::placeholder{color:#999}.validator__input:disabled{opacity:.6;cursor:not-allowed}.validator__submit{white-space:nowrap;margin-top:0}.validator__loading{animation:spin 1s linear infinite}.validator__summary{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:1.5rem;background:rgba(0,0,0,0)}@media(max-width:768px){.validator__summary{flex-direction:column;gap:1rem;align-items:flex-start}}.validator__url{display:flex;align-items:center;gap:.5rem;color:#7ebdc2}.validator__url a{color:#7ebdc2;text-decoration:none;font-weight:500}.validator__url a:hover{text-decoration:underline}.validator__status{display:flex;align-items:center;gap:.5rem;font-weight:600;padding:.5rem 1rem}.validator__status.success{color:#10b981;background:rgba(0,0,0,0)}.validator__error,.validator__status.error{color:#ef4444;background:rgba(0,0,0,0)}.validator__error{border:none;padding:1rem;margin-bottom:2rem}.validator__results{display:flex;flex-direction:column;gap:2rem}.validator__checks{width:100%}.validator__checks h3{font-size:1.3rem;font-weight:600;color:#efe6dd;margin-bottom:.5rem}.validator__coverage-text{color:#f3dfa2;font-size:1rem;margin-bottom:1rem}.validator__table{overflow-x:auto;width:100%}.validator__table table{min-width:700px;border-collapse:collapse;background:rgba(0,0,0,0)}.validator__table table td{padding:.75rem 0;border-bottom:1px solid hsla(0,0%,100%,.1);vertical-align:middle}.validator__table table tr:last-child td{border-bottom:none}.validator__check.success{color:#10b981}.validator__check.error,.validator__check.success{background:rgba(0,0,0,0)!important;border:none!important;border-radius:0!important;padding:0!important;margin:0!important}.validator__check.error{color:#ef4444}.validator__check-icon{width:80px;text-align:center}.validator__check-type{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.9rem;color:#f3dfa2}.validator__check-recommended{font-size:1rem;color:#f3dfa2}.validator__check-purpose{color:#7ebdc2;font-weight:600}.validator__check-size{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.9rem;color:#f3dfa2;font-weight:600}.validator__check-size .validator__format-badge{margin-left:.5rem}.validator__check-format{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.9rem;color:#7ebdc2;font-weight:500}.validator__format-badge{background:#404040;color:#fff;padding:.2rem .5rem;border-radius:4px;font-size:.8rem;font-weight:500}.validator__check-recommended{text-align:center;font-size:.9rem;font-weight:500}.validator__check-url{font-size:.9rem}.validator__check-url a{color:#7ebdc2;text-decoration:none;font-weight:500}.validator__check-url a:hover{color:#f3dfa2;text-decoration:underline}.validator__actions{display:flex;justify-content:center}.validator__generic-favicons{margin-bottom:2rem;padding:1.5rem;background:rgba(243,223,162,.1);border:1px solid rgba(243,223,162,.3);border-radius:8px}.validator__generic-favicons h4{font-size:1.1rem;font-weight:600;color:#f3dfa2;margin-bottom:1rem}.validator__generic-list{display:flex;flex-direction:column;gap:.75rem}.validator__generic-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:hsla(0,0%,100%,.05);border-radius:6px;font-size:.9rem}.validator__generic-icon{font-size:1rem}.validator__generic-rel{background:#404040;color:#fff;padding:.2rem .5rem;border-radius:4px;font-size:.8rem;font-weight:500;min-width:80px;text-align:center}.validator__generic-url{color:#7ebdc2;text-decoration:none;font-weight:500;word-break:break-all}.validator__generic-url:hover{color:#f3dfa2;text-decoration:underline}.validator__generic-badge{background:#f3dfa2;color:#1e1e1e;padding:.2rem .5rem;border-radius:4px;font-size:.7rem;font-weight:600;margin-left:.5rem}.generator{padding:2rem 1rem;max-width:700px;margin:0 auto}.generator__title{font-family:var(--font-poppins),"Poppins",sans-serif;font-size:3rem;font-weight:700;color:#efe6dd;text-align:center;margin-bottom:1rem;display:flex;align-items:center;justify-content:center;gap:1rem}.generator__title-icon{color:#f3dfa2}.generator__subtitle{font-size:1.2rem;color:#efe6dd;text-align:center;margin-bottom:3rem}.generator__card{background:#2d2d2d;border-radius:8px;padding:1.5rem;margin:0 auto}.generator__tabs{display:flex;gap:0;margin-bottom:2rem}.generator__tab{flex:1 1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:16px;background:rgba(0,0,0,0);border:1px solid rgba(126,189,194,.3);color:#efe6dd;cursor:pointer;font-size:1rem;font-weight:500;transition:all .2s ease}.generator__tab:first-child{border-radius:6px 0 0 6px}.generator__tab:last-child{border-radius:0 6px 6px 0}.generator__tab:not(:first-child){border-left:none}.generator__tab.active,.generator__tab:hover{background:#f3dfa2;border-color:#f3dfa2;color:#231f20}.generator__controls{padding:1rem;background:#1e1e1e;border-radius:6px;overflow:hidden}.generator__icons-controls,.generator__svg-controls,.generator__text-controls{overflow:hidden}.generator__text-controls{display:flex;flex-direction:column;gap:1rem}.generator__text-controls__header{display:flex;flex-direction:column;gap:.5rem}.generator__text-controls__heading{font-size:1.3rem;font-weight:600;color:#efe6dd}.generator__text-controls__description{color:#999;font-size:.9rem}.generator__svg-controls{display:flex;flex-direction:column;gap:1rem}.generator__svg-controls__header{display:flex;flex-direction:column;gap:.5rem}.generator__svg-controls__heading{font-size:1.3rem;font-weight:600;color:#efe6dd}.generator__svg-controls__description{color:#999;font-size:.9rem}.generator__icons-controls{display:flex;flex-direction:column;gap:1rem}.generator__icons-controls__header{display:flex;flex-direction:column;gap:.5rem}.generator__icons-controls__heading{font-size:1.3rem;font-weight:600;color:#efe6dd}.generator__icons-controls__description{color:#999;font-size:.9rem}.generator__form-row{display:flex;gap:1rem}@media(max-width:768px){.generator__form-row{flex-direction:column;gap:0}}.generator__form-group{flex:1 1;margin-bottom:0;min-width:0}.generator__form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:#ccc;font-size:.7rem}.generator__input{width:100%;padding:.75rem;border:1px solid rgba(126,189,194,.3);border-radius:4px;font-size:1rem;background:#2d2d2d;color:#efe6dd;transition:border-color .2s ease}.generator__input:focus{outline:none;border-color:rgba(243,223,162,.6)}.generator__input::placeholder{color:#666}.generator__select{width:100%;padding:.75rem;border:1px solid rgba(126,189,194,.3);border-radius:4px;font-size:1rem;background:#2d2d2d;color:#efe6dd;transition:border-color .2s ease;cursor:pointer}.generator__select:focus{outline:none;border-color:rgba(243,223,162,.6)}.generator__select option{background:#2d2d2d;color:#efe6dd}.generator__btn-apply{background:#7ebdc2;color:#231f20;border:none;padding:.75rem 1.5rem;border-radius:4px;cursor:pointer;font-size:1rem;font-weight:600;width:100%;margin-top:.5rem}.generator__color-settings{margin-top:2rem;margin-bottom:0}.generator__color-settings .generator__color-selectors .generator__form-group:nth-child(2),.generator__color-settings .generator__color-selectors .generator__form-group:nth-child(3),.generator__color-settings .generator__color-selectors .generator__form-group:nth-child(4){display:none}.generator__color-settings.show-fill-color .generator__color-selectors .generator__form-group:nth-child(3),.generator__color-settings.show-stroke-color .generator__color-selectors .generator__form-group:nth-child(4),.generator__color-settings.show-text-color .generator__color-selectors .generator__form-group:nth-child(2){display:block}.generator__color-controls{display:flex;align-items:flex-end;justify-content:space-between;gap:2rem}.generator__color-selectors{display:flex;gap:1rem;justify-content:flex-start}.generator__alignment-controls{display:flex;gap:.5rem;position:relative}.generator__alignment-btn{padding:.5rem;border:1px solid rgba(126,189,194,.3);border-radius:4px;background:rgba(0,0,0,0);color:#efe6dd;cursor:pointer;transition:all .2s ease}.generator__alignment-btn:hover{background:rgba(126,189,194,.1);border-color:rgba(126,189,194,.5)}.generator__color-input-group{display:flex;gap:.5rem}.generator__color-input-group input[type=color]{width:50px;height:45px;border:1px solid #404040;border-radius:4px;cursor:pointer;padding:0;background:#2d2d2d}.generator__color-input-group input[type=color]::-webkit-color-swatch-wrapper{padding:0}.generator__color-input-group input[type=color]::-webkit-color-swatch{border:none;border-radius:2px}.generator__color-input-group input[type=text]{flex:1 1}.generator__preview{margin:2rem 0}.generator__preview-container{display:flex;justify-content:center;align-items:center}.generator__preview-image{width:512px;height:512px;border-radius:6px}.generator__preview-placeholder{display:flex;flex-direction:column;align-items:center;gap:1rem;color:#666;text-align:center}.generator__preview-placeholder p{font-size:1rem;margin:0}.generator__actions{display:flex;justify-content:center}.generator__actions-buttons{display:flex;gap:1rem;width:620px;margin:0 auto}@media(max-width:768px){.generator__actions-buttons{flex-direction:column;width:100%}}.generator__btn-download{background:#f3dfa2;color:#231f20;border:none;padding:1rem 2rem;border-radius:6px;cursor:pointer;font-size:1rem;font-weight:600;display:flex;align-items:center;justify-content:center;gap:.75rem;flex:1 1}.generator__btn-download:disabled{opacity:.6;cursor:not-allowed;background:#666;color:#efe6dd}.generator__btn-converter{background:#7ebdc2;color:#231f20;border:none;padding:1rem 2rem;border-radius:6px;cursor:pointer;font-size:1rem;font-weight:600;display:flex;align-items:center;justify-content:center;gap:.75rem;flex:1 1}.generator__btn-converter:disabled{opacity:.6;cursor:not-allowed;background:#666;color:#efe6dd}.generator__loading{display:inline-block;width:20px;height:20px;border-radius:50%;border:3px solid hsla(0,0%,100%,.3);border-top-color:#fff;animation:spin 1s ease-in-out infinite}@media(max-width:768px){.generator__title{font-size:2rem}.generator__card{padding:1.5rem}.generator__tabs{flex-direction:column;gap:.5rem}.generator__tab{justify-content:center}}.generator__icons-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(60px,1fr));grid-gap:.5rem;gap:.5rem;justify-items:center}.generator__icon-item{display:flex;align-items:center;justify-content:center;padding:1rem;border:none;background:rgba(0,0,0,0);cursor:pointer;width:60px;height:60px}.generator__icon-item--selected{background:rgba(243,223,162,.2);border-radius:4px}.generator__icon-preview{display:flex;align-items:center;justify-content:center;width:32px;height:32px;color:#efe6dd}.generator__icon-name{display:none}.generator__mobile-message{text-align:center;padding:2rem;background:#1e1e1e;border-radius:8px;margin-top:2rem;border:1px solid rgba(126,189,194,.3)}.generator__mobile-message h2{color:#f3dfa2;font-size:1.5rem;font-weight:600;margin:1rem 0 .5rem}.generator__mobile-message p{color:#ccc;font-size:1rem;line-height:1.5;margin:0}@media(min-width:700px){.generator__mobile-message{display:none}}.generator__mobile-icon{color:#f3dfa2;margin-bottom:1rem}.generator__border-radius-dropdown{position:absolute;top:100%;left:0;background:#1e1e1e;border:1px solid rgba(126,189,194,.3);border-radius:6px;padding:1rem;margin-top:.5rem;z-index:100;min-width:200px}.generator__border-radius-dropdown-control{display:flex;align-items:center;gap:1rem}.generator__border-radius-dropdown-input{flex:1 1;height:4px;background:rgba(126,189,194,.3);border-radius:2px;outline:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.generator__border-radius-dropdown-input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;background:#f3dfa2;border-radius:50%;cursor:pointer;border:none}.generator__border-radius-dropdown-input::-moz-range-thumb{width:16px;height:16px;background:#f3dfa2;border-radius:50%;border:none;cursor:pointer}.generator__border-radius-dropdown-input::-webkit-slider-track{background:rgba(126,189,194,.3);height:4px;border-radius:2px}.generator__border-radius-dropdown-input::-moz-range-track{background:rgba(126,189,194,.3);height:4px;border-radius:2px}.generator__transparency-dropdown{position:absolute;top:100%;left:0;background:#1e1e1e;border:1px solid rgba(126,189,194,.3);border-radius:6px;padding:1rem;margin-top:.5rem;z-index:100;min-width:200px}.generator__transparency-dropdown-control{display:flex;align-items:center;gap:1rem}.generator__transparency-dropdown-input{flex:1 1;height:4px;background:rgba(126,189,194,.3);border-radius:2px;outline:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.generator__transparency-dropdown-input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;background:#f3dfa2;border-radius:50%;cursor:pointer;border:none}.generator__transparency-dropdown-input::-moz-range-thumb{width:16px;height:16px;background:#f3dfa2;border-radius:50%;border:none;cursor:pointer}.generator__transparency-dropdown-input::-webkit-slider-track{background:rgba(126,189,194,.3);height:4px;border-radius:2px}.generator__transparency-dropdown-input::-moz-range-track{background:rgba(126,189,194,.3);height:4px;border-radius:2px}@media(max-width:699px){.generator__card{display:none}}.color-selector__label{display:block;font-size:.9rem;font-weight:500;color:#efe6dd;margin-bottom:.5rem}.color-selector__input-group{position:relative;display:flex;align-items:center}.color-selector__color-input{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);width:20px;height:20px;border:1px solid #404040;border-radius:3px;cursor:pointer;padding:0;background:#2d2d2d;z-index:2}.color-selector__color-input::-webkit-color-swatch-wrapper{padding:0}.color-selector__color-input::-webkit-color-swatch{border:none;border-radius:2px}.color-selector__text-input{flex:1 1;padding:.75rem .75rem .75rem 2.5rem;border:1px solid #404040;border-radius:4px;background:#2d2d2d;color:#efe6dd;font-size:.8rem;font-family:inherit;box-sizing:border-box;min-width:0;max-width:110px}.color-selector__text-input::placeholder{color:#666}.color-selector__text-input:focus{outline:none;border-color:#f3dfa2;box-shadow:0 0 0 2px rgba(243,223,162,.2)}.home{max-width:1200px;margin:0 auto;padding:2rem 1rem}.home__header{text-align:center;margin-bottom:4rem}.home__title{display:flex;align-items:center;justify-content:center;gap:1rem;font-size:3rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem}@media(max-width:768px){.home__title{font-size:2.5rem;flex-direction:column;gap:.5rem}}.home__title-icon{color:var(--accent-color)}.home__subtitle{font-size:1.25rem;color:var(--text-secondary);margin:0 auto;line-height:1.6}.home__tools{display:flex;justify-content:center;gap:2rem;margin-top:3rem;flex-wrap:wrap}@media(max-width:1200px){.home__tools{flex-direction:column;align-items:center;gap:1.5rem}}.thank-you-lightbox{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.7);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px;animation:fadeIn .3s ease}.thank-you-lightbox__content{background:#2d2d2d;border-radius:16px;padding:32px;max-width:500px;width:100%;position:relative;animation:slideIn .3s ease;box-shadow:0 20px 40px rgba(0,0,0,.3)}.thank-you-lightbox__close-btn{position:absolute;top:16px;right:20px;background:none;border:none;font-size:28px;color:#f3dfa2;cursor:pointer;padding:4px;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.thank-you-lightbox__close-btn:hover{background:rgba(243,223,162,.1);color:#e8d4a0}.thank-you-lightbox__body{text-align:center;color:#efe6dd}.thank-you-lightbox__icon{margin-bottom:2rem;color:#f3dfa2;animation:bounce 2s infinite}.thank-you-lightbox__title{font-size:2rem;font-weight:700;margin-bottom:1.5rem;line-height:1.3;color:#efe6dd}.thank-you-lightbox__message{font-size:1.1rem;line-height:1.6;margin-bottom:2.5rem;color:#efe6dd}.thank-you-lightbox__actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.thank-you-lightbox__btn{padding:1rem 2rem;border-radius:4px;font-weight:600;text-decoration:none;display:flex;align-items:center;gap:.5rem;transition:background-color .2s ease;cursor:pointer;font-size:1rem}.thank-you-lightbox__btn--secondary{background:rgba(0,0,0,0);color:#efe6dd;border:1px solid rgba(126,189,194,.3)}.thank-you-lightbox__btn--secondary:hover{background:rgba(126,189,194,.1)}.thank-you-lightbox__btn--primary{background:linear-gradient(135deg,#F3DFA2,#E8D4A0);color:#231f20;border:none;border-radius:8px;padding:14px 24px;font-family:var(--font-poppins),sans-serif;font-weight:600;font-size:16px;transition:all .2s ease}.thank-you-lightbox__btn--primary:hover{background:linear-gradient(135deg,#E8D4A0,#D4C090);transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.2)}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@media(max-width:768px){.thank-you-lightbox__content{padding:2rem;margin:1rem}.thank-you-lightbox__title{font-size:1.75rem}.thank-you-lightbox__actions{flex-direction:column}.thank-you-lightbox__btn{width:100%;justify-content:center}}.feedback-tab{position:fixed;right:-5px;top:50%;transform:translateY(-50%);background:#2d2d2d;border:none;border-radius:8px 0 0 8px;padding:20px 16px;cursor:pointer;transition:all .3s ease;z-index:1000;box-shadow:0 4px 12px rgba(0,0,0,.15);min-height:120px;display:flex;align-items:center;justify-content:center}.feedback-tab:hover{right:0;background:linear-gradient(135deg,#F3DFA2,#E8D4A0);box-shadow:0 6px 20px rgba(0,0,0,.2)}.feedback-tab--hidden{opacity:0;pointer-events:none;transform:translateY(-50%) translateX(100%)}.feedback-tab-text{writing-mode:vertical-rl;-webkit-text-orientation:mixed;text-orientation:mixed;font-family:var(--font-poppins),sans-serif;font-weight:600;font-size:14px;color:#fff;letter-spacing:1px;text-transform:uppercase}.feedback-tab:hover .feedback-tab-text{color:#231f20}.lightbox-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.7);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px;animation:fadeIn .3s ease}.lightbox-content{background:#2d2d2d;border-radius:16px;padding:32px;max-width:500px;width:100%;position:relative;animation:slideIn .3s ease;box-shadow:0 20px 40px rgba(0,0,0,.3)}.lightbox-close{position:absolute;top:16px;right:20px;background:none;border:none;font-size:28px;color:#f3dfa2;cursor:pointer;padding:4px;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.lightbox-close:hover{background:rgba(243,223,162,.1);color:#e8d4a0}.lightbox-header{margin-bottom:32px;text-align:center}.lightbox-header h2{font-family:var(--font-poppins),sans-serif;font-weight:700;font-size:24px;color:#f3dfa2;margin:0 0 12px}.lightbox-header p{font-family:var(--font-montserrat),sans-serif;font-size:14px;color:#bbb;margin:0;line-height:1.5}.feedback-form{gap:20px}.feedback-form,.form-group{display:flex;flex-direction:column}.form-group{gap:8px}.form-group label{font-weight:400;margin-bottom:4px}.form-group input,.form-group label,.form-group textarea{font-family:var(--font-montserrat),sans-serif;font-size:14px;color:#fff}.form-group input,.form-group textarea{background:hsla(0,0%,100%,.05);border:2px solid rgba(243,223,162,.3);border-radius:8px;padding:12px 16px;transition:all .2s ease;resize:vertical}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#f3dfa2;background:hsla(0,0%,100%,.08);box-shadow:0 0 0 3px rgba(243,223,162,.1)}.form-group input::placeholder,.form-group textarea::placeholder{color:hsla(0,0%,100%,.5)}.form-group input.error,.form-group textarea.error{border-color:#bb4430;background:rgba(187,68,48,.1)}.form-group textarea{min-height:100px}.error-message{color:#bb4430;font-size:12px;margin-top:4px;font-family:var(--font-montserrat),sans-serif;display:block}.recaptcha-container{position:absolute;left:-9999px;visibility:hidden}.submit-button{background:linear-gradient(135deg,#F3DFA2,#E8D4A0);border:none;border-radius:8px;padding:14px 24px;font-family:var(--font-poppins),sans-serif;font-weight:600;font-size:16px;color:#231f20;cursor:pointer;transition:all .2s ease;margin-top:8px}.submit-button:hover:not(:disabled){background:linear-gradient(135deg,#E8D4A0,#D4C090);transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.2)}.submit-button:disabled{opacity:.6;cursor:not-allowed;transform:none;pointer-events:none}@media(max-width:768px){.feedback-tab{right:-5px;padding:16px 12px;min-height:100px}.feedback-tab-text{font-size:12px}.lightbox-content{padding:24px;margin:20px}.lightbox-header h2{font-size:20px}.lightbox-header p{font-size:13px}}@media(max-width:480px){.feedback-tab{right:-5px;padding:12px 10px;min-height:80px}.feedback-tab-text{font-size:11px}.lightbox-content{padding:20px}.lightbox-header h2{font-size:18px}}.help-button-container{position:fixed;bottom:30px;right:30px;display:flex;align-items:center;gap:12px;z-index:1000;flex-direction:row-reverse}.help-button{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#F3DFA2,#E8D4A0);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#231f20;box-shadow:0 4px 12px rgba(0,0,0,.15);transition:all .3s ease}.help-button:hover{background:linear-gradient(135deg,#E8D4A0,#D4C090);transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.2)}.help-button:focus{outline:none;box-shadow:0 0 0 3px rgba(243,223,162,.3)}.help-tooltip{background:#2d2d2d;color:#f3dfa2;padding:12px 16px;border-radius:8px;font-family:var(--font-montserrat),sans-serif;font-size:14px;font-weight:500;line-height:1.4;box-shadow:0 4px 12px rgba(0,0,0,.3);border:1px solid #404040;max-width:300px;animation:slideInRight .3s ease;white-space:normal;word-wrap:break-word;cursor:pointer;transition:all .2s ease}.help-tooltip:hover{background:#3d3d3d;border-color:#f3dfa2;transform:translateY(-1px);box-shadow:0 6px 16px rgba(0,0,0,.4)}.help-lightbox{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.7);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px;animation:fadeIn .3s ease;overflow-y:auto;overflow-x:hidden}.help-lightbox__content{background:#2d2d2d;border-radius:16px;padding:32px;max-width:700px;width:100%;position:relative;animation:slideIn .3s ease;box-shadow:0 20px 40px rgba(0,0,0,.3);margin:auto;min-height:-moz-fit-content;min-height:fit-content}.help-lightbox__close-btn{position:absolute;top:16px;right:20px;background:none;border:none;font-size:28px;color:#f3dfa2;cursor:pointer;padding:4px;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.help-lightbox__close-btn:hover{background:rgba(243,223,162,.1);color:#e8d4a0}.help-lightbox__header{margin-bottom:32px;text-align:center}.help-lightbox__header h2{font-family:var(--font-poppins),sans-serif;font-weight:700;font-size:24px;color:#f3dfa2;margin:0 0 8px}.help-lightbox__header p{font-family:var(--font-montserrat),sans-serif;font-size:16px;color:#bbb;margin:0;line-height:1.5}.help-lightbox__tabs{display:flex;gap:0;margin-bottom:32px;background:#2d2d2d;border:1px solid #404040;border-radius:8px;overflow:hidden}.help-lightbox__tab{background:#2d2d2d;border:none;padding:16px;cursor:pointer;display:flex;align-items:center;gap:8px;font-family:var(--font-montserrat),sans-serif;font-size:14px;font-weight:500;color:#bbb;transition:all .2s ease;flex:1 1;justify-content:center}.help-lightbox__tab--active,.help-lightbox__tab:hover{background:#f3dfa2;color:#231f20}.help-lightbox__content-area{color:#efe6dd}.help-lightbox__section h3{font-family:var(--font-poppins),sans-serif;font-weight:600;font-size:20px;color:#f3dfa2;margin:0 0 16px}.help-lightbox__description{font-family:var(--font-montserrat),sans-serif;font-size:16px;line-height:1.6;margin-bottom:24px;color:#ccc}.help-lightbox__steps h4{font-family:var(--font-poppins),sans-serif;font-weight:600;font-size:16px;color:#f3dfa2;margin:0 0 16px}.help-lightbox__steps ol{margin:0;padding-left:20px;font-family:var(--font-montserrat),sans-serif;font-size:14px;line-height:1.6;color:#efe6dd}.help-lightbox__steps ol li{margin-bottom:12px}.help-lightbox__steps ol li:last-child{margin-bottom:0}.help-lightbox__details{margin-top:24px;padding-top:24px;border-top:1px solid #404040}.help-lightbox__details h4{font-family:var(--font-poppins),sans-serif;font-weight:600;font-size:16px;color:#f3dfa2;margin:0 0 16px}.help-lightbox__details ul{margin:0;padding-left:20px;font-family:var(--font-montserrat),sans-serif;font-size:14px;line-height:1.6;color:#efe6dd}.help-lightbox__details ul li{margin-bottom:8px}.help-lightbox__details ul li:last-child{margin-bottom:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}@media(max-width:768px){.help-button-container{bottom:15px;right:15px;gap:8px;flex-direction:row-reverse}.help-button{width:50px;height:50px}.help-tooltip{font-size:13px;padding:10px 14px;max-width:250px;white-space:normal;word-wrap:break-word}.help-lightbox{padding:15px}.help-lightbox__content{padding:24px}.help-lightbox__header h2{font-size:20px}.help-lightbox__tabs{flex-direction:column;gap:4px}.help-lightbox__tab{justify-content:center}}@media(max-width:480px){.help-button-container{bottom:10px;right:10px;flex-direction:row-reverse}.help-button{width:45px;height:45px}.help-tooltip{font-size:12px;padding:8px 12px;max-width:220px;white-space:normal;word-wrap:break-word}.help-lightbox{padding:10px}.help-lightbox__content{padding:20px}.help-lightbox__header h2{font-size:18px}}.page{width:100%}.browser-compatibility__header{text-align:center;margin-bottom:2rem}.browser-compatibility__header h2{font-family:var(--font-poppins),sans-serif;font-weight:700;font-size:28px;color:#f3dfa2;margin:0 0 12px}.browser-compatibility__header p{font-family:var(--font-montserrat),sans-serif;font-size:16px;color:#ccc;margin:0;line-height:1.5}.browser-compatibility__table-container{overflow-x:auto;margin-bottom:2rem}@media(min-width:1024px){.browser-compatibility__table-container{overflow-x:visible}}@media(max-width:1023px){.browser-compatibility__table-container{display:none}}.browser-compatibility__accordion{display:none;margin-bottom:2rem}@media(max-width:1023px){.browser-compatibility__accordion{display:block}}.browser-compatibility__accordion-item{border:1px solid #404040;border-radius:8px;margin-bottom:1rem;overflow:hidden}.browser-compatibility__accordion-header{width:100%;padding:1rem 1.5rem;background:#2d2d2d;border:none;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:background-color .2s ease}.browser-compatibility__accordion-header:hover{background:#363636}.browser-compatibility__accordion-title{font-family:var(--font-montserrat),sans-serif;font-weight:600;font-size:16px;color:#efe6dd}.browser-compatibility__accordion-icon{color:#f3dfa2;transition:transform .2s ease}.browser-compatibility__accordion-content{background:#1e1e1e;padding:1rem 1.5rem}.browser-compatibility__accordion-row{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid #404040}.browser-compatibility__accordion-row:last-child{border-bottom:none}.browser-compatibility__accordion-format{font-family:var(--font-montserrat),sans-serif;font-size:14px;color:#ccc;flex:1 1}.browser-compatibility__accordion-compatibility{display:flex;align-items:center;gap:8px}.browser-compatibility__accordion-text{font-family:var(--font-montserrat),sans-serif;font-size:14px;font-weight:500;color:#ccc}.browser-compatibility__update-info{text-align:center}.browser-compatibility__update-info p{font-family:var(--font-montserrat),sans-serif;font-size:14px;color:#fff;margin:0;line-height:1.5;display:flex;align-items:center;justify-content:center;gap:8px}.browser-compatibility__info-icon{color:#f3dfa2;flex-shrink:0}.browser-compatibility__link{color:#f3dfa2;text-decoration:underline;transition:color .2s ease}.browser-compatibility__link:hover{color:#e8d4a0}.browser-compatibility__table{width:100%;border-collapse:collapse;min-width:800px}@media(min-width:1024px){.browser-compatibility__table{min-width:auto;width:100%}}.browser-compatibility__table td,.browser-compatibility__table th{padding:20px 16px;text-align:center;border-bottom:1px solid #404040;vertical-align:middle}.browser-compatibility__table th{font-family:var(--font-poppins),sans-serif;font-weight:600;font-size:14px;color:#f3dfa2;position:-webkit-sticky;position:sticky;top:0;z-index:10}.browser-compatibility__table tr:last-child td{border-bottom:none}.browser-compatibility__table tr:hover{background:rgba(243,223,162,.05)}.browser-compatibility__header-cell{font-size:12px;white-space:nowrap;padding:16px 12px}.browser-compatibility__header-cell:first-child{text-align:left;min-width:180px}.browser-compatibility__browser-cell{text-align:left;font-family:var(--font-montserrat),sans-serif;font-weight:600;font-size:14px;color:#efe6dd;min-width:180px}.browser-compatibility__cell{padding:20px 8px}.browser-compatibility__cell-content{display:flex;align-items:center;justify-content:center;gap:8px}.browser-compatibility__cell-text{font-family:var(--font-montserrat),sans-serif;font-size:16px;font-weight:500;color:#ccc}.compatibility-icon{flex-shrink:0}.compatibility-icon--success{color:#10b981}.compatibility-icon--error{color:#ef4444}.compatibility-icon--partial{color:#f59e0b}@media(max-width:768px){.browser-compatibility__header h2{font-size:24px}.browser-compatibility__header p{font-size:14px}.browser-compatibility__table-container{margin:0 -1.5rem 1.5rem;border-radius:0;border-left:none;border-right:none}}@media(max-width:480px){.browser-compatibility__header h2{font-size:20px}.browser-compatibility__table-container{margin:0 -1rem 1rem}.browser-compatibility__cell-content{flex-direction:column;gap:4px}.browser-compatibility__cell-text{font-size:11px}}.shortcuts-default__header{text-align:center;margin-bottom:2rem}.shortcuts-default__header h2{font-family:var(--font-poppins),sans-serif;font-weight:700;font-size:28px;color:#f3dfa2;margin:0 0 12px}.shortcuts-default__header p{font-family:var(--font-montserrat),sans-serif;font-size:16px;color:#ccc;margin:0;line-height:1.5}.shortcuts-default__tools{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:2rem;gap:2rem}@media(max-width:768px){.shortcuts-default__tools{grid-template-columns:1fr;gap:1.5rem}}.hero-default{text-align:center;padding-top:6rem}@media(max-width:768px){.hero-default{padding-top:4rem}}@media(max-width:480px){.hero-default{padding-top:3rem}}.hero-default__title{font-family:var(--font-poppins),sans-serif;font-weight:700;font-size:56px;margin:0 0 24px;line-height:1.1}@media(max-width:768px){.hero-default__title{font-size:42px;margin:0 0 20px}}@media(max-width:480px){.hero-default__title{font-size:36px;margin:0 0 16px}}.hero-default__subtitle{font-family:var(--font-montserrat),sans-serif;font-size:20px;color:#ccc;margin:0;line-height:1.6}@media(max-width:768px){.hero-default__subtitle{font-size:16px;line-height:1.5}}@media(max-width:480px){.hero-default__subtitle{font-size:14px;line-height:1.4}}:root{--font-roboto:"Roboto",sans-serif;--font-open-sans:"Open Sans",sans-serif;--font-lato:"Lato",sans-serif;--font-oswald:"Oswald",sans-serif;--font-raleway:"Raleway",sans-serif;--font-source-sans-pro:"Source Sans Pro",sans-serif;--font-merriweather:"Merriweather",serif;--font-noto-sans:"Noto Sans",sans-serif}*,:after,:before{box-sizing:border-box}*{overscroll-behavior:none}.container{margin:0 auto;display:flex;flex-direction:column;max-width:1300px;width:100%}section{padding:3rem 0}@media(max-width:768px){section{padding:1rem 0}}.title{font-family:var(--font-poppins),"Poppins",sans-serif;font-size:3rem;font-weight:700;color:#efe6dd;text-align:center;margin-bottom:1rem;display:flex;align-items:center;justify-content:center;gap:1rem}.title-icon{color:#f3dfa2}.subtitle{font-size:1.2rem;color:#efe6dd;text-align:center;margin-bottom:3rem}.card{background:#2d2d2d;border-radius:8px;padding:2rem;width:100%;max-width:800px;margin-bottom:2rem}.preview-title{font-size:1.5rem;font-weight:600;color:#efe6dd;margin-bottom:1rem}.original-image{max-width:200px;max-height:200px;border-radius:6px;border:1px solid #404040}.preview-section{margin-top:2rem;max-width:100%;overflow:hidden}.favicons-table{margin-top:1rem;overflow-x:auto}.favicons-table table{width:100%;border-collapse:collapse;background:rgba(0,0,0,0);overflow:hidden}.favicons-table table td{padding:1rem;border-bottom:1px solid rgba(64,64,64,.5);vertical-align:middle}.favicons-table table tr:last-child td{border-bottom:none}.favicons-table table tr:hover{background:#252525}.favicons-table .favicon-table-preview{border:1px solid #404040;border-radius:4px;background:#2d2d2d;display:block}.favicons-table .file-name{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.9rem;color:#f3dfa2}.favicons-table .size{font-weight:600;color:#7ebdc2}.favicons-table .purpose{color:#efe6dd;font-size:.9rem}.favicons-table .file-size{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.9rem;color:#f3dfa2;text-align:right}.loading{display:inline-block;width:20px;height:20px;border-radius:50%;border:3px solid hsla(0,0%,100%,.3);border-top-color:#fff;animation:spin 1s ease-in-out infinite;margin-right:.5rem}@keyframes spin{to{transform:rotate(1turn)}}.error{color:#dc3545;background:rgba(0,0,0,0);border:none;border-radius:0;padding:0;margin:0}.success{color:#155724;background:#d4edda;border:1px solid #c3e6cb;border-radius:5px;padding:1rem;margin-top:1rem}.app-settings{margin-top:1.5rem}.app-settings h3{font-size:1.2rem;font-weight:600;color:#efe6dd;margin-bottom:1rem}.app-settings .settings-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:1rem;gap:1rem;margin-bottom:1rem}@media(max-width:768px){.app-settings .settings-grid{grid-template-columns:1fr}}.app-settings .description-field{margin-top:1rem}.app-settings .form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:#ccc}.app-settings .form-group input[type=text]{width:100%;padding:.75rem;border:1px solid rgba(126,189,194,.3);border-radius:4px;font-size:1rem;background:#1e1e1e;color:#efe6dd;transition:border-color .2s ease}.app-settings .form-group input[type=text]:focus{outline:none;border-color:rgba(243,223,162,.6)}.app-settings .form-group input[type=text]::placeholder{color:#bb4430}.app-settings .form-group .color-input-group{display:flex;gap:.5rem}.app-settings .form-group .color-input-group input[type=color]{width:50px;height:45px;border:1px solid #404040;border-radius:4px;cursor:pointer;padding:0;background:#1e1e1e}.app-settings .form-group .color-input-group input[type=color]::-webkit-color-swatch-wrapper{padding:0}.app-settings .form-group .color-input-group input[type=color]::-webkit-color-swatch{border:none;border-radius:2px}.app-settings .form-group .color-input-group input[type=text]{flex:1 1}.app-settings .settings-subtitle{margin-top:1rem;margin-bottom:1rem;color:#ccc;font-size:.9rem;line-height:1.5}.meta-tags-section{margin-top:2rem;padding-top:2rem;border-top:1px solid rgba(126,189,194,.3)}.meta-tags-section h3{font-size:1.3rem;font-weight:600;color:#efe6dd;margin-bottom:.5rem}.meta-tags-section .code-block{background:rgba(0,0,0,0);border-radius:6px;padding:0;position:relative}.manifest-section{margin-top:2rem;padding-top:2rem;border-top:1px solid rgba(126,189,194,.3)}.manifest-section h3{font-size:1.3rem;font-weight:600;color:#efe6dd;margin-bottom:.5rem}.manifest-section .code-block{background:rgba(0,0,0,0);border-radius:6px;padding:0;position:relative}.toast-custom{background:#2d2d2d!important;color:#e1e1e1!important;border-radius:6px!important;padding:16px 20px!important;font-weight:500!important;border:1px solid #404040!important}.toast-custom.success{background:#1e3a2e!important;border-color:#10b981!important}.toast-custom.error{background:#3e1e1e!important;border-color:#ef4444!important}.code-block .react-syntax-highlighter{border-radius:6px!important;font-family:Monaco,Menlo,Ubuntu Mono,monospace!important;border:1px solid #404040!important}.code-block .react-syntax-highlighter pre{margin:0!important;padding:0!important;background:#1e1e1e!important;border-radius:6px!important}.code-block .react-syntax-highlighter pre,.code-block .react-syntax-highlighter pre[style*=padding]{padding:0!important}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.section-header h2,.section-header h3{margin:0}.download-section{margin-top:2rem;padding:2rem;background:#2d2d2d;border:1px solid rgba(126,189,194,.3);border-radius:8px;text-align:center}.download-section h3{font-size:1.5rem;font-weight:600;color:#efe6dd;margin-bottom:.5rem}.download-section p{font-size:1rem;line-height:1.6;color:#efe6dd}.file-info{margin-top:.5rem;color:#666;max-width:100%;line-height:1.4}.file-name-long{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.85rem;color:#999;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:300px;margin-bottom:.25rem;cursor:help}.file-size-info{font-size:.9rem;color:#666;font-weight:500}.buttons-container{display:flex;gap:1rem;margin-top:2rem}.favicon-icon{width:32px;height:32px}.section-description{color:#666;margin-bottom:1rem}.download-description{color:#666;margin-bottom:1.5rem}.image-warning{background:rgba(243,223,162,.1);border:1px solid rgba(243,223,162,.3);border-radius:6px;padding:1rem;margin-top:1rem;color:#f3dfa2;font-size:.9rem;line-height:1.5}.not-found{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center;padding:2rem}.not-found-icon{color:#bb4430;margin-bottom:2rem;animation:pulse 2s infinite}.not-found-title{font-size:6rem;font-weight:700;color:#f3dfa2;margin:0 0 1rem;line-height:1}.not-found-subtitle{font-size:2rem;font-weight:600;color:#7ebdc2;margin:0 0 1rem}.not-found-description{font-size:1.1rem;color:#efe6dd;margin:0 0 2rem;max-width:500px;line-height:1.6}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.privacy-page{max-width:800px;margin:0 auto;padding:2rem 0}.privacy-header{text-align:center;margin-bottom:3rem}.back-link{display:inline-flex;align-items:center;gap:.5rem;color:#7ebdc2;text-decoration:none;font-size:.9rem;margin-bottom:2rem;transition:color .2s ease}.back-link:hover{color:#f3dfa2}.privacy-title{display:flex;align-items:center;justify-content:center;gap:1rem;font-size:2.5rem;font-weight:700;color:#efe6dd;margin-bottom:1rem}.privacy-subtitle{color:#ccc;font-size:1rem;margin:0}.privacy-content{background:#2d2d2d;border:1px solid rgba(126,189,194,.3);border-radius:8px;padding:2rem}.privacy-section{margin-bottom:2.5rem}.privacy-section:last-child{margin-bottom:0}.privacy-section h2{font-size:1.5rem;font-weight:600;color:#f3dfa2;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.privacy-section p{color:#efe6dd;line-height:1.6;margin-bottom:1rem}.privacy-section ul{color:#efe6dd;line-height:1.6;padding-left:1.5rem}.privacy-section ul li{margin-bottom:.5rem}.cookie-info,.retention-info,.rights-info,.security-info{display:flex;gap:1rem;align-items:flex-start;padding:1rem;background:rgba(126,189,194,.05);border-radius:6px;margin:1rem 0}.cookie-info svg,.retention-info svg,.rights-info svg,.security-info svg{color:#7ebdc2;flex-shrink:0;margin-top:.25rem}.cookie-info div,.retention-info div,.rights-info div,.security-info div{flex:1 1}.contact-info{background:rgba(243,223,162,.05);border:1px solid rgba(243,223,162,.2);border-radius:6px;padding:1rem;margin-top:1rem}.contact-info p{margin:.5rem 0}.contact-link{color:#f3dfa2;text-decoration:none}.contact-link:hover{text-decoration:underline}@media(max-width:768px){.container{padding:1rem}.title{font-size:2rem}.card{padding:1.5rem}.dropzone{padding:2rem 1rem}.favicons-grid{grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#1e1e1e;border-radius:4px}::-webkit-scrollbar-thumb{background:#f3dfa2;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#e8d4a0}::-webkit-scrollbar-corner{background:#1e1e1e}*{scrollbar-width:thin;scrollbar-color:#f3dfa2 #1e1e1e}