/* @license GPL-2.0-or-later https://www.drupal.org/licensing/faq */
.photo-resizer-container{max-width:1200px;margin:2rem auto;padding:2rem;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:20px;box-shadow:0 20px 60px rgba(0,0,0,0.3);font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;position:relative;}.photo-resizer-header{text-align:center;color:#ffffff;margin-bottom:2rem;}.resizer-title{font-size:2.5rem;font-weight:700;margin:0 0 0.5rem 0;display:flex;align-items:center;justify-content:center;gap:1rem;}.icon-camera{animation:pulse 2s infinite;}@keyframes pulse{0%,100%{opacity:1;}50%{opacity:0.7;}}.resizer-subtitle{font-size:1.1rem;opacity:0.9;margin:0;}.status-message{position:fixed;top:20px;left:50%;transform:translateX(-50%);min-width:300px;max-width:600px;z-index:10000;margin:0;padding:1rem 1.5rem;border-radius:10px;display:none;animation:slideDown 0.3s ease;box-shadow:0 4px 20px rgba(0,0,0,0.2);text-align:center;font-weight:500;}@keyframes slideDown{from{opacity:0;transform:translateX(-50%) translateY(-20px);}to{opacity:1;transform:translateX(-50%) translateY(0);}}.status-message.show{display:block;}.status-message.success{background:#10b981;color:white;}.status-message.error{background:#ef4444;color:white;}.status-message.info{background:#3b82f6;color:white;}.upload-section{margin:2rem 0;transition:opacity 0.3s ease;}.editor-section,.download-section{transition:opacity 0.3s ease;}.upload-area{background:rgba(255,255,255,0.95);border:3px dashed #667eea;border-radius:15px;padding:3rem;text-align:center;cursor:pointer;transition:all 0.3s ease;position:relative;}.upload-area:hover{background:#ffffff;border-color:#764ba2;transform:translateY(-5px);box-shadow:0 10px 30px rgba(0,0,0,0.2);}.upload-area.dragover{background:#f0f4ff;border-color:#667eea;transform:scale(1.02);}.upload-icon{color:#667eea;margin-bottom:1rem;}.upload-area h3{font-size:1.5rem;color:#333;margin:0.5rem 0;}.upload-area p{color:#666;margin:0.25rem 0;}.upload-info{font-size:0.9rem;color:#999;margin-top:1rem !important;}.upload-area input[type="file"]{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;}.editor-section{background:rgba(255,255,255,0.95);border-radius:15px;padding:2rem;margin:2rem 0;min-height:500px;}.editor-container{display:grid;grid-template-columns:2fr 1fr;gap:2rem;align-items:start;}.preview-area{background:#f8f9fa;border-radius:10px;padding:1rem;display:flex;align-items:center;justify-content:center;min-height:400px;position:sticky;top:20px;max-height:calc(100vh - 40px);overflow:hidden;z-index:100;}.image-container{max-width:100%;max-height:600px;overflow:hidden;border-radius:8px;background:linear-gradient(45deg,#ccc 25%,transparent 25%),linear-gradient(-45deg,#ccc 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#ccc 75%),linear-gradient(-45deg,transparent 75%,#ccc 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0px;position:relative;display:flex;align-items:center;justify-content:center;}.image-container img{max-width:100%;display:block;position:relative;z-index:1;}.cropper-container{background:transparent !important;}.cropper-modal{opacity:0 !important;}.cropper-bg{background:none !important;}.controls-panel{display:flex;flex-direction:column;gap:1.5rem;}.control-group{background:#f8f9fa;padding:1.5rem;border-radius:10px;}.control-title{font-size:1.1rem;color:#333;margin:0 0 0.5rem 0;font-weight:600;}.control-description{font-size:0.85rem;color:#666;margin:0 0 1rem 0;}.button-group{display:grid;grid-template-columns:1fr 1fr;gap:0.5rem;}.btn-sm{padding:0.5rem 1rem;font-size:0.85rem;}.btn{padding:0.75rem 1.5rem;border:none;border-radius:8px;font-size:0.95rem;font-weight:600;cursor:pointer;transition:all 0.3s ease;display:inline-flex;align-items:center;justify-content:center;gap:0.5rem;}.btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px rgba(0,0,0,0.2);}.btn-control{background:#ffffff;color:#667eea;border:2px solid #667eea;}.btn-control:hover{background:#667eea;color:#ffffff;}.btn-primary{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#ffffff;}.btn-primary:hover{background:linear-gradient(135deg,#764ba2 0%,#667eea 100%);}.btn-secondary{background:#6c757d;color:#ffffff;}.btn-secondary:hover{background:#5a6268;}.btn-warning{background:#f59e0b;color:#ffffff;}.btn-warning:hover{background:#d97706;}.slider-controls{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:1.5rem;padding:1.5rem;background:#ffffff;border-radius:10px;border:2px solid #e2e8f0;}.slider-control-item{display:flex;flex-direction:column;gap:0.75rem;}.slider-control-item label{font-weight:600;color:#555;display:flex;align-items:center;gap:0.5rem;font-size:0.95rem;}.slider-control-item label svg{color:#667eea;}.slider-wrapper{display:flex;align-items:center;gap:0.75rem;}.slider-btn{width:36px;height:36px;border:2px solid #667eea;background:#ffffff;color:#667eea;border-radius:6px;font-size:1.2rem;font-weight:bold;cursor:pointer;transition:all 0.2s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0;}.slider-btn:hover{background:#667eea;color:#ffffff;transform:scale(1.05);}.slider-btn:active{transform:scale(0.95);}input[type="range"]{flex:1;height:8px;border-radius:5px;background:linear-gradient(to right,#667eea 0%,#764ba2 100%);outline:none;-webkit-appearance:none;cursor:pointer;}input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:#ffffff;border:3px solid #667eea;cursor:pointer;box-shadow:0 2px 8px rgba(102,126,234,0.4);transition:all 0.2s ease;}input[type="range"]::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 3px 12px rgba(102,126,234,0.6);}input[type="range"]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#ffffff;border:3px solid #667eea;cursor:pointer;box-shadow:0 2px 8px rgba(102,126,234,0.4);transition:all 0.2s ease;}input[type="range"]::-moz-range-thumb:hover{transform:scale(1.2);box-shadow:0 3px 12px rgba(102,126,234,0.6);}.slider-value{font-weight:600;color:#667eea;font-size:1rem;min-width:50px;text-align:center;background:#f0f4ff;padding:0.25rem 0.75rem;border-radius:6px;flex-shrink:0;}.dimension-inputs{display:flex;flex-direction:column;gap:1rem;}.input-field{display:flex;flex-direction:column;gap:0.5rem;}.input-field label{font-size:0.9rem;font-weight:600;color:#555;}.input-field input{padding:0.75rem;border:2px solid #e2e8f0;border-radius:8px;font-size:1rem;transition:border-color 0.3s ease;}.input-field input:focus{outline:none;border-color:#667eea;}.checkbox-field{display:flex;align-items:center;gap:0.5rem;}.checkbox-field input[type="checkbox"]{width:18px;height:18px;cursor:pointer;}.checkbox-field label{font-size:0.9rem;color:#555;cursor:pointer;}.image-info{display:flex;flex-direction:column;gap:0.75rem;}.info-item{display:flex;justify-content:space-between;align-items:center;padding:0.5rem;background:#ffffff;border-radius:6px;}.info-label{font-weight:600;color:#555;}.info-value{color:#667eea;font-weight:600;}.action-buttons{display:flex;flex-direction:column;gap:0.75rem;}.download-section{background:rgba(255,255,255,0.95);border-radius:15px;padding:2rem;margin:2rem 0;min-height:400px;}.download-title{text-align:center;color:#333;font-size:1.8rem;margin:0 0 2rem 0;}.format-selector,.size-selector{margin:2rem 0;}.format-selector h4,.size-selector h4{color:#555;margin:0 0 1rem 0;font-size:1.1rem;}.format-buttons,.size-buttons{display:flex;flex-wrap:wrap;gap:0.75rem;}.btn-format,.btn-size{background:#ffffff;color:#667eea;border:2px solid #667eea;padding:0.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all 0.3s ease;display:inline-flex;align-items:center;justify-content:center;gap:0.5rem;}.btn-size svg{flex-shrink:0;}.btn-format:hover,.btn-size:hover{background:#667eea;color:#ffffff;transform:translateY(-2px);}.btn-format.active,.btn-size.active{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#ffffff;border-color:transparent;}.custom-size{margin-top:1.5rem;padding:1.5rem;background:#f8f9fa;border-radius:10px;border-left:4px solid #667eea;}.custom-size label{display:block;margin-bottom:0.75rem;color:#555;font-weight:600;font-size:1rem;}.custom-size-note{margin-top:0.5rem;font-size:0.85rem;color:#777;font-style:italic;}.custom-size-input{display:flex;gap:0.75rem;}.custom-size-input input{flex:1;padding:0.75rem;border:2px solid #e2e8f0;border-radius:8px;font-size:1rem;}.custom-size-input input:focus{outline:none;border-color:#667eea;}.download-action{display:flex;gap:1rem;margin-top:2rem;justify-content:center;}.background-options{display:flex;flex-direction:column;gap:1rem;}.bg-preset-colors{display:grid;grid-template-columns:repeat(4,1fr);gap:0.5rem;}.bg-color-btn{background:#ffffff;border:2px solid #e2e8f0;border-radius:8px;padding:0.75rem 0.5rem;cursor:pointer;transition:all 0.3s ease;display:flex;flex-direction:column;align-items:center;gap:0.5rem;}.bg-color-btn:hover{border-color:#667eea;transform:translateY(-2px);box-shadow:0 4px 12px rgba(102,126,234,0.2);}.bg-color-btn.active{border-color:#667eea;background:#f0f4ff;box-shadow:0 0 0 3px rgba(102,126,234,0.1);}.color-preview{width:40px;height:40px;border-radius:6px;border:2px solid #e2e8f0;display:block;}.transparent-bg{background:linear-gradient(45deg,#ccc 25%,transparent 25%),linear-gradient(-45deg,#ccc 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#ccc 75%),linear-gradient(-45deg,transparent 75%,#ccc 75%);background-size:10px 10px;background-position:0 0,0 5px,5px -5px,-5px 0px;}.color-label{font-size:0.75rem;font-weight:600;color:#555;}.custom-bg-color{padding:1rem;background:#f8f9fa;border-radius:8px;}.custom-bg-color label{display:block;margin-bottom:0.5rem;font-size:0.9rem;font-weight:600;color:#555;}.custom-color-input{display:flex;gap:0.5rem;align-items:center;}.custom-color-input input[type="color"]{width:50px;height:40px;border:2px solid #e2e8f0;border-radius:6px;cursor:pointer;}.custom-color-input input[type="text"]{flex:1;padding:0.5rem;border:2px solid #e2e8f0;border-radius:6px;font-size:0.9rem;font-family:monospace;}.custom-color-input input[type="text"]:focus{outline:none;border-color:#667eea;}.btn-download{background:linear-gradient(135deg,#10b981 0%,#059669 100%);color:#ffffff;padding:1rem 2rem;font-size:1.1rem;}.btn-download:hover{background:linear-gradient(135deg,#059669 0%,#10b981 100%);}@media (max-width:1024px){.editor-container{grid-template-columns:1fr;gap:1.5rem;}.preview-area{min-height:350px;position:sticky;top:10px;max-height:50vh;}}@media (max-width:768px){.photo-resizer-container{padding:1rem;margin:1rem;border-radius:15px;}.resizer-title{font-size:1.5rem;flex-direction:column;gap:0.5rem;}.resizer-subtitle{font-size:0.95rem;}.status-message{min-width:250px;max-width:90vw;padding:0.75rem 1rem;font-size:0.9rem;top:10px;}.editor-section,.download-section{padding:1.5rem;min-height:auto;}.editor-container{grid-template-columns:1fr;gap:1rem;}.preview-area{min-height:250px;max-height:40vh;padding:0.75rem;position:sticky;top:10px;}.image-container{max-height:35vh;}.slider-controls{padding:1rem;gap:1rem;}.slider-btn{width:32px;height:32px;font-size:1rem;}.slider-value{font-size:0.9rem;min-width:45px;padding:0.2rem 0.5rem;}.button-group{grid-template-columns:1fr;gap:0.75rem;}.bg-preset-colors{grid-template-columns:repeat(3,1fr);gap:0.75rem;}.color-preview{width:35px;height:35px;}.color-label{font-size:0.7rem;}.custom-color-input{flex-direction:column;}.custom-color-input input[type="color"]{width:100%;}.dimension-inputs{gap:0.75rem;}.action-buttons{gap:0.5rem;}.btn{padding:0.65rem 1rem;font-size:0.9rem;}.format-buttons,.size-buttons{gap:0.5rem;grid-template-columns:repeat(2,1fr);}.btn-format,.btn-size{padding:0.65rem 0.75rem;font-size:0.85rem;}.download-action{flex-direction:column;gap:0.75rem;}.download-title{font-size:1.4rem;margin-bottom:1.5rem;}.upload-area{padding:2rem 1rem;}.upload-icon{width:48px;height:48px;}.upload-area h3{font-size:1.2rem;}.upload-area p{font-size:0.9rem;}}@media (max-width:480px){.photo-resizer-container{padding:0.75rem;margin:0.5rem;border-radius:15px;}.resizer-title{font-size:1.3rem;}.icon-camera{width:24px;height:24px;}.resizer-subtitle{font-size:0.85rem;}.status-message{font-size:0.85rem;padding:0.65rem 0.85rem;z-index:10001;}.editor-section,.download-section{padding:1rem;}.control-group{padding:1rem;}.control-title{font-size:1rem;}.slider-control-item label{font-size:0.85rem;}.slider-btn{width:30px;height:30px;font-size:0.9rem;}.slider-value{font-size:0.8rem;min-width:40px;}input[type="range"]{height:6px;}input[type="range"]::-webkit-slider-thumb{width:18px;height:18px;}input[type="range"]::-moz-range-thumb{width:18px;height:18px;}.bg-preset-colors{grid-template-columns:repeat(2,1fr);}.bg-color-btn{padding:0.5rem 0.25rem;gap:0.35rem;}.color-preview{width:30px;height:30px;}.color-label{font-size:0.65rem;}.btn{padding:0.6rem 0.75rem;font-size:0.85rem;}.btn svg{width:16px;height:16px;}.format-buttons,.size-buttons{grid-template-columns:repeat(2,1fr);gap:0.5rem;}.download-title{font-size:1.2rem;}.custom-size{padding:1rem;}.input-field input,.custom-size-input input[type="text"],.custom-bg-color input{font-size:0.9rem;padding:0.65rem;}}
.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;}