/* @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;}
.layout--onecol .layout__region{width:100%;}
.multi-image-converter{width:100%;max-width:1400px;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:pulse 2s infinite;}@keyframes pulse{0%,100%{opacity:1;transform:scale(1);}50%{opacity:0.8;transform:scale(1.05);}}.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;}.multi-upload-hint{background:linear-gradient(135deg,#fef5e7 0%,#fff3cd 100%);color:#856404;padding:0.75rem 1rem;border-radius:8px;font-weight:500;margin-top:1rem !important;display:inline-block;}.processing-section{animation:slideIn 0.5s ease-out;}.processing-section.hidden{display:none;}.upload-section.hidden{display:none;}.global-controls{background:linear-gradient(135deg,#f7fafc 0%,#edf2f7 100%);border-radius:12px;padding:1.5rem;margin-bottom:2rem;box-shadow:0 4px 6px rgba(0,0,0,0.05);}.section-title{display:flex;align-items:center;gap:0.5rem;font-size:1.25rem;font-weight:600;color:#2d3748;margin:0 0 1rem 0;}.section-title svg{width:24px;height:24px;stroke-width:2;color:#667eea;}.controls-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;margin-bottom:1rem;}.control-group{background:white;padding:1rem;border-radius:8px;box-shadow:0 2px 4px 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.5rem;font-size:0.9rem;}.control-icon{width:18px;height:18px;stroke-width:2;color:#667eea;}.format-select{width:100%;padding:0.625rem 0.875rem;border:2px solid #e2e8f0;border-radius:8px;font-size:0.9rem;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:6px;border-radius:3px;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:20px;height:20px;border-radius:50%;background:white;cursor:pointer;box-shadow:0 2px 6px 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);}.quality-slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:white;cursor:pointer;box-shadow:0 2px 6px rgba(0,0,0,0.2);border:3px solid #667eea;}.size-inputs{display:flex;align-items:center;gap:0.5rem;flex-wrap:wrap;}.size-inputs input[type="number"]{flex:1;min-width:80px;padding:0.625rem 0.75rem;border:2px solid #e2e8f0;border-radius:6px;font-size:0.9rem;}.size-inputs input[type="number"]:focus{outline:none;border-color:#667eea;}.size-separator{font-weight:600;color:#718096;}.checkbox-label{display:flex;align-items:center;gap:0.4rem;cursor:pointer;font-size:0.85rem;color:#4a5568;font-weight:500;white-space:nowrap;}.checkbox-label input[type="checkbox"]{width:16px;height:16px;cursor:pointer;}.action-buttons-top{display:flex;gap:0.75rem;justify-content:center;flex-wrap:wrap;}.btn-upload-more{background:linear-gradient(135deg,#48bb78 0%,#38a169 100%);color:white;}.btn-upload-more:hover{background:linear-gradient(135deg,#38a169 0%,#2f855a 100%);transform:translateY(-2px);}.images-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;margin-bottom:2rem;}@media (max-width:1400px){.images-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem;}}@media (max-width:1200px){.images-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem;}}@media (max-width:968px){.images-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));}}@media (max-width:768px){.images-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;}}@media (max-width:640px){.images-grid{grid-template-columns:1fr;gap:1rem;}}.image-card{background:white;border:2px solid #e2e8f0;border-radius:12px;padding:1rem;transition:all 0.3s ease;animation:cardSlideIn 0.4s ease-out;position:relative;display:flex;flex-direction:column;min-width:0;}@keyframes cardSlideIn{from{opacity:0;transform:scale(0.9);}to{opacity:1;transform:scale(1);}}.image-card:hover{border-color:#667eea;box-shadow:0 8px 20px rgba(102,126,234,0.15);transform:translateY(-4px);}@media (max-width:768px){.image-card{padding:0.875rem;}.image-card:hover{transform:translateY(-2px);}}@media (max-width:480px){.image-card{padding:0.75rem;}}.image-card.converting{border-color:#f6ad55;background:linear-gradient(135deg,#fffaf0 0%,#fef5e7 100%);}.image-card.converted{border-color:#48bb78;background:linear-gradient(135deg,#f0fff4 0%,#e6fffa 100%);}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:0.75rem;gap:0.5rem;min-width:0;}.card-title{font-weight:600;color:#2d3748;font-size:0.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0;}@media (max-width:768px){.card-title{font-size:0.85rem;}}@media (max-width:480px){.card-title{font-size:0.8rem;}}.card-remove{background:#fc8181;color:white;border:none;width:28px;height:28px;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.3s ease;flex-shrink:0;}.card-remove svg{width:16px;height:16px;stroke-width:2.5;}.card-remove:hover{background:#f56565;transform:scale(1.1);}.image-preview{background:#f7fafc;border:2px solid #e2e8f0;border-radius:8px;height:200px;display:flex;align-items:center;justify-content:center;margin-bottom:0.75rem;overflow:hidden;position:relative;}.image-preview img{max-width:100%;max-height:100%;object-fit:contain;}@media (max-width:968px){.image-preview{height:180px;}}@media (max-width:768px){.image-preview{height:160px;}}@media (max-width:640px){.image-preview{height:200px;}}@media (max-width:480px){.image-preview{height:180px;}}.image-preview.processing::after{content:'';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;}.card-spinner{position:absolute;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{font-size:0.8rem;color:#718096;line-height:1.6;margin-bottom:0.75rem;word-break:break-word;}.image-info div{display:flex;justify-content:space-between;padding:0.25rem 0;gap:0.5rem;flex-wrap:wrap;}.image-info strong{flex-shrink:0;}@media (max-width:768px){.image-info{font-size:0.75rem;}}@media (max-width:480px){.image-info{font-size:0.7rem;}.image-info div{flex-direction:column;gap:0.25rem;}}.status-badge{display:inline-flex;align-items:center;gap:0.3rem;padding:0.4rem 0.75rem;border-radius:6px;font-size:0.8rem;font-weight:600;margin-top:0.5rem;word-break:break-word;}@media (max-width:768px){.status-badge{font-size:0.75rem;padding:0.35rem 0.65rem;}}@media (max-width:480px){.status-badge{font-size:0.7rem;padding:0.3rem 0.5rem;flex-wrap:wrap;}}.status-badge.pending{background:#edf2f7;color:#4a5568;}.status-badge.converting{background:#fef5e7;color:#d97706;}.status-badge.converted{background:#d4edda;color:#2f855a;}.status-badge.error{background:#fee;color:#c53030;}.status-badge svg{width:14px;height:14px;stroke-width:2.5;}.card-download{width:100%;padding:0.625rem;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:white;border:none;border-radius:8px;font-weight:600;font-size:0.85rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:0.4rem;transition:all 0.3s ease;margin-top:0.75rem;white-space:nowrap;}.card-download svg{width:16px;height:16px;stroke-width:2.5;flex-shrink:0;}.card-download:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(102,126,234,0.4);}.card-download:disabled{opacity:0.5;cursor:not-allowed;transform:none;}@media (max-width:768px){.card-download{padding:0.55rem;font-size:0.8rem;}.card-download svg{width:14px;height:14px;}}@media (max-width:480px){.card-download{padding:0.5rem;font-size:0.75rem;}}.batch-actions{background:linear-gradient(135deg,#f7fafc 0%,#edf2f7 100%);border-radius:12px;padding:1.5rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;box-shadow:0 4px 6px rgba(0,0,0,0.05);}.batch-info{font-size:1rem;font-weight:600;color:#2d3748;}.batch-info span{color:#667eea;}.action-buttons{display:flex;gap:0.75rem;flex-wrap:wrap;}.btn{display:flex;align-items:center;gap:0.5rem;padding:0.75rem 1.5rem;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(0,0,0,0.1);white-space:nowrap;}.btn svg{width:18px;height:18px;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 6px 12px rgba(102,126,234,0.4);}.btn-success{background:linear-gradient(135deg,#48bb78 0%,#38a169 100%);color:white;}.btn-success:hover{transform:translateY(-2px);box-shadow:0 6px 12px rgba(72,187,120,0.4);}.btn-warning{background:linear-gradient(135deg,#f6ad55 0%,#ed8936 100%);color:white;}.btn-warning:hover{transform:translateY(-2px);box-shadow:0 6px 12px rgba(246,173,85,0.4);}.btn-secondary{background:white;color:#667eea;border:2px solid #667eea;}.btn-secondary:hover{background:#667eea;color:white;transform:translateY(-2px);}.btn:active{transform:translateY(0);}.btn:disabled{opacity:0.5;cursor:not-allowed;transform:none !important;}.btn.hidden{display:none;}@media (max-width:968px){.images-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));}.controls-row{grid-template-columns:1fr;}}@media (max-width:768px){.multi-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;}.images-grid{grid-template-columns:1fr;}.global-controls{padding:1rem;}.batch-actions{flex-direction:column;align-items:stretch;}.action-buttons,.action-buttons-top{flex-direction:column;}.btn{width:100%;justify-content:center;}.batch-info{text-align: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;}.title-icon{width:24px;height:24px;}.converter-subtitle{font-size:0.85rem;}.upload-area h3{font-size:1.25rem;}.size-inputs{flex-direction:column;align-items:stretch;}.size-separator{display:none;}.checkbox-label{justify-content:center;}.global-controls{padding:0.875rem;}.section-title{font-size:1rem;}.control-group{padding:0.875rem;}.btn{font-size:0.85rem;padding:0.6rem 1rem;}.btn svg{width:14px;height:14px;}.batch-info{font-size:0.8rem;word-break:break-word;}.action-buttons-top{flex-direction:column;}.btn-upload-more{width:100%;}}.toast-container{position:fixed;top:20px;right:20px;z-index:99999;display:flex;flex-direction:column;gap:10px;pointer-events:none;}.toast{background:white;border-radius:12px;padding:1rem 1.25rem;box-shadow:0 10px 40px rgba(0,0,0,0.3);display:flex;align-items:flex-start;gap:0.75rem;min-width:300px;max-width:500px;pointer-events:all;animation:toastSlideIn 0.3s ease-out;border-left:4px solid #667eea;position:relative;z-index:100000;}@keyframes toastSlideIn{from{opacity:0;transform:translateX(100%);}to{opacity:1;transform:translateX(0);}}.toast.toast-success{border-left-color:#48bb78;}.toast.toast-error{border-left-color:#fc8181;}.toast.toast-warning{border-left-color:#f6ad55;}.toast.toast-info{border-left-color:#4299e1;}.toast-icon{width:24px;height:24px;flex-shrink:0;stroke-width:2.5;}.toast-icon.success{color:#48bb78;}.toast-icon.error{color:#fc8181;}.toast-icon.warning{color:#f6ad55;}.toast-icon.info{color:#4299e1;}.toast-content{flex:1;pointer-events:none;}.toast-title{font-weight:600;color:#2d3748;margin:0 0 0.25rem 0;font-size:0.95rem;pointer-events:none;}.toast-message{color:#718096;margin:0;font-size:0.875rem;line-height:1.4;pointer-events:none;}.toast-close{background:none;border:none;color:#a0aec0;cursor:pointer;padding:0.25rem;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all 0.2s ease;flex-shrink:0;}.toast-close:hover{background:#edf2f7;color:#4a5568;}.toast-close svg{width:18px;height:18px;stroke-width:2;}.toast-btn{padding:0.5rem 1rem;border:none;border-radius:8px;font-size:0.85rem;font-weight:600;cursor:pointer !important;display:inline-flex;align-items:center;justify-content:center;gap:0.4rem;transition:all 0.2s ease;white-space:nowrap;pointer-events:all !important;user-select:none;position:relative;z-index:100001;min-width:80px;}.toast-btn *{pointer-events:none;}.toast-btn:active{transform:scale(0.95);}.toast-btn svg{width:14px;height:14px;stroke-width:2.5;pointer-events:none;}.toast-btn-yes{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%) !important;color:white !important;box-shadow:0 2px 4px rgba(102,126,234,0.3);}.toast-btn-yes:hover{transform:translateY(-1px);box-shadow:0 4px 8px rgba(102,126,234,0.4);}.toast-btn-yes:active{transform:scale(0.95);box-shadow:0 2px 4px rgba(102,126,234,0.3);}.toast-btn-no{background:white !important;color:#667eea !important;border:2px solid #667eea !important;box-shadow:0 2px 4px rgba(0,0,0,0.1);}.toast-btn-no:hover{background:#f7fafc !important;border-color:#764ba2 !important;color:#764ba2 !important;box-shadow:0 2px 4px rgba(0,0,0,0.15);}.toast-btn-no:active{transform:scale(0.95);background:#edf2f7 !important;}.toast.toast-removing{animation:toastSlideOut 0.3s ease-out forwards;}@keyframes toastSlideOut{from{opacity:1;transform:translateX(0);}to{opacity:0;transform:translateX(100%);}}@media (max-width:768px){.toast-container{top:10px;right:10px;left:10px;align-items:stretch;}.toast{min-width:0;max-width:none;}}.confirm-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.75);z-index:999999;display:flex;align-items:center;justify-content:center;padding:1rem;animation:modalFadeIn 0.2s ease-out;}@keyframes modalFadeIn{from{opacity:0;}to{opacity:1;}}.confirm-modal{background:white;border-radius:16px;padding:2rem;max-width:500px;width:100%;box-shadow:0 20px 60px rgba(0,0,0,0.4);animation:modalSlideUp 0.3s ease-out;text-align:center;}@keyframes modalSlideUp{from{opacity:0;transform:translateY(20px) scale(0.95);}to{opacity:1;transform:translateY(0) scale(1);}}.confirm-modal-icon{width:64px;height:64px;margin:0 auto 1.5rem;background:linear-gradient(135deg,#fef5e7 0%,#fff3cd 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;}.confirm-modal-icon svg{width:32px;height:32px;stroke-width:2.5;color:#f6ad55;}.confirm-modal-title{font-size:1.5rem;font-weight:700;color:#2d3748;margin:0 0 1rem 0;}.confirm-modal-message{font-size:1rem;color:#718096;margin:0 0 2rem 0;line-height:1.6;}.confirm-modal-buttons{display:flex;gap:1rem;justify-content:center;}.confirm-btn{flex:1;max-width:200px;padding:0.875rem 1.5rem;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:0.5rem;transition:all 0.3s ease;box-shadow:0 4px 6px rgba(0,0,0,0.1);}.confirm-btn svg{width:18px;height:18px;stroke-width:2.5;}.confirm-btn-cancel{background:white;color:#718096;border:2px solid #e2e8f0;}.confirm-btn-cancel:hover{background:#f7fafc;border-color:#cbd5e0;transform:translateY(-2px);box-shadow:0 6px 12px rgba(0,0,0,0.15);}.confirm-btn-confirm{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:white;}.confirm-btn-confirm:hover{transform:translateY(-2px);box-shadow:0 6px 12px rgba(102,126,234,0.4);}.confirm-btn:active{transform:translateY(0);}@media (max-width:480px){.confirm-modal{padding:1.5rem;}.confirm-modal-title{font-size:1.25rem;}.confirm-modal-message{font-size:0.9rem;}.confirm-modal-buttons{flex-direction:column;}.confirm-btn{max-width:none;}}
.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;}