/* @license GPL-2.0-or-later https://www.drupal.org/licensing/faq */
.progress{position:relative;}.progress__track{min-width:100px;max-width:100%;height:16px;margin-top:5px;border:1px solid;background-color:#fff;}.progress__bar{width:3%;min-width:3%;max-width:100%;height:16px;background-color:#000;}.progress__description,.progress__percentage{overflow:hidden;margin-top:0.2em;color:#555;font-size:0.875em;}.progress__description{float:left;}[dir="rtl"] .progress__description{float:right;}.progress__percentage{float:right;}[dir="rtl"] .progress__percentage{float:left;}.progress--small .progress__track{height:7px;}.progress--small .progress__bar{height:7px;background-size:20px 20px;}
.ajax-progress{display:inline-block;padding:1px 5px 2px 5px;}[dir="rtl"] .ajax-progress{float:right;}.ajax-progress-throbber .throbber{display:inline;padding:1px 6px 2px;background:transparent url(/core/misc/throbber-active.svg) no-repeat 0 center;}.ajax-progress-throbber .message{display:inline;padding:1px 5px 2px;}tr .ajax-progress-throbber .throbber{margin:0 2px;}.ajax-progress-bar{width:16em;}.ajax-progress-fullscreen{position:fixed;z-index:1261;top:48.5%;left:49%;width:24px;height:24px;padding:4px;opacity:0.9;border-radius:7px;background-color:#232323;background-image:url(/core/misc/loading-small.svg);background-repeat:no-repeat;background-position:center center;}[dir="rtl"] .ajax-progress-fullscreen{right:49%;left:auto;}
.text-align-left{text-align:left;}.text-align-right{text-align:right;}.text-align-center{text-align:center;}.text-align-justify{text-align:justify;}.align-left{float:left;}.align-right{float:right;}.align-center{display:block;margin-right:auto;margin-left:auto;}
.container-inline div,.container-inline label{display:inline-block;}.container-inline .details-wrapper{display:block;}.container-inline .hidden{display:none;}
.clearfix::after{display:table;clear:both;content:"";}
.hidden{display:none;}.visually-hidden{position:absolute !important;overflow:hidden;clip:rect(1px,1px,1px,1px);width:1px;height:1px;word-wrap:normal;}.visually-hidden.focusable:active,.visually-hidden.focusable:focus-within{position:static !important;overflow:visible;clip:auto;width:auto;height:auto;}.invisible{visibility:hidden;}
.item-list__comma-list,.item-list__comma-list li{display:inline;}.item-list__comma-list{margin:0;padding:0;}.item-list__comma-list li::after{content:", ";}.item-list__comma-list li:last-child::after{content:"";}
.js .js-hide{display:none;}.js-show{display:none;}.js .js-show{display:block;}@media (scripting:enabled){.js-hide.js-hide{display:none;}.js-show{display:block;}}
.position-container{position:relative;}
.reset-appearance{margin:0;padding:0;border:0 none;background:transparent;line-height:inherit;-webkit-appearance:none;appearance:none;}
.advanced-image-converter{width:100%;max-width:1200px;margin:2rem auto;padding:0 1rem;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;}.converter-container{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:20px;padding:2px;box-shadow:0 20px 60px rgba(0,0,0,0.3);animation:fadeIn 0.6s ease-out;}@keyframes fadeIn{from{opacity:0;transform:translateY(20px);}to{opacity:1;transform:translateY(0);}}.converter-header{background:white;border-radius:18px 18px 0 0;padding:2rem;text-align:center;}.converter-title{display:flex;align-items:center;justify-content:center;gap:0.75rem;font-size:2rem;font-weight:700;color:#2d3748;margin:0 0 0.5rem 0;}.title-icon{width:32px;height:32px;stroke-width:2.5;color:#667eea;animation:bounce 2s infinite;}@keyframes bounce{0%,100%{transform:translateY(0);}50%{transform:translateY(-10px);}}.converter-subtitle{color:#718096;font-size:1rem;margin:0;}.converter-body{background:white;border-radius:0 0 18px 18px;padding:2rem;}.upload-section{animation:slideIn 0.5s ease-out;}@keyframes slideIn{from{opacity:0;transform:translateX(-20px);}to{opacity:1;transform:translateX(0);}}.upload-area{border:3px dashed #cbd5e0;border-radius:12px;padding:3rem 2rem;text-align:center;cursor:pointer;transition:all 0.3s ease;background:linear-gradient(135deg,#f7fafc 0%,#edf2f7 100%);}.upload-area:hover{border-color:#667eea;background:linear-gradient(135deg,#edf2f7 0%,#e2e8f0 100%);transform:translateY(-2px);box-shadow:0 10px 30px rgba(102,126,234,0.1);}.upload-area.drag-over{border-color:#667eea;background:linear-gradient(135deg,#e6fffa 0%,#b2f5ea 100%);transform:scale(1.02);}.upload-icon{width:64px;height:64px;stroke-width:2;color:#667eea;margin-bottom:1rem;animation:float 3s ease-in-out infinite;}@keyframes float{0%,100%{transform:translateY(0);}50%{transform:translateY(-10px);}}.upload-area h3{font-size:1.5rem;color:#2d3748;margin:0 0 0.5rem 0;font-weight:600;}.upload-area p{color:#718096;margin:0.25rem 0;}.supported-formats{font-size:0.875rem;color:#a0aec0;margin-top:1rem !important;}.processing-section{animation:slideIn 0.5s ease-out;}.processing-section.hidden{display:none;}.upload-section.hidden{display:none;}.upload-new-section{margin-bottom:1.5rem;text-align:center;}.btn-upload-new{display:inline-flex;align-items:center;gap:0.5rem;padding:0.75rem 1.5rem;background:linear-gradient(135deg,#48bb78 0%,#38a169 100%);color:white;border:none;border-radius:10px;font-size:0.95rem;font-weight:600;cursor:pointer;transition:all 0.3s ease;box-shadow:0 4px 6px rgba(72,187,120,0.3);}.btn-upload-new svg{width:20px;height:20px;stroke-width:2.5;}.btn-upload-new:hover{transform:translateY(-2px);box-shadow:0 8px 15px rgba(72,187,120,0.4);background:linear-gradient(135deg,#38a169 0%,#2f855a 100%);}.btn-upload-new:active{transform:translateY(0);}.preview-container{display:grid;grid-template-columns:1fr auto 1fr;gap:2rem;margin-bottom:2rem;align-items:center;}.preview-box{background:#f7fafc;border-radius:12px;padding:1.5rem;box-shadow:0 4px 6px rgba(0,0,0,0.07);transition:transform 0.3s ease;}.preview-box:hover{transform:translateY(-5px);box-shadow:0 10px 20px rgba(0,0,0,0.1);}.preview-box h4{font-size:1.125rem;color:#2d3748;margin:0 0 1rem 0;font-weight:600;}.preview-image-wrapper{position:relative;background:white;border:2px solid #e2e8f0;border-radius:8px;overflow:hidden;min-height:200px;display:flex;align-items:center;justify-content:center;}.preview-image-wrapper img{max-width:100%;max-height:300px;display:block;margin:0 auto;}.loading-spinner{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(255,255,255,0.9);display:flex;align-items:center;justify-content:center;}.loading-spinner.hidden{display:none;}.spinner{width:40px;height:40px;border:4px solid #e2e8f0;border-top-color:#667eea;border-radius:50%;animation:spin 0.8s linear infinite;}@keyframes spin{to{transform:rotate(360deg);}}.image-info{margin-top:1rem;padding-top:1rem;border-top:1px solid #e2e8f0;font-size:0.875rem;color:#718096;}.preview-arrow{color:#667eea;animation:pulse 2s ease-in-out infinite;}.preview-arrow svg{width:32px;height:32px;stroke-width:2.5;}@keyframes pulse{0%,100%{opacity:1;transform:scale(1);}50%{opacity:0.7;transform:scale(1.1);}}.controls-container{display:grid;gap:1.5rem;margin-bottom:2rem;}.control-group{background:#f7fafc;padding:1.5rem;border-radius:12px;transition:all 0.3s ease;}.control-group:hover{background:#edf2f7;box-shadow:0 4px 12px rgba(0,0,0,0.05);}.control-group label{display:flex;align-items:center;gap:0.5rem;font-weight:600;color:#2d3748;margin-bottom:0.75rem;font-size:1rem;}.control-icon{width:20px;height:20px;stroke-width:2;color:#667eea;}.format-select{width:100%;padding:0.75rem 1rem;border:2px solid #e2e8f0;border-radius:8px;font-size:1rem;background:white;color:#2d3748;cursor:pointer;transition:all 0.3s ease;}.format-select:hover{border-color:#cbd5e0;}.format-select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,0.1);}.quality-slider{width:100%;height:8px;border-radius:4px;background:linear-gradient(to right,#fc8181 0%,#f6ad55 25%,#f6e05e 50%,#68d391 75%,#48bb78 100%);outline:none;-webkit-appearance:none;appearance:none;}.quality-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:24px;height:24px;border-radius:50%;background:white;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,0.2);border:3px solid #667eea;transition:all 0.3s ease;}.quality-slider::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 4px 12px rgba(0,0,0,0.3);}.quality-slider::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:white;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,0.2);border:3px solid #667eea;transition:all 0.3s ease;}.quality-slider::-moz-range-thumb:hover{transform:scale(1.2);box-shadow:0 4px 12px rgba(0,0,0,0.3);}.size-inputs{display:flex;align-items:center;gap:0.75rem;flex-wrap:wrap;}.size-inputs input[type="number"]{flex:1;min-width:100px;padding:0.75rem 1rem;border:2px solid #e2e8f0;border-radius:8px;font-size:1rem;transition:all 0.3s ease;}.size-inputs input[type="number"]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,0.1);}.size-separator{font-weight:600;color:#718096;font-size:1.25rem;}.checkbox-label{display:flex;align-items:center;gap:0.5rem;cursor:pointer;color:#4a5568;font-weight:500;padding:0.5rem;border-radius:6px;transition:background 0.3s ease;}.checkbox-label:hover{background:#edf2f7;}.checkbox-label input[type="checkbox"]{width:18px;height:18px;cursor:pointer;}.action-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;}.btn{display:flex;align-items:center;gap:0.5rem;padding:0.875rem 2rem;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all 0.3s ease;box-shadow:0 4px 6px rgba(0,0,0,0.1);}.btn svg{width:20px;height:20px;stroke-width:2.5;}.btn-primary{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:white;}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 15px rgba(102,126,234,0.4);}.btn-primary:active{transform:translateY(0);}.btn-secondary{background:white;color:#667eea;border:2px solid #667eea;}.btn-secondary:hover{background:#667eea;color:white;transform:translateY(-2px);box-shadow:0 8px 15px rgba(102,126,234,0.3);}.btn-secondary:active{transform:translateY(0);}@media (max-width:968px){.preview-container{grid-template-columns:1fr;gap:1.5rem;}.preview-arrow{transform:rotate(90deg);}.converter-title{font-size:1.75rem;}}@media (max-width:768px){.advanced-image-converter{padding:0 0.5rem;margin:1rem auto;}.converter-header{padding:1.5rem;}.converter-body{padding:1.5rem;}.converter-title{font-size:1.5rem;}.upload-area{padding:2rem 1rem;}.upload-icon{width:48px;height:48px;}.preview-box{padding:1rem;}.controls-container{gap:1rem;}.control-group{padding:1rem;}.action-buttons{flex-direction:column;}.btn{width:100%;justify-content:center;}.btn-upload-new{width:100%;justify-content:center;}}@media (max-width:480px){.converter-container{border-radius:12px;}.converter-header{border-radius:10px 10px 0 0;padding:1rem;}.converter-body{border-radius:0 0 10px 10px;padding:1rem;}.converter-title{font-size:1.25rem;flex-direction:column;gap:0.5rem;}.title-icon{width:28px;height:28px;}.converter-subtitle{font-size:0.875rem;}.upload-area h3{font-size:1.25rem;}.size-inputs{flex-direction:column;align-items:stretch;}.size-inputs input[type="number"]{width:100%;}.size-separator{display:none;}}
.layout--onecol .layout__region{width:100%;}
.social-media-links--platforms{padding-left:0;}.social-media-links--platforms.horizontal li{display:inline-block;text-align:center;padding:.2em .35em;}.social-media-links--platforms.vertical li{list-style-type:none;margin:0 0 .5em 0;}.social-media-links--platforms.vertical li a img{vertical-align:middle;margin-right:.5em;}.iconsets-wrapper{display:inherit;overflow-x:auto;}