/* @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;}
.image-resizer-container{max-width:1400px;margin:2rem auto;padding:2rem;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;}#enableCrop{background:#008000;}.resizer-header{text-align:center;margin-bottom:3rem;}.resizer-header h2{font-size:2.5rem;font-weight:700;color:#1a1a2e;margin-bottom:0.5rem;}.subtitle{color:#666;font-size:1.1rem;}.upload-section{display:flex;justify-content:center;align-items:center;min-height:400px;}.upload-box{border:3px dashed #4a90e2;border-radius:20px;padding:4rem 3rem;text-align:center;background:linear-gradient(135deg,#f5f7fa 0%,#c3cfe2 100%);transition:all 0.3s ease;cursor:pointer;max-width:500px;width:100%;}.upload-box:hover{border-color:#357abd;background:linear-gradient(135deg,#e8edf3 0%,#b8c5db 100%);transform:translateY(-5px);box-shadow:0 10px 30px rgba(74,144,226,0.3);}.upload-box.dragover{border-color:#2ecc71;background:linear-gradient(135deg,#e8f8f5 0%,#a8e6cf 100%);}.upload-icon{width:80px;height:80px;margin:0 auto 1.5rem;color:#4a90e2;}.upload-box h3{font-size:1.8rem;color:#1a1a2e;margin-bottom:0.5rem;}.upload-box p{color:#666;margin-bottom:1.5rem;}.file-info{font-size:0.9rem;color:#888;margin-top:1rem;}.btn{padding:0.75rem 2rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all 0.3s ease;outline:none;display:inline-flex;align-items:center;justify-content:center;gap:0.5rem;}.btn-primary{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:white;}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 5px 20px rgba(102,126,234,0.4);}.btn-secondary{background:#6c757d;color:white;}.btn-secondary:hover{background:#5a6268;}.btn-success{background:linear-gradient(135deg,#11998e 0%,#38ef7d 100%);color:white;}.btn-success:hover{transform:translateY(-2px);box-shadow:0 5px 20px rgba(17,153,142,0.4);}.btn-danger{background:#dc3545;color:white;}.btn-danger:hover{background:#c82333;}.btn-warning{background:#ffc107;color:#000;}.btn-warning:hover{background:#e0a800;}.btn-outline{background:white;color:#4a90e2;border:2px solid #4a90e2;}.btn-outline:hover{background:#4a90e2;color:white;}.btn-full{width:100%;}.btn-large{padding:1rem 2rem;font-size:1.1rem;}.btn-small{padding:0.5rem 1rem;font-size:0.9rem;}.btn-icon{width:36px;height:36px;padding:0;border:2px solid #ddd;border-radius:8px;background:white;font-size:1.2rem;cursor:pointer;transition:all 0.2s;}.btn-icon:hover{border-color:#4a90e2;background:#f0f8ff;}.editor-section{animation:fadeIn 0.5s ease;}@keyframes fadeIn{from{opacity:0;transform:translateY(20px);}to{opacity:1;transform:translateY(0);}}.status-message{padding:1rem 1.5rem;border-radius:8px;margin-bottom:1.5rem;font-weight:500;display:none;animation:slideDown 0.3s ease;}@keyframes slideDown{from{opacity:0;transform:translateY(-10px);}to{opacity:1;transform:translateY(0);}}.status-message.success{background:#d4edda;color:#155724;border:1px solid #c3e6cb;display:block;}.status-message.info{background:#d1ecf1;color:#0c5460;border:1px solid #bee5eb;display:block;}.status-message.warning{background:#fff3cd;color:#856404;border:1px solid #ffeeba;display:block;}.editor-layout{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-top:2rem;align-items:start;}.editor-left{position:relative;min-height:600px;}.preview-sticky{position:-webkit-sticky;position:sticky;top:20px;background:white;border-radius:12px;padding:1.5rem;box-shadow:0 4px 20px rgba(0,0,0,0.08);z-index:10;}.preview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;}.preview-header h3{margin:0;color:#1a1a2e;}.image-info{font-size:0.9rem;color:#666;font-weight:500;}.canvas-wrapper{margin-bottom:1rem;}.canvas-container{border:2px solid #e0e0e0;border-radius:8px;overflow:hidden;background:repeating-linear-gradient(45deg,#f0f0f0 0,#f0f0f0 10px,#fafafa 10px,#fafafa 20px);display:flex;justify-content:center;align-items:center;min-height:400px;max-height:600px;position:relative;cursor:default;touch-action:none;}.canvas-container.crop-mode{cursor:crosshair;}#imageCanvas{max-width:100%;max-height:600px;display:block;position:relative;z-index:1;}.crop-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:2;touch-action:none;}.crop-selection{position:absolute;border:3px solid #4a90e2;background:rgba(74,144,226,0.1);box-shadow:0 0 0 9999px rgba(0,0,0,0.5);pointer-events:none;}.crop-selection::after{content:'';position:absolute;top:-3px;left:-3px;right:-3px;bottom:-3px;border:2px dashed #fff;pointer-events:none;}.crop-instructions{background:#e3f2fd;border:2px solid #2196f3;border-radius:8px;padding:0.75rem;margin-top:0.75rem;text-align:center;}.crop-instructions p{margin:0;color:#1565c0;font-weight:600;font-size:0.95rem;}#uploadNewImage{margin-top:1rem;background:#0000ff;color:#ffffff;}#resetImage{background:#ff0000;}.editor-right{display:flex;flex-direction:column;gap:1.5rem;}.controls-panel,.download-panel{background:white;border-radius:12px;padding:1.5rem;box-shadow:0 4px 20px rgba(0,0,0,0.08);}.controls-panel h3,.download-panel h3{margin:0 0 1.5rem 0;color:#1a1a2e;font-size:1.3rem;border-bottom:2px solid #f0f0f0;padding-bottom:0.5rem;}.control-group{margin-bottom:1.5rem;}.control-group:last-child{margin-bottom:0;}.control-group label{display:block;margin-bottom:0.5rem;font-weight:600;color:#333;}.zoom-controls{display:flex;align-items:center;gap:0.5rem;}#zoomSlider{flex:1;height:6px;border-radius:3px;background:#e0e0e0;outline:none;-webkit-appearance:none;}#zoomSlider::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:#4a90e2;cursor:pointer;}#zoomSlider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#4a90e2;cursor:pointer;border:none;}#zoomValue{min-width:50px;text-align:center;font-weight:600;color:#4a90e2;}.dimension-inputs{display:grid;grid-template-columns:1fr auto 1fr;gap:0.5rem;align-items:end;}.input-wrapper label{font-size:0.85rem;font-weight:500;color:#666;}.input-wrapper input{width:100%;padding:0.6rem;border:2px solid #e0e0e0;border-radius:6px;font-size:1rem;transition:border-color 0.2s;}.input-wrapper input:focus{outline:none;border-color:#4a90e2;}.lock-aspect{display:flex;align-items:center;}#lockAspect{font-size:1.3rem;}#lockAspect.locked{background:#e8f4f8;border-color:#4a90e2;}.background-controls{display:flex;flex-direction:column;gap:0.75rem;}.color-presets{display:grid;grid-template-columns:repeat(9,1fr);gap:0.5rem;}.color-preset{width:100%;aspect-ratio:1;border:3px solid #e0e0e0;border-radius:8px;cursor:pointer;transition:all 0.2s;position:relative;padding:0;overflow:hidden;}.color-preset:hover{border-color:#4a90e2;transform:scale(1.05);}.color-preset.active{border-color:#4a90e2;border-width:3px;}.color-preset .checkmark{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:white;font-size:1.2rem;font-weight:bold;text-shadow:0 0 3px rgba(0,0,0,0.5);}.custom-color{display:flex;gap:0.5rem;align-items:center;}#customColorPicker{flex:1;height:45px;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;padding:4px;}#customColorPicker::-webkit-color-swatch-wrapper{padding:0;}#customColorPicker::-webkit-color-swatch{border:none;border-radius:4px;}#customColorPicker::-moz-color-swatch{border:none;border-radius:4px;}.crop-buttons-active{display:grid;grid-template-columns:1fr 1fr;gap:0.5rem;}.crop-buttons-active .btn{padding:0.6rem 1rem;font-size:0.9rem;}.crop-buttons-active .btn-success{grid-column:1 / -1;}.rotate-controls{display:flex;gap:0.5rem;}.rotate-controls .btn-icon{flex:1;font-size:1.5rem;}.select-input{width:100%;padding:0.7rem;border:2px solid #e0e0e0;border-radius:6px;font-size:1rem;background:white;cursor:pointer;transition:border-color 0.2s;}.select-input:focus{outline:none;border-color:#4a90e2;}.size-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:0.5rem;margin-bottom:1rem;}.size-btn{padding:0.6rem;border:2px solid #e0e0e0;border-radius:6px;background:white;font-weight:600;cursor:pointer;transition:all 0.2s;}.size-btn:hover{border-color:#4a90e2;background:#f0f8ff;}.size-btn.active{border-color:#4a90e2;background:#4a90e2;color:white;}.custom-size{display:flex;gap:0.5rem;}.custom-size input{flex:1;padding:0.6rem;border:2px solid #e0e0e0;border-radius:6px;font-size:1rem;}.custom-size input:focus{outline:none;border-color:#4a90e2;}.size-info{margin-top:0.5rem;font-size:0.9rem;color:#666;font-weight:500;}.quality-control{display:flex;align-items:center;gap:1rem;}.quality-control input[type="range"]{flex:1;height:6px;border-radius:3px;background:#e0e0e0;outline:none;-webkit-appearance:none;}.quality-control input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:#11998e;cursor:pointer;}.quality-control input[type="range"]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#11998e;cursor:pointer;border:none;}#qualityValue{min-width:50px;text-align:center;font-weight:600;color:#11998e;}@media (max-width:1200px){.editor-layout{grid-template-columns:1fr;}.editor-left{min-height:auto;}.preview-sticky{position:relative;top:0;}}@media (max-width:768px){.image-resizer-container{padding:1rem;}.resizer-header h2{font-size:1.8rem;}.preview-sticky{padding:1rem;}.canvas-container{min-height:300px;max-height:400px;}.size-buttons{grid-template-columns:repeat(2,1fr);}.dimension-inputs{grid-template-columns:1fr;}.lock-aspect{justify-content:center;margin:0.5rem 0;}.crop-buttons-active{grid-template-columns:1fr;}.crop-buttons-active .btn-success{grid-column:1;}.color-presets{grid-template-columns:repeat(9,1fr);}}
.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;}