/* @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%;}
.photo-text-overlay-container{max-width:1200px;margin:0 auto;padding:20px;background:#f9f9f9;border-radius:8px;}.photo-text-overlay-container h2{color:#333;margin-bottom:20px;text-align:center;font-size:1.8em;font-weight:600;}.photo-text-overlay-container h3{color:#555;margin:0 0 15px 0;font-size:1.2em;border-bottom:2px solid #ddd;padding-bottom:10px;display:flex;align-items:center;gap:10px;}.section-icon{width:24px;height:24px;color:#0078d4;flex-shrink:0;}.label-icon{width:18px;height:18px;color:#0078d4;vertical-align:middle;margin-right:6px;}.main-layout{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start;}.preview-column{position:sticky;top:20px;}.controls-column{overflow-y:auto;}.photo-upload-section,.text-inputs-section,.styling-section,.box-section,.position-section,.border-section,.preview-section,.download-section{margin-bottom:25px;background:white;padding:20px;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,0.08);border:1px solid #f0f0f0;transition:box-shadow 0.3s ease;}.photo-upload-section:hover,.text-inputs-section:hover,.styling-section:hover,.box-section:hover,.position-section:hover,.border-section:hover,.download-section:hover{box-shadow:0 4px 12px rgba(0,0,0,0.12);}.preview-section{margin-bottom:0;position:relative;overflow:hidden;}.preview-section::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(to right,#0078d4,#00bcf2);}.form-group{margin-bottom:15px;}.form-group label{display:flex;align-items:center;margin-bottom:8px;font-weight:600;color:#444;font-size:14px;}.form-text,.form-file,.form-select{width:100%;padding:10px 12px;border:2px solid #e0e0e0;border-radius:6px;font-size:14px;transition:all 0.3s ease;background:#fafafa;}.form-text:focus,.form-file:focus,.form-select:focus{outline:none;border-color:#0078d4;box-shadow:0 0 0 3px rgba(0,120,212,0.1);background:white;}.form-range{width:100%;height:8px;border-radius:4px;background:linear-gradient(to right,#0078d4 0%,#0078d4 0%,#e0e0e0 0%,#e0e0e0 100%);outline:none;cursor:pointer;transition:background 0.3s ease;}.form-range::-webkit-slider-thumb{appearance:none;width:20px;height:20px;border-radius:50%;background:#0078d4;cursor:pointer;box-shadow:0 2px 4px rgba(0,0,0,0.2);transition:all 0.3s ease;}.form-range::-webkit-slider-thumb:hover{background:#005a9e;transform:scale(1.1);}.form-range::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#0078d4;cursor:pointer;border:none;box-shadow:0 2px 4px rgba(0,0,0,0.2);transition:all 0.3s ease;}.form-range::-moz-range-thumb:hover{background:#005a9e;transform:scale(1.1);}.form-color{width:100px;height:45px;border:2px solid #e0e0e0;border-radius:6px;cursor:pointer;transition:all 0.3s ease;}.form-color:hover{border-color:#0078d4;transform:scale(1.05);}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px;}#preview-canvas{display:block;max-width:100%;height:auto;border:2px solid #ddd;border-radius:4px;margin:10px auto;background:#fff;}.download-buttons{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px;}.format-selection{margin-bottom:25px;padding-bottom:20px;border-bottom:2px solid #e0e0e0;}.format-selection h4{color:#555;font-size:1em;margin-bottom:15px;font-weight:600;}.format-selection .form-group{max-width:300px;}.custom-size-section{margin-top:25px;padding-top:20px;border-top:2px solid #e0e0e0;}.custom-size-section h4{color:#555;font-size:1em;margin-bottom:15px;font-weight:600;}.custom-size-section .form-row{align-items:flex-end;}.custom-size-section .form-group{margin-bottom:0;}.custom-size-section input[type="number"]{max-width:200px;}.reset-section{margin-top:20px;padding-top:15px;border-top:1px solid #e0e0e0;text-align:center;}.reset-section .btn{min-width:150px;}.btn{padding:12px 24px;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;transition:all 0.3s ease;box-shadow:0 2px 4px rgba(0,0,0,0.1);}.btn:hover{transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,0.15);}.btn:active{transform:translateY(0);box-shadow:0 2px 4px rgba(0,0,0,0.1);}.btn-primary{background:#0078d4;color:white;}.btn-primary:hover{background:#005a9e;}.btn-secondary{background:#6c757d;color:white;}.btn-secondary:hover{background:#545b62;}.btn-warning{background:#ff6b35;color:white;}.btn-warning:hover{background:#e55a2b;}.btn-success{background:#28a745;color:white;}.btn-success:hover{background:#218838;}.btn:disabled{opacity:0.5;cursor:not-allowed;transform:none;}.download-btn{flex:0 0 auto;min-width:100px;display:inline-flex;align-items:center;justify-content:center;gap:6px;}.btn-icon{width:16px;height:16px;stroke-width:2.5;}.form-group small{display:block;margin-top:6px;color:#888;font-size:12px;font-style:italic;}.custom-size-section .form-group:last-child{display:flex;align-items:flex-end;}.custom-size-section button{height:47px;margin-bottom:0;}@media (max-width:768px){.main-layout{grid-template-columns:1fr;}.preview-column{position:relative;top:0;}.form-row{grid-template-columns:1fr;}.download-buttons{justify-content:center;}}
.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;}