html,body{margin:0;padding:0}html{height:100%}[hidden]{display:none !important}body{min-height:100vh;background-color:#121212;color:#ffffff;font-family:Roboto;display:flex;flex-direction:column;font-family:'ApfelGrotezk-Medium',sans-serif;overflow-x:hidden;overflow-y:hidden}@media (max-width:840px){body{overflow-y:auto}}.skip-link{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}.skip-link:focus{left:8px;top:8px;width:auto;height:auto;padding:6px 10px;background:#14191f;color:#fff;border:2px solid var(--focus-ring);border-radius:6px;z-index:1200;text-decoration:none}.assets-tray{position:fixed;top:0;right:calc(-20%);width:calc(max(20%,150px));height:100%;background:#333;color:#fff;transition:right 0.3s ease;box-shadow:-2px 0 5px rgba(0,0,0,0.2);z-index:1050;border-top-left-radius:10px;border-bottom-left-radius:10px;display:flex;flex-direction:column}.assets-tray:hover,.assets-tray.show{right:0}#assetsTrayHandle{position:absolute;top:50%;left:-20px;width:20px;height:40px;background:#444;color:#fff;text-align:center;line-height:40px;cursor:pointer;transform:translateY(-50%);border-top-left-radius:5px;border-bottom-left-radius:5px}.tray-symbols{display:inline-block;transition:transform 0.3s ease,color 0.3s ease;color:#81AB91;padding-right:1px;padding-left:1px;font-weight:bold}.tray-symbols--instruction{font-size:14px;line-height:1;letter-spacing:-1px}#layersTrayHandle .tray-symbols{color:#fff}.assets-tray.show .tray-symbols{color:#FEFAC1;font-weight:lighter}.tray-symbols.rotated{transform:rotate(180deg)}.upload-button:focus,.save-button:focus{outline:none;box-shadow:inset 0 0 0 3px rgba(129,171,145,0.5);outline-offset:-3px}.tray-content{display:flex;flex-direction:column;height:calc(100% - 40px);position:relative}.tray-content .upload-button,.tray-content .save-button{position:absolute;bottom:40px;left:15px;text-align:center;box-sizing:border-box;padding:10px 0;width:90%}.tray-content h2{font-size:24px;position:relative;display:inline-block;margin-bottom:20px}.tray-content h2::after{content:"";position:absolute;left:0;bottom:0;width:calc(100% - 10px);height:2px;background-color:currentColor}.upload-section{flex:0 0 auto;padding:20px}#assets-container{overflow-y:auto;display:inline-flex;flex-wrap:wrap;align-items:flex-start;margin-bottom:70px;justify-content:flex-start;touch-action:pan-y}#assets-container img{width:100px;margin:0px;margin-left:13px;margin-top:13px;display:block}.ad-sets-tray{position:fixed;top:0;left:calc(-20%);width:calc(max(20%,150px));height:100%;background:#333;color:#fff;transition:left 0.3s ease;box-shadow:2px 0 5px rgba(0,0,0,0.2);z-index:1050;border-top-right-radius:10px;border-bottom-right-radius:10px;display:flex;flex-direction:column}.ad-sets-tray:hover,.ad-sets-tray.show{left:0}.ad-sets-tray:hover .tray-symbols{transform:rotate(180deg);color:#FEFAC1;transition:transform 0.3s ease,color 0.3s ease}.ad-sets-tray.show .tray-symbols{color:#FEFAC1;transition:color 0.3s ease}#adSetsTrayHandle{position:absolute;top:50%;right:-20px;width:20px;height:40px;background:#444;color:#fff;text-align:center;line-height:40px;cursor:pointer;transform:translateY(-50%);border-top-right-radius:5px;border-bottom-right-radius:5px}.ad-sets-tray.show .tray-symbols{color:#FEFAC1;font-weight:lighter}#adSets-container{overflow-y:auto;display:inline-flex;flex-wrap:wrap;align-items:flex-start;margin-bottom:70px;justify-content:flex-start;touch-action:pan-y}#adSets-container img{width:100px;display:block}.layers-tray-group{position:absolute;top:0;left:0;height:100%;width:220px;z-index:350;transition:transform 0.3s ease;transform:translateX(0)}.layers-tray{position:relative;width:220px;height:100%;background:#333;color:#fff;transition:box-shadow 0.3s ease;box-shadow:2px 0 5px rgba(0,0,0,0.2);z-index:350;border-top-left-radius:10px;border-bottom-left-radius:10px;border-top-right-radius:0;border-bottom-right-radius:0;display:flex;flex-direction:column}@media screen and (min-width:840px){.controls-wrapper>.layers-tray{position:absolute;left:-220px;top:0;height:100%}}.layers-tray:hover{z-index:350}.layers-tray-group.show{transform:translateX(-70%)}.layers-tray-group.show .layers-tray{box-shadow:8px 0 18px rgba(0,0,0,0.35)}@media (max-width:840px){.layers-tray-group{height:60px;width:100%;transform:translateY(0)}.layers-tray-group.show{transform:translateY(-60px)}.layers-tray{width:100%;height:60px;flex-direction:row;border-top-left-radius:10px;border-top-right-radius:10px;border-bottom-left-radius:0;border-bottom-right-radius:0}#layersTrayHandle{top:auto;bottom:-20px;left:50%;right:auto;width:40px;height:20px;transform:translate(-50%,0);border-top-left-radius:5px;border-top-right-radius:5px;border-bottom-left-radius:0;border-bottom-right-radius:0}#layersTrayHandle .tray-symbols{transform:rotate(90deg)}#layersTrayHandle .tray-symbols.rotated{transform:rotate(270deg)}}#layersTrayHandle{position:absolute;top:50%;left:-25px;width:30px;height:40px;background:linear-gradient(180deg,#81AB91,#5B8F73);color:#fff;text-align:center;line-height:40px;cursor:pointer;transform:translateY(-50%);border-top-left-radius:6px;border-bottom-left-radius:6px;border-top-right-radius:0;border-bottom-right-radius:0;border:1px solid rgba(0,0,0,0.45);box-shadow:0 0 6px rgba(0,0,0,0.45);z-index:340}.layers-tray .tray-content{border-top-left-radius:10px;border-bottom-left-radius:10px;overflow:hidden}.layers-tray-group.show .tray-handle .tray-symbols{color:#FEFAC1;font-weight:lighter}.layers-tray .tray-content{display:flex;flex-direction:column;height:100%;position:relative}.layers-tray .tray-content .upload-button,.layers-tray .tray-content .save-button{position:absolute;bottom:40px;left:50%;transform:translateX(-50%);text-align:center;box-sizing:border-box;padding:10px 0;width:90%}.layers-tray .tray-content h2{font-size:24px;position:relative;display:inline-block;margin-bottom:20px}.layers-tray .tray-content h2::after{content:"";position:absolute;left:0;bottom:0;width:calc(100% - 10px);height:2px;background-color:currentColor}.layers-tray .upload-section{flex:0 0 auto;padding:20px}#layers-container{flex:1;overflow-y:auto;padding:0px;background-color:#2c2c2c;border-top:1px solid #444;border-bottom:1px solid #444;position:relative}.layer-item{display:flex;align-items:center;padding:8px;margin-bottom:4px;background-color:#333;border-radius:4px;cursor:grab;transition:background-color 0.2s ease}.layer-item:hover{transform:scale(1.05);box-shadow:0 4px 8px rgba(0,0,0,0.2)}.layer-number{width:24px;text-align:right;margin-right:10px;font-size:14px;color:#FEFAC1}.layer-preview{width:40px;height:40px;object-fit:cover;border:1px solid #555;border-radius:4px}.layer-placeholder{background-color:#555;border:2px dashed #FEFAC1;margin-bottom:4px}.layer-item.dragging{opacity:0.8;cursor:grabbing;z-index:1000;box-shadow:0 4px 8px rgba(0,0,0,0.2)}.layers-tray.dragging-active{opacity:0.9;transition:opacity 0.3s ease}.layer-item:hover{background-color:#444}#layers-container::-webkit-scrollbar{width:8px}#layers-container::-webkit-scrollbar-track{background:#222}#layers-container::-webkit-scrollbar-thumb{background-color:#555;border-radius:4px}#layers-container:not(:empty)+#no-layers-message{display:none}#layers-container:empty+#no-layers-message{display:block}#imageContainer img{transition:outline 0.3s ease}#deleteIcon{position:fixed;bottom:60px;left:50%;transform:translateX(-50%);display:none;z-index:10000}#deleteIcon img{width:60px;height:60px;filter:invert(100%);transition:transform 0.3s ease,filter 0.3s ease}#deleteIcon.active img{transform:scale(2.2);filter:invert(50%) sepia(100%) saturate(1000%) hue-rotate(-50deg)}.dragging-image{position:absolute;pointer-events:none;z-index:10001;opacity:0.7}.dropdown-item::-webkit-scrollbar,.controls-container::-webkit-scrollbar,.ad-headline-font-permutations::-webkit-scrollbar,.cta-button-font-permutations::-webkit-scrollbar,#tcInput::-webkit-scrollbar,#adFontPicker::-webkit-scrollbar,#ctaCustomDropdown::-webkit-scrollbar,.monitor-screen::-webkit-scrollbar{width:10px;background:transparent}.dropdown-item::-webkit-scrollbar-thumb,.controls-container::-webkit-scrollbar-thumb,.ad-headline-font-permutations::-webkit-scrollbar-thumb,.cta-button-font-permutations::-webkit-scrollbar-thumb,#tcInput::-webkit-scrollbar-thumb,#adFontPicker::-webkit-scrollbar-thumb,#ctaCustomDropdown::-webkit-scrollbar-thumb,.monitor-screen::-webkit-scrollbar-thumb{background-color:#81AB91;border-radius:4px}.dropdown-item:hover::-webkit-scrollbar-thumb,.controls-container:hover::-webkit-scrollbar-thumb,.ad-headline-font-permutations:hover::-webkit-scrollbar-thumb,.cta-button-font-permutations:hover::-webkit-scrollbar-thumb,#tcInput:hover::-webkit-scrollbar-thumb,#adFontPicker:hover::-webkit-scrollbar-thumb,#ctaCustomDropdown:hover::-webkit-scrollbar-thumb,.monitor-screen:hover::-webkit-scrollbar-thumb{background-color:#729e82}.dropdown-item::-webkit-scrollbar-track,.controls-container::-webkit-scrollbar-track,.ad-headline-font-permutations::-webkit-scrollbar-track,.cta-button-font-permutations::-webkit-scrollbar-track,#tcInput::-webkit-scrollbar-track,#adFontPicker::-webkit-scrollbar-track,#ctaCustomDropdown::-webkit-scrollbar-track,.monitor-screen::-webkit-scrollbar-track{background-color:#333;border-radius:4px}@supports (scrollbar-width:thin){.dropdown-item,.controls-container,.ad-headline-font-permutations,.cta-button-font-permutations,#tcInput,#adFontPicker,#ctaCustomDropdown,.monitor-screen{scrollbar-width:thin;scrollbar-color:#81AB91 #333}.controls-container::-webkit-scrollbar{width:10px}}@supports (scrollbar-width:thin){.controls-container:not(:hover):not(:focus-within):not(.keep-scrollbar-visible){scrollbar-width:none;scrollbar-gutter:stable}.controls-container::-webkit-scrollbar{width:10px}.controls-container:hover,.controls-container:focus-within,.controls-container.keep-scrollbar-visible{scrollbar-width:thin;scrollbar-color:#81AB91 #333}}@-moz-document url-prefix(){.controls-container:not(:hover):not(:focus-within):not(.keep-scrollbar-visible){padding-right:0}}.controls-container{display:flex;flex-wrap:wrap;row-gap:0px;column-gap:10px;max-height:85vh;overflow-y:overlay;position:relative;padding-right:10px;box-sizing:content-box}.controls-container:hover,.controls-container:focus-within,.controls-container.keep-scrollbar-visible{padding-right:0px}.controls-container fieldset{flex:1 0 auto;margin-bottom:20px;min-width:150px}.controls-container fieldset.ad-config{flex-basis:100%}body{scrollbar-width:none}.controls-container:not(:hover):not(:focus-within):not(.keep-scrollbar-visible)::-webkit-scrollbar{width:0}.controls-container:hover .dropdown-item,.controls-container:hover .ad-headline-font-permutations,.controls-container:hover .cta-button-font-permutations,.controls-container:focus-within .dropdown-item,.controls-container:focus-within .ad-headline-font-permutations,.controls-container:focus-within .cta-button-font-permutations,.controls-container.keep-scrollbar-visible .dropdown-item,.controls-container.keep-scrollbar-visible .ad-headline-font-permutations,.controls-container.keep-scrollbar-visible .cta-button-font-permutations{scrollbar-width:thin;scrollbar-color:#81AB91 #333}.controls-container.keep-scrollbar-visible::-webkit-scrollbar{width:10px}.controls-container::-webkit-scrollbar{width:10px}#tcInput::-webkit-scrollbar{width:10px;background:transparent}#tcInput::-webkit-scrollbar-thumb{background-color:#81AB91;border-radius:4px}#tcInput:hover::-webkit-scrollbar-thumb{background-color:#729e82}#tcInput::-webkit-scrollbar-track{background-color:#333;border-radius:4px}@supports (scrollbar-width:thin){#tcInput{scrollbar-width:thin;scrollbar-color:#81AB91 #333}}#generateBtn,.dropdown-btn,#moveLeft,#moveRight,#moveUp,#moveDown,.upload-button,.save-button,#modalSaveButton,#zoomOut,#zoomIn,#downloadBtn,#previewBtn,#uploadFontBtn,#confirmSizeButton,#overwriteYesBtn,#overwriteCancelBtn,#customSizeSaveBtn,#customSizeCancelBtn{padding:5px 5px;box-shadow:0 4px 6px rgba(0,0,0,0.6);border-radius:4px;border:1px solid #81AB91;background-color:#2a2a2a;color:white;cursor:pointer;transition:background-color 0.3s ease,transform 0.1s ease,box-shadow 0.1s ease;font-size:0.9em}#generateBtn,.dropdown-btn,#moveLeft,#moveRight,#moveUp,#moveDown,#zoomOut,#zoomIn,#downloadBtn,#uploadFontBtn,#overwriteYesBtn,#overwriteCancelBtn,#customSizeCancelBtn,#customSizeSaveBtn{min-width:100px}#generateBtn:hover,#previewBtn:hover,.dropdown-btn:hover,.upload-button:hover,.save-button:hover,#modalSaveButton:hover,#moveLeft:hover,#moveRight:hover,#moveUp:hover,#moveDown:hover,#zoomOut:hover,#zoomIn:hover,#downloadBtn:hover,#uploadFontBtn:hover,#confirmSizeButton:hover,#overwriteYesBtn:hover,#overwriteCancelBtn:hover,#customSizeCancelBtn:hover,#customSizeSaveBtn:hover,#generateBtn:focus,#previewBtn:focus,.dropdown-btn:focus,.upload-button:focus,.save-button:focus,#modalSaveButton:focus,#moveLeft:focus,#moveRight:focus,#moveUp:focus,#moveDown:focus,#zoomOut:focus,#zoomIn:focus,#downloadBtn:focus,#uploadFontBtn:focus,#confirmSizeButton:focus,#overwriteYesBtn:focus,#overwriteCancelBtn:focus,#customSizeSaveBtn:focus,#customSizeCancelBtn:focus{border:1px solid #FEFAC1;outline:none}#generateBtn:active,#previewBtn:active,.dropdown-btn:active,.upload-button:active,.save-button:active,#modalSaveButton:active,#moveLeft:active,#moveRight:active,#moveUp:active,#moveDown:active,#zoomOut:active,#zoomIn:active,#downloadBtn:active,#uploadFontBtn:active,#confirmSizeButton:active,#overwriteYesBtn:active,#overwriteCancelBtn:active,#customSizeSaveBtn:active,#customSizeCancelBtn:active{box-shadow:0 2px 3px rgba(0,0,0,0.6);transform:translateY(2px)}#uploadFontBtn{margin-top:15px}.preview-controls{display:flex;align-items:center;gap:5px;justify-content:space-between}.preview-url-group,.country-selection-group{display:flex;flex-direction:column}.preview-url-group{width:100%}.country-selection-group{min-width:150px}.preview-controls-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}#previewBtn{padding:5px 10px;flex-grow:1;max-width:calc(100%);min-width:100px}.preview-format-selection input[type="radio"]{margin:0 5px 0 0}.preview-format-selection label{margin:0 10px 0 0;white-space:nowrap}.download-controls{display:flex;align-items:center;justify-content:flex-start;gap:10px}.download-format-selection{display:flex;align-items:center}.download-format-selection label{margin-left:10px;margin-right:10px}.hi-res-checkbox{margin-left:10px}.logo-neon path{fill:red}.logo-neon{width:60%;height:auto;max-height:20vh;position:absolute;top:4%;left:50%;z-index:1005;transform:translateX(-50%);filter:drop-shadow(0 0 2px rgba(255,255,255,0.6)) drop-shadow(0 0 15px rgba(255,255,255,0.7)) drop-shadow(0 0 20px rgba(255,255,255,0.2))}.resize-logo{max-height:10vh}.white-path{filter:invert(100%)}.radio-group{display:flex;align-items:center;margin-left:10px}.html5-options{background-color:#2a2a2a;padding:8px;border-radius:4px;display:flex;flex-direction:column;gap:10px;flex-shrink:1;margin-left:10px}.html5-options label{white-space:normal}.html5-option{display:flex;align-items:center;flex-wrap:nowrap}.html5-option input[type="radio"],.option input[type="checkbox"]{flex-shrink:0}.html5-option label{margin-left:5px;white-space:normal;flex-grow:1;flex-shrink:1;flex-basis:0}.download-and-checkbox label,.download-and-checkbox input[type="radio"],.download-and-checkbox input[type="checkbox"]{margin:0}.radio-group label,.html5-options label{margin-left:5px;margin-right:15px}.download-format-selection input[type="radio"],.hi-res-checkbox input[type="checkbox"]{margin-right:5px}#generateBtn{margin-top:10px;margin-bottom:10px}#previewUrl{padding:12px;border:1px solid #666;background:#262626;color:#ddd;border-radius:4px;box-sizing:border-box;width:98%}#headlineInput,#productInput,#contextSelect,#clickThroughUrlInput,#ctaInput,#fontFamilyName,#fontPermutation,#tcInput,#adSetNameInput{padding:12px;border:1px solid #666;background:#262626;color:#ddd;border-radius:4px;box-sizing:border-box;width:100%}#headlineInput:focus,#productInput:focus,#contextSelect:focus,#clickThroughUrlInput:focus,#ctaInput:focus,#previewUrl:focus,#fontFamilyName:focus,#fontPermutation:focus,#tcInput:focus,#adSetNameInput:focus{outline:none;border:1px solid #FEFAC1}#includeHeadlineCheckbox,#includeCtaCheckbox,#includeTcCheckbox,#invertColorsCheckbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#333;border:1px solid #555;height:calc(1.5em);aspect-ratio:1 / 1;border-radius:3px;cursor:pointer;display:inline-block;vertical-align:middle;position:relative;box-sizing:border-box;padding:0;display:flex;align-items:center;justify-content:center}#includeHeadlineCheckbox:checked,#includeCtaCheckbox:checked,#includeTcCheckbox:checked,#invertColorsCheckbox:checked{background-color:#333;border-radius:50%;box-shadow:none}#includeHeadlineCheckbox:checked::after,#includeCtaCheckbox:checked::after,#includeTcCheckbox:checked::after,#invertColorsCheckbox:checked::after{content:'';position:absolute;width:60%;height:60%;background-color:#FEFAC1;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 10px rgba(129,171,145,0.8),0 0 10px rgba(129,171,145,0.5);animation:checkglow 2.5s infinite alternate}@keyframes checkglow{from{box-shadow:0 0 5px rgba(129,171,145,0.8),0 0 5px rgba(129,171,145,0.5)}to{box-shadow:0 0 15px rgba(129,171,145,0.8),0 0 15px rgba(129,171,145,0.5)}}#tcInput{resize:vertical;height:100px;width:100%;margin-top:8px}fieldset{margin-bottom:20px;padding:10px;border:1px solid #444;border-radius:4px;background-color:#3a3a3a}.fieldset-row{display:flex;align-items:center;justify-content:flex-start;gap:10px}.fieldset-row label{margin:0;color:#c0c0c0}.ad-config{border:0;background:linear-gradient(145deg,rgba(30,35,40,0.9),rgba(26,21,35,0.9));border-radius:18px;padding:16px 18px 18px;box-shadow:0 14px 40px rgba(0,0,0,0.35)}.ad-config__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:14px}.ad-config__card{padding:14px;border-radius:16px;background:linear-gradient(145deg,rgba(36,41,48,0.92),rgba(22,24,31,0.92));border:1px solid rgba(255,255,255,0.06);box-shadow:0 12px 32px rgba(0,0,0,0.28);display:flex;flex-direction:column;gap:12px}.image-controls-card{background:linear-gradient(145deg,rgba(28,34,38,0.95),rgba(20,21,30,0.95))}.ad-config__header{display:flex;flex-direction:column;gap:4px}.eyebrow{text-transform:uppercase;font-size:12px;letter-spacing:0.08em;color:#9fb3a7}.ad-config__title{font-size:18px;font-weight:700;color:#fefac1;letter-spacing:0.01em}.ad-config__sub{margin:0;color:#a9b5c3;font-size:13px}.ad-config__field{display:flex;flex-direction:column;gap:6px}.ad-config__field label{color:#cfd7df;font-size:13px}.ad-config__field select,.ad-config__field textarea,.ad-config__field input{width:100%}.select-stack{display:flex;flex-direction:column;gap:6px}.ad-config__split{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}.ad-config__actions{display:flex;justify-content:flex-start}.image-controls-list{display:flex;flex-direction:column;gap:8px;padding:10px 12px;border-radius:14px;border:1px dashed rgba(255,255,255,0.12);background:rgba(255,255,255,0.02)}.image-control-row{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center;padding:6px 0;border-left:2px solid rgba(141,240,197,0.4)}.image-control-icon{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;background:rgba(255,255,255,0.05);border-radius:10px;border:1px solid rgba(255,255,255,0.05)}.image-control-icon img{width:20px;height:20px}.image-control-title{font-size:13px;font-weight:600;color:#fefac1}.image-control-sub{font-size:12px;color:#a9b5c3}.image-controls-note{margin:0 0 6px 0;font-size:12px;color:#b8c2cf}.preview-deck{border:0;background:linear-gradient(145deg,rgba(30,35,40,0.92),rgba(26,21,35,0.92));border-radius:18px;padding:16px 18px 18px;box-shadow:0 14px 40px rgba(0,0,0,0.35)}.preview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px}.preview-card{padding:14px;border-radius:16px;background:linear-gradient(145deg,rgba(36,41,48,0.92),rgba(22,24,31,0.92));border:1px solid rgba(255,255,255,0.06);box-shadow:0 12px 32px rgba(0,0,0,0.28);display:flex;flex-direction:column;gap:12px}.download-card{background:linear-gradient(145deg,rgba(28,34,38,0.95),rgba(20,21,30,0.95))}.preview-card__header{display:flex;flex-direction:column;gap:4px}.preview-card__title{font-size:18px;font-weight:700;color:#fefac1;letter-spacing:0.01em}.preview-card__sub{margin:0;color:#a9b5c3;font-size:13px}.preview-controls--card{background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.05);border-radius:12px;padding:10px;gap:12px}.download-card__body{display:flex;flex-direction:column;gap:12px}.download-choices{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}.radio-tile{display:flex;align-items:stretch;gap:10px;padding:10px;border-radius:12px;border:1px solid rgba(255,255,255,0.08);background:rgba(255,255,255,0.02);box-shadow:inset 0 0 0 1px rgba(255,255,255,0.02);cursor:pointer;transition:border-color 0.2s ease,box-shadow 0.2s ease}.radio-tile input[type="radio"]{margin:4px 0 0 4px;accent-color:#fefac1}.radio-tile__content{display:flex;flex-direction:column;gap:2px}.radio-tile__title{font-size:14px;font-weight:600;color:#fefac1}.radio-tile__sub{font-size:12px;color:#a9b5c3}.checkbox-line{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:#cfd7df}.checkbox-line input[type="checkbox"]{width:16px;height:16px;accent-color:#fefac1}.download-actions{display:flex;justify-content:flex-start}.text-deck{border:0;background:linear-gradient(145deg,rgba(30,35,40,0.9),rgba(26,21,35,0.9));border-radius:18px;padding:16px 18px 18px;box-shadow:0 14px 40px rgba(0,0,0,0.35)}.text-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:12px}.swatch-card{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.08);box-shadow:inset 0 0 0 1px rgba(255,255,255,0.02)}.swatch-stack{display:flex;align-items:center;gap:10px}.swatch-hint{font-size:12px;color:#9fb3a7}.text-hint{flex:1;min-width:220px;text-align:right;color:#d0f1d7;font-size:13px;letter-spacing:0.01em}.text-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px}.text-card{padding:14px;border-radius:16px;background:linear-gradient(145deg,rgba(36,41,48,0.9),rgba(25,26,35,0.9));border:1px solid rgba(255,255,255,0.06);box-shadow:0 12px 32px rgba(0,0,0,0.28);display:flex;flex-direction:column;gap:10px}.text-card--muted{background:linear-gradient(145deg,rgba(26,32,36,0.9),rgba(20,20,28,0.9))}.text-card__header{display:flex;align-items:center;justify-content:space-between;gap:10px}.text-card__title{font-size:18px;font-weight:700;color:#fefac1;letter-spacing:0.01em}.text-card__sub{margin:0;color:#a9b5c3;font-size:13px}.touch-toggle{display:inline-flex;align-items:center;gap:8px;cursor:pointer;user-select:none;position:relative}.touch-toggle input{position:absolute;top:0;left:0;opacity:0;pointer-events:auto;width:52px;height:28px;margin:0;padding:0;cursor:pointer;appearance:none !important;z-index:2}.touch-toggle__rail{width:52px;height:28px;border-radius:999px;background:rgba(30,43,40,0.9);border:1px solid rgba(141,240,197,0.35);box-shadow:inset 0 0 0 1px rgba(255,255,255,0.03),0 6px 16px rgba(0,0,0,0.45);position:relative;transition:background 0.2s ease,border-color 0.2s ease;overflow:hidden}.touch-toggle__thumb{position:absolute;top:3px;left:4px;width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,#8df0c5,#6bd1ff);box-shadow:0 6px 12px rgba(0,0,0,0.4);transition:transform 0.2s ease}.touch-toggle input:checked+.touch-toggle__rail{background:rgba(141,240,197,0.18);border-color:rgba(141,240,197,0.65)}.touch-toggle input:checked+.touch-toggle__rail .touch-toggle__thumb{transform:translateX(22px)}.touch-toggle__text{font-size:13px;color:#fefac1;letter-spacing:0.01em}.text-field{position:relative}.text-field textarea{width:100%;background:rgba(12,14,18,0.7);border:1px solid rgba(255,255,255,0.08);border-radius:10px;padding:12px 14px 20px;color:#e6ecf0;font-size:16px;box-sizing:border-box;resize:vertical;min-height:72px}.text-field textarea#headlineInput,.text-field textarea#ctaInput,.text-field textarea#tcInput{background:rgba(12,14,18,0.7);border:1px solid rgba(255,255,255,0.08);border-radius:10px;color:#e6ecf0}.text-field textarea:focus{outline:none;border-color:#fefac1;box-shadow:0 0 0 2px rgba(254,250,193,0.25)}.text-length{position:absolute;bottom:8px;right:10px;font-size:12px;color:#8fa7b0}.text-controls-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;align-items:center}.slider-pack{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center}.slider-pack label{font-size:13px;color:#cfd7df}.slider-pack input[type="range"]{width:100%;accent-color:#fefac1;height:6px;border-radius:999px;background:linear-gradient(90deg,#8df0c5,#fefac1);outline:none;-webkit-appearance:none}.slider-pack input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:#0f1014;border:2px solid #fefac1;box-shadow:0 6px 12px rgba(0,0,0,0.4)}.slider-pack input[type="range"]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#0f1014;border:2px solid #fefac1;box-shadow:0 6px 12px rgba(0,0,0,0.4)}.slider-value{font-size:13px;color:#fefac1;min-width:54px;text-align:right}.dropdown-pack .dropdown-btn{width:100%;justify-content:space-between;display:flex;align-items:center;gap:6px}.text-card[data-text-card]{transition:border-color 0.2s ease,box-shadow 0.2s ease}.text-card[data-text-card].is-off{border-color:rgba(255,255,255,0.08);box-shadow:none;opacity:0.8}.text-card[data-text-card].is-off .touch-toggle__thumb{background:linear-gradient(135deg,#555b6c,#343846)}@media (max-width:840px){.text-toolbar{flex-direction:column;align-items:flex-start}.text-hint{text-align:left}}.fieldset-row .checkbox-container{display:flex;align-items:center;gap:8px}.fieldset-row.cta-row{margin-top:12px}.fieldset-row.tc-row{margin-top:22px}.fieldset-row .checkbox-container label{margin-right:0}.checkbox-container{display:flex;align-items:center;gap:10px}.checkbox-container{display:flex;align-items:center;gap:10px}.swatch-label{margin-left:15px;font-size:14px;color:#ccc}.colour-swatch{width:20px;height:20px;position:relative;cursor:pointer;border:1px solid #555;border-radius:4px}.colour-triangle{position:absolute;width:100%;height:100%}.text-triangle{clip-path:polygon(0 0,100% 0,0 100%);background-color:black}.background-triangle{clip-path:polygon(100% 100%,0 100%,100% 0);background-color:white}.swatch-options{display:none;position:absolute;top:100%;left:50%;transform:translateX(-50%);z-index:1000;background-color:#333;border:1px solid #555;padding:10px;display:flex;justify-content:space-between;width:110px;align-items:center;position:relative}.swatch-options::before{content:'';position:absolute;top:10px;bottom:10px;left:50%;width:0;border-left:1px dotted #555;transform:translateX(-50%)}.swatch-options.visible{display:flex}.swatch-hidden{display:none}.swatch-column{display:flex;flex-direction:column;align-items:center}.swatch-option{width:20px;height:20px;margin:3px;cursor:pointer;border:1px solid #555;border-radius:0;transition:border-color 0.2s ease-in-out;display:inline-block}.swatch-option:hover{border-color:red !important}.swatch-option.selected{border-color:red !important}.swatch-option.black{background-color:rgba(0,0,0,0.6)}.swatch-option.white{background-color:rgba(255,255,255,0.6)}.swatch-option.none{background-color:transparent;border:1px dashed #555}.swatch-option[data-target="text"].black{background-color:#000}.swatch-option[data-target="text"].white{background-color:#fff}.input-row{display:flex;align-items:center;height:auto;width:100%}legend{padding:0 10px;font-size:1.5em;font-weight:bold;color:#ffffff}label{display:block;margin-top:10px;color:#c0c0c0}input[type="text"],select,button{width:100%;padding:8px;margin-top:5px;box-sizing:border-box;border:1px solid #555;background-color:#1e1e1e;color:#ddd;border-radius:4px}.download-and-checkbox{display:flex;flex-direction:row;align-items:center;flex-wrap:nowrap}.button-and-options{display:flex;align-items:center;justify-content:space-between;width:100%}.custom-checkbox{display:flex;align-items:center}.custom-checkbox label{margin-left:5px;color:#c0c0c0}input[type="text"]:focus,select:focus,button:focus{outline:none;border-color:#007bff}.dropdown-divider{font-weight:bold;color:#e0e0e0;padding:5px 15px;background-color:#0A1C15;border-bottom:1px solid #555;text-decoration:underline;text-decoration-color:#FEFAC1}.dropdown-section:first-child .dropdown-divider{margin-top:0}.dropdown-divider+.dropdown-divider{margin-top:0}.dragging-element{position:absolute;pointer-events:none;opacity:0.8;z-index:1000}#uploadCustomFont{margin-top:0;margin-bottom:0;padding:5px 15px}#fontPicker{border:1px solid #ccc;border-radius:4px;width:180px;padding:5px;display:none}.dropdown{position:relative;display:inline-block}#fontPicker>.dropdown-item[data-family]:hover{background-color:initial}.dropdown-item[data-family]{position:relative}.font-permutations,.ad-headline-font-permutations,.cta-button-font-permutations{border:1px solid #ccc;border-radius:4px;width:150px;max-height:230px;overflow-y:auto;overflow-x:hidden;padding:5px;display:block;position:absolute;left:70%;top:0;background:#333;color:#fff;box-shadow:0 2px 5px rgba(0,0,0,0.5);z-index:10020;white-space:nowrap;text-overflow:ellipsis}.hidden{display:none !important}.font-permutations .dropdown-item:hover{background-color:#ccc}.dropdown-btn{padding:10px;background-color:#333;color:white;cursor:pointer;border:none;border-radius:4px}#adFontPicker,#ctaCustomDropdown,#adSizeDropdown,.custom-dropdown{display:block;position:absolute;background-color:#262626;min-width:160px;box-shadow:0 8px 16px rgba(0,0,0,0.2);z-index:10010;overflow-y:auto;overflow-x:visible;max-height:230px;max-width:calc(100% - 20px);border:1px solid #666;border-radius:4px}.dropdown-item{padding:12px 16px;cursor:pointer;color:white;border-bottom:1px solid #666;position:relative}.dropdown-item.disabled{cursor:default;opacity:0.7;pointer-events:none}.dropdown-item:hover{background-color:#666;transform:scale(1.05);box-shadow:0 2px 4px rgba(0,0,0,0.5)}.dropdown-item.no-transform{transform:scale(1) !important}#adFontPicker>.dropdown-item[data-family]:hover,#ctaCustomDropdown>.dropdown-item[data-family]:hover{background-color:initial}.font-permutations .dropdown-item:hover{background-color:#555;transform:none;box-shadow:none}.dropdown-item:last-child{border-bottom:none}.popup{display:none}#adSizeSelect,#style-toggle,#sizeDropdown{padding:12px;border:1px solid #666;background:#262626;color:#ddd;border-radius:4px;box-sizing:border-box}#adSizeSelect:focus,#style-toggle:focus,#sizeDropdown:focus{outline:none;border:1px solid #FEFAC1}.download-and-checkbox{display:flex;align-items:center;gap:10px}.custom-checkbox{position:relative;padding-left:25px}.custom-checkbox input[type="checkbox"]{opacity:0;position:absolute;left:0;width:20px;height:20px;margin:0}.custom-checkbox label{cursor:pointer;user-select:none}.custom-checkbox input[type="checkbox"]+label:before{content:'';position:absolute;left:0;top:0;width:20px;height:20px;border:1px solid #666;background:#262626;border-radius:4px}.custom-checkbox input[type="checkbox"]:checked+label:before{background:#4CAF50;content:'\2714';color:white;text-align:center;line-height:20px}.message{display:none;position:fixed;top:50px;left:50%;transform:translateX(-50%);background:rgba(0,0,0,0.8);color:white;padding:10px;border-radius:5px;white-space:normal;max-width:80%;z-index:1000;text-align:left}#assetStarCanvas,#assetLoadingMessage{z-index:9998}.message .text{display:inline}.message .dots{display:inline-block;min-width:3ch;text-align:left}.success{background-color:#4CAF50;color:white}.error{background-color:#f44336;color:white}*{margin:0;padding:0;box-sizing:border-box}.otp-verified{display:inline-block;margin-left:8px;color:green;border:2px solid green;border-radius:50%;width:16px;height:16px;text-align:center;line-height:16px;font-size:14px}#player{display:none}#watchExplanation{cursor:pointer}@keyframes dropdown{0%{opacity:0;transform:translateY(-20px)}100%{opacity:1;transform:translateY(0)}}.drop-down-animation{display:block;opacity:0;animation:dropdown 1s ease forwards}@media (prefers-reduced-motion:reduce){.drop-down-animation{animation:none !important;opacity:1 !important;transform:none !important}}.body-wrapper{flex:1;display:flex;flex-direction:column}.content{flex:1;background-color:#121212}@media screen and (min-width:840px){.content{padding-top:40px;box-sizing:border-box}}#login-signup-modal #loginotpInputFields p{margin:0}#login-signup-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#1f1f1f;padding:30px;border-radius:8px;box-shadow:0 5px 15px rgba(0,0,0,0.5);text-align:center;z-index:999;width:90%;max-width:525px;min-width:324px}.info-section{background-color:#2a2a2a;padding:20px;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,0.6);margin-top:20px;text-align:center}.auth-info{color:#ddd;font-size:14px;margin-bottom:10px}.auth-link{display:inline-block;color:#BAB78D;text-decoration:none;font-weight:bold;padding-bottom:2px;border-bottom:1px solid transparent;transition:border-bottom-color 0.3s,color 0.3s}.auth-link:hover{color:#BAB78D;border-bottom-color:#BAB78D}#authForm input:focus{outline:none;border:1px solid #FEFAC1}#authForm{display:flex;flex-direction:column;align-items:center;gap:15px}#authForm input{padding:12px;max-width:350px;border:1px solid #666;background:#262626;color:#ddd;border-radius:4px;box-sizing:border-box}#username{width:100%}.grid-container{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:auto auto;gap:15px;align-items:start;width:100%;max-width:350px;margin:0 auto;margin-bottom:10px}#authForm button,#loginWithOtpLink{width:100%}.login-cell,.register-cell{display:flex;flex-direction:column;align-items:flex-start}.login-cell{grid-row:1 / 3}.register-cell{grid-row:1}#loginWithOtpLink{padding:4px 10px;margin-top:5px;text-align:center;background-color:#151C19;color:white;border:1px solid #34453A;border-radius:4px;font-size:0.7em;display:block;box-sizing:border-box;cursor:pointer;transition:background-color 0.3s ease}#loginWithOtpLink:hover{background-color:#061a24;border:1px solid #FEFAC1}#loginButton,#registerButton{min-width:120px;padding:12px 20px;box-shadow:0 4px 6px rgba(0,0,0,0.6);border:none;border-radius:4px;border:1px solid #81AB91;background-color:#2a2a2a;color:white;cursor:pointer;transition:background-color 0.3s ease;width:auto;font-size:0.9em}#authForm button,#loginWithOtpLink{width:100%}#authForm button:hover{border:1px solid #FEFAC1}#login-signup-modal p{color:#ccc;font-size:1em;margin-bottom:15px}#watchExplanation{margin-top:20px;color:#BAB78D;text-decoration:none;display:inline-block;cursor:pointer;padding-bottom:2px}#watchExplanation:hover{border-bottom:1px solid #BAB78D}#player{max-width:100%;border-radius:4px;outline:none}p{margin-top:0;margin-bottom:1em;color:#ccc}.qr-code-modal{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.5);display:flex;justify-content:center;align-items:center;z-index:999}.qr-code-content{position:relative;background-color:#2a2a2a;padding:30px;border-radius:10px;text-align:center}#qrCodeImage{width:350px;height:350px}#qrInstructions{color:#fff;background-color:#222;padding:15px;border-radius:5px;margin-bottom:20px}.simulation-close-button,#closeQrModal{position:absolute;top:18px;right:18px;background:rgba(0,0,0,0.8);color:white;border:none;border-radius:50%;width:60px;height:60px;cursor:pointer;font-size:30px;font-weight:bold;display:flex;align-items:center;justify-content:center;z-index:10;transition:color 0.3s ease,transform 0.3s ease;margin-top:0px;overflow:hidden;transform-origin:center}.simulation-close-button:hover,#closeQrModal:hover{background-color:#FEFAC1;transform:scale(1.2);color:#000000}.simulation-close-button svg,#closeQrModal svg{fill:#FFFFFF;transition:fill 0.3s ease}.simulation-close-button:hover svg,#closeQrModal:hover svg{fill:#000000}#manualCodeInstruction{color:#fff;margin-top:20px;font-size:16px}#manualCode{background-color:#333;color:#fff;padding:10px;border-radius:4px;word-break:break-all;display:block;margin-top:5px;font-size:18px;font-family:monospace;margin-bottom:10px}.totp-input{width:35px;height:40px;margin:0 5px;text-align:center;font-size:18px;border:1px solid #ddd;border-radius:4px;box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);background-color:#262626}.logintotp-input{width:35px;height:40px;margin:0 5px;text-align:center;font-size:18px;border:1px solid #ddd;border-radius:4px;box-shadow:inset 0 1px 2px rgba(0,0,0,0.1)}#totpInputContainer{display:flex;justify-content:center;margin-top:15px;margin-bottom:20px}.login-container{position:relative;text-align:center}.signup-form,.login-form{position:fixed;top:50%;left:50%;max-width:300px;margin:auto;padding:20px;transform:translate(-50%,-50%);background-color:#1e1e1e;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,0.5);text-align:center}.signup-form input,.login-form input{width:100%;padding:10px;margin:10px 0;border-radius:5px;border:1px solid #ccc}.signup-form button,.login-form button{width:100%;padding:10px;border:none;border-radius:5px;background-color:#4caf50;color:white;cursor:pointer}footer{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:5px;padding:5px;background-color:#1f1f1f;color:white;position:fixed;left:0;right:0;bottom:0;z-index:9999}footer.prelogin{grid-template-columns:1fr 1fr 1fr}footer.prelogin .footer-content{display:none}footer.prelogin .credit-info{display:none !important}footer.prelogin #prelogin-left{justify-self:start}footer.prelogin #prelogin-center{justify-self:center}footer.prelogin #prelogin-right{justify-self:end}footer.prelogin #termsAndPrivacy{position:static;left:auto;bottom:auto;transform:none;display:inline-block}.footer-content{position:relative;text-align:center}#termsAndPrivacy{position:absolute;bottom:100%;left:50%;transform:translateX(-50%);white-space:nowrap;display:none;padding:5px;border-radius:5px;box-shadow:0px 2px 5px rgba(0,0,0,0.2);color:#BAB78D;background-color:#1a1a1a;z-index:10000;pointer-events:auto}#version{display:block}.username-display{cursor:pointer;display:inline-block;margin:0 5px;padding:5px 10px;background-color:#333;color:#fff;border-radius:3px;font-weight:bold;transition:background-color 0.3s ease}.username-display:hover{background-color:#444}.footer-content{grid-column:2 / 3;justify-self:center;white-space:nowrap;text-align:center;margin:0 auto}.credit-info{margin-right:20px;white-space:nowrap;display:none}.mono-time{font-family:'Courier New',Courier,monospace}#dailyCredits,#futureCredits{display:block}.modal,.modal-overlay,#overwriteModal{display:none;position:fixed;left:0;top:0;width:100vw;height:100vh;background-color:rgba(0,0,0,0.8);z-index:20000;pointer-events:auto}.modal-body{max-height:80vh}.modal-window,.modal-content{padding:20px;border:1px solid #888;min-width:300px;max-width:90%;width:auto;max-height:80vh;overflow-y:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);overflow-x:hidden;z-index:20001;pointer-events:auto}.policy-modal{background-color:#2a2a2a;color:#ddd;border:1px solid #81AB91;border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,0.6)}.policy-modal h2{margin:0 0 10px 0;color:#FEFAC1;font-size:20px;border-bottom:1px solid #444;padding-bottom:8px}.policy-modal-content{max-height:70vh;overflow-y:auto;overflow-x:hidden;padding-right:10px}.policy-modal-content::-webkit-scrollbar{width:10px;background:transparent}.policy-modal-content::-webkit-scrollbar-thumb{background-color:#81AB91;border-radius:4px}.policy-modal-content::-webkit-scrollbar-thumb:hover{background-color:#729e82}.policy-modal-content::-webkit-scrollbar-track{background-color:#333;border-radius:4px}@supports (scrollbar-width:thin){.policy-modal-content{scrollbar-width:thin;scrollbar-color:#81AB91 #333}}.ad-set-item{display:flex;align-items:center;background-color:#555;padding:5px;margin-bottom:5px;border-radius:4px;cursor:pointer}.ad-set-item img{margin-right:10px}.modal-window h2{margin-top:0}.modal-window input{width:100%;padding:6px;margin:10px 0;box-sizing:border-box}.modal-window button{padding:6px 12px;margin-right:8px;cursor:pointer}body.modal-open #adSetsTrayHandle,body.modal-open #adSetsTray,body.modal-open #assetsTrayHandle,body.modal-open #assetsTray,body.modal-open #layersTrayHandle,body.modal-open #layersTray{pointer-events:none}#customSizeModal .modal-content{background:rgba(12,12,12,0.9);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid #1f1f1f;border-radius:16px;box-shadow:0 12px 48px rgba(0,0,0,0.55);color:#e6e6e6}#customSizeModal h3{margin:0 0 6px 0;font-weight:500;letter-spacing:0.3px;color:#eceae6}#customSizeModal label{color:#a7a7a7;font-size:0.92rem;letter-spacing:0.2px}#customSizeWidth,#customSizeHeight,#customSizeName{appearance:textfield;-webkit-appearance:none;-moz-appearance:textfield;width:100%;padding:12px 14px;border-radius:12px;border:1px solid #2a2a2a;background:linear-gradient(180deg,#141414 0%,#0f0f0f 100%);color:#eaeaea;transition:border-color 120ms ease,box-shadow 120ms ease,background-color 120ms ease,transform 60ms ease;box-shadow:inset 0 1px 0 rgba(255,255,255,0.03)}#customSizeWidth::placeholder,#customSizeHeight::placeholder,#customSizeName::placeholder{color:#6f6f6f}#customSizeWidth:hover,#customSizeHeight:hover,#customSizeName:hover{border-color:#3a3a3a}#customSizeWidth:focus,#customSizeHeight:focus,#customSizeName:focus{outline:none;border-color:#bda177;box-shadow:0 0 0 3px rgba(189,161,119,0.16),inset 0 1px 0 rgba(255,255,255,0.04)}#customSizeModal input[type="number"]::-webkit-outer-spin-button,#customSizeModal input[type="number"]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}#customSizeModal input[type="number"]{-moz-appearance:textfield}.fontmodal-overlay{display:none;position:fixed;left:0;top:0;width:100vw;height:100vh;background-color:rgba(0,0,0,0.8);z-index:1000}.fontmodal-content{position:fixed;z-index:1050;width:300px;height:200px;display:none}#fontmodal-content .modal-inner-content{position:relative;padding-top:24px}#fontmodal-content .close-button{position:absolute;top:8px;right:8px;font-size:32px;line-height:1;width:auto;height:auto;padding:0;margin:0;background:transparent;border:0;color:#ccc;float:none}#fontmodal-content .close-button:hover{color:#fff}#docModal .policy-modal{position:relative;padding-top:28px}#docModal .close-button{position:absolute;top:8px;right:8px;font-size:32px;line-height:1;width:auto;height:auto;padding:0;margin:0;background:transparent;border:0;color:#ccc;float:none}#docModal .close-button:hover{color:#fff}#customSizeModal .modal-content{position:relative;padding-top:28px;width:min(90vw,520px)}#customSizeModal .close-button,#customSizeCloseBtn{position:absolute;top:8px;right:8px;font-size:32px;line-height:1;width:auto;height:auto;padding:0;margin:0;background:transparent;border:0;color:#ccc;float:none}#customSizeModal .close-button:hover,#customSizeCloseBtn:hover{color:#fff}#confirmationModal .modal-content{position:relative;padding-top:28px}#confirmationModal .close-button{position:absolute;top:8px;right:8px;font-size:32px;line-height:1;background:transparent;border:0;color:#ccc;float:none}#confirmationModal .close-button:hover{color:#fff}.close-button{color:#aaa;float:right;font-size:44px;font-weight:bold;position:absolute;top:-15px;right:0px}.close-button:hover,.close-button:focus{color:white;text-decoration:none;cursor:pointer}#confirmShareBtn{border:1px solid #81AB91;background-color:#2a2a2a;color:white;padding:10px 20px;margin:10px 0;cursor:pointer;font-size:16px}.share-symbol{margin-right:5px}#confirmShareBtn:hover,#confirmShareBtn:active{background-color:#3d3d3d}.share-button{position:absolute;bottom:18px;right:18px;background:rgba(0,0,0,0.8);color:white;border:none;border-radius:50%;width:60px;height:60px;cursor:pointer;font-size:24px;display:flex;align-items:center;justify-content:center;z-index:10;transition:background-color 0.3s ease,transform 0.3s ease;overflow:hidden;transform-origin:center}.share-button:hover{background-color:#FEFAC1;transform:scale(1.2)}.share-button svg{fill:#FFFFFF;transition:fill 0.3s ease}.share-button:hover svg{fill:#000000}.logout-modal{display:none;position:fixed;z-index:20000;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.8)}.logout-modal-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:linear-gradient(180deg,#1a1a1a 0%,#0f0f0f 100%);color:#ddd;padding:20px 18px 16px;border:1px solid #2a2a2a;border-radius:14px;width:min(92vw,440px);max-width:500px;box-sizing:border-box;box-shadow:0 20px 60px rgba(0,0,0,0.6),0 0 0 1px rgba(255,255,255,0.03)}.logout-close-button{position:absolute;top:8px;right:8px;color:#ccc;font-size:32px;line-height:1;background:transparent;border:0;padding:0;font-weight:700}.logout-close-button:hover,.logout-close-button:focus{color:#fff;text-decoration:none;cursor:pointer}.footer-spacer{flex:1}.logout-menu{display:none;flex-direction:column;position:absolute;background-color:#1a1a1a;padding:10px;border:none;text-align:center;white-space:nowrap;z-index:12000;pointer-events:auto}.logout-menu a{text-align:center;width:100%;color:white;text-decoration:none;display:block;padding:5px 10px;border-radius:3px}.logout-menu a:hover{background-color:#1f1f1f}#logoutButton{display:block;width:100%;text-align:center;background-color:#333;border-top:1px solid #444;margin-top:10px;padding:10px 0}#logoutButton:hover,#logoutButton:active{background-color:#1f1f1f}#authenticationMenu:hover~.authentication-sub-menu{display:flex;flex-direction:column}.authentication-sub-menu:hover{display:flex}#authenticationSubMenu{display:none;flex-direction:column;align-items:center}#authenticationMenu:hover{background-color:#1f1f1f}.authentication-sub-menu{display:none;flex-direction:column;align-items:flex-start;text-align:left;padding:6px 0;background-color:#1a1a1a;border:1px solid #444;border-radius:6px;box-shadow:0 8px 24px rgba(0,0,0,0.35);transition:opacity 0.15s ease}.authentication-sub-menu a{text-align:left;padding-left:10px}#authenticationMenu{background-color:#333;margin-bottom:5px}#authenticationMenu:hover{background-color:#1f1f1f}.username-display,.logout-menu{box-sizing:border-box}#loadingGif{width:90%}#downloadBtn{flex-grow:1;width:auto;flex-shrink:0;margin-right:10px;padding:8px;margin-right:10px;align-self:stretch}#starCanvas{display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10}#errorContainer{display:flex;justify-content:center;align-items:center;position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,0.8);color:red;text-align:center;padding:10px;box-sizing:border-box;z-index:2}#ctaButton{background-color:rgba(255,255,255,0.3);color:white;border-radius:5px;cursor:pointer;text-align:center;background-color:rgba(0,0,0,0.6);align-items:center;justify-content:center;box-sizing:border-box;padding:10px;border:2px solid white}#ctaButton:hover{border:4px solid white;padding:8px}#overwriteModal .confirm-modal{background:linear-gradient(180deg,#1a1a1a 0%,#0f0f0f 100%);border:1px solid #2a2a2a;border-radius:14px;width:min(92vw,440px);padding:20px 18px 16px;box-shadow:0 20px 60px rgba(0,0,0,0.6),0 0 0 1px rgba(255,255,255,0.03);backdrop-filter:blur(4px)}#overwriteModal .confirm-title{margin:0 0 6px 0;font-size:20px;line-height:1.3;color:#FEFAC1}#overwriteModal .confirm-message{margin:0;color:#d6d6d6;line-height:1.55}#overwriteModal .confirm-hint{margin:8px 0 0 0;color:#a8a8a8;font-size:0.9rem;line-height:1.4}#overwriteModal .confirm-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:16px}#overwriteModal .btn{appearance:none;-webkit-appearance:none;border-radius:10px;padding:10px 14px;font-weight:600;font-size:0.95rem;border:1px solid transparent;transition:transform 80ms ease,box-shadow 120ms ease,background-color 120ms ease,border-color 120ms ease;min-width:110px}#overwriteModal .btn:focus{outline:none;border-color:#FEFAC1;box-shadow:0 0 0 3px rgba(189,161,119,0.18),0 2px 10px rgba(0,0,0,0.45)}#overwriteModal .btn-primary{color:#0f1111;background:linear-gradient(180deg,#81AB91 0%,#5B8F73 100%);border-color:#5B8F73}#overwriteModal .btn-primary:hover{filter:brightness(1.05);border-color:#FEFAC1}#overwriteModal .btn-primary:active{transform:translateY(1px)}#overwriteModal .btn-secondary{background:linear-gradient(180deg,#161616 0%,#101010 100%);color:#eaeaea;border-color:#343434}#overwriteModal .btn-secondary:hover{border-color:#FEFAC1}#overwriteModal .btn-secondary:active{transform:translateY(1px)}h1{font-size:40px;font-weight:700;color:white;background-color:rgba(0,0,0,0.6);padding:10px;position:absolute;left:10px;right:10px;top:10px;transform:translateY(0);display:inline-block;z-index:2}.modal-body h1{position:relative;top:0px;left:0px;padding:0px;background-color:rgba(0.2,0.2,0.2,0.2)}.modal-body ul{margin-bottom:1em}.modal-body ul li{margin-bottom:0.1em}.leaderboard-style{top:50%;transform:translateY(-50%)}#loadingMessage,#assetLoadingMessage{font-size:14px;color:#ffffff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;justify-content:center;flex-direction:column;text-align:center;z-index:20}#loadingMessage,#assetLoadingMessage span{margin-top:10px;color:white}.controls{display:flex;flex-direction:column;max-width:400px;min-width:300px;justify-content:center}.main-container{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:30px}@media (min-width:841px){.main-container{justify-content:flex-start}}.ad-wrapper{flex:1 0 auto;min-width:300px;max-width:100%;box-sizing:border-box;position:relative;z-index:0}.tc-content{position:absolute;bottom:-100%;left:0;width:100%;max-height:50%;background-color:rgba(0,0,0,0.8);color:white;padding:10px;box-sizing:border-box;transition:bottom 0.5s ease;z-index:1000;overflow-y:scroll;font-size:11px;font-family:'ApfelGrotezk-Medium'}.tc-content::-webkit-scrollbar{width:0px}.tc-content{scrollbar-width:none}.tc-content::-webkit-scrollbar{display:none}.tc-trigger{position:absolute;bottom:0px;left:0px;cursor:pointer;background-color:transparent;z-index:1001;transition:transform 0.5s ease;display:flex;align-items:center;z-index:300}.tc-trigger svg{display:block;width:24px;height:24px;fill:#FEFACC;transition:transform 0.5s ease}.tc-text{margin-left:1px;font-size:12px;color:#FFF;margin-right:1px;font-family:'ApfelGrotezk-Medium';display:inline-block;transition:transform 0.5s ease;position:relative}.controls-wrapper{position:relative;flex:1 1 auto;min-width:300px;width:100%;background-color:#2c2c2c;border-radius:8px;color:#ffffff;padding:20px;z-index:400}.controls-container{z-index:500}.controls-background{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#2c2c2c;color:#ffffff;z-index:360;border-top-right-radius:8px;border-top-left-radius:8px;border-bottom-right-radius:8px;border-bottom-left-radius:8px}.ad-container{display:block;width:auto;position:absolute;max-width:none;z-index:0;margin:auto;border:1px solid #444;border-radius:5px;overflow:hidden;background-color:#1e1e1e;cursor:pointer;touch-action:none;box-sizing:content-box}.ad-container.empty::before{content:'';position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(255,255,255,0.05) 1px,transparent 1px),linear-gradient(180deg,rgba(255,255,255,0.05) 1px,transparent 1px);background-size:20px 20px;background-position:0 0;pointer-events:none}.ad-container.empty::after{content:'';position:absolute;inset:0;border:1px dashed #2f2f2f;pointer-events:none}.ad-scale-indicator{position:absolute;top:-10px;left:0;text-align:left;color:#ddd;font-size:10px;line-height:1.2;font-family:'ApfelGrotezk-Medium',sans-serif;background:rgba(0,0,0,0.6);padding:1px 6px;border-radius:4px;pointer-events:none;z-index:10 !important}#imageContainer{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;overflow:visible;transform:none !important;margin:0;padding:0;box-sizing:border-box;touch-action:none}#imageContainer img{position:absolute;width:auto;height:auto;max-width:none;max-height:none;transform-origin:center center;touch-action:none}#adHeadline,#ctaButton{touch-action:none}#adHeadline{display:none}.preview-format-selection{display:flex;flex-direction:column;align-items:flex-start;margin-left:10px}.preview-format-selection div{display:flex;align-items:center}.status-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:110px}.status-container label{margin-top:0}.status-line{display:flex;align-items:center}.status-dot{height:8px;width:8px;border-radius:50%;display:inline-block;margin-left:5px}.live{background-color:#81AB91;box-shadow:0 0 5px #81AB91;animation:glow 1s infinite alternate}.down{background-color:red;box-shadow:0 0 5px red;animation:glow 1s infinite alternate}@keyframes glow{from{box-shadow:0 0 5px}to{box-shadow:0 0 20px}}#main-content{position:relative;display:flex;align-items:center;flex-wrap:wrap;padding:0px;justify-content:center}#centered-container{height:100vh;display:grid;place-items:center}@media (max-height:800px) and (max-width:450px){.logo-neon{width:50%;max-height:18vh;top:2%}.resize-logo{max-height:7vh}}@media (max-height:670px) and (max-width:450px){.logo-neon{width:40%;max-height:12vh;top:1%}.resize-logo{visibility:hidden}}@media (max-height:570px) and (max-width:450px){.logo-neon{width:25%;max-height:10vh;top:1%}.resize-logo{visibility:hidden}}@media screen and (min-width:840px){.main-container{flex-direction:row;align-items:center;justify-content:flex-start;min-height:calc(100vh - 140px);box-sizing:border-box;padding-top:40px;padding-bottom:40px}.ad-wrapper{flex:1 1 auto;min-width:360px;display:flex;align-items:center;justify-content:center;align-self:stretch;max-height:calc(100vh - 140px)}.controls-wrapper{flex:0 1 800px;height:auto;align-self:stretch;max-height:calc(100vh - 120px);overflow-y:visible;overflow-x:visible}.controls-wrapper{display:flex;flex-wrap:wrap;justify-content:flex-start;align-content:flex-start;box-sizing:border-box;margin-right:10px;max-width:800px}.controls-container fieldset{width:calc(50% - 20px)}.controls-container fieldset.ad-config{width:100%}.controls-container fieldset:last-child{width:100%}}@media (max-width:750px){.assets-tray{right:-130px;width:130px}.ad-sets-tray{left:-130px;width:130px}.tray-content .upload-button,.tray-content .save-button{left:7px}.tray-content .upload-section span{font-size:14px}.tray-content h2{font-size:18px;margin-bottom:15px}}@media (max-width:840px){.ad-wrapper{width:98%;flex-direction:row;align-items:center;height:auto;justify-content:center;display:flex}.main-container{justify-content:flex-start;align-items:center}.ad-wrapper{position:relative;margin-top:8px}#centered-container{height:auto}footer{font-size:12px}.username-display{word-wrap:break-word;overflow-wrap:break-word;white-space:normal;max-width:110px}.fontmodal-content{position:fixed;left:50%;transform:translateX(-50%);width:80%;min-width:300px;padding:10px}.controls-container{max-height:(100vh - 120px)}.controls-wrapper{margin-bottom:57px;max-width:98%}.controls-container fieldset{flex:0 0 100%;width:100%;margin-bottom:10px}#message{margin-top:5px}#includeHeadlineCheckbox,#includeCtaCheckbox,#includeTcCheckbox{height:24px;width:24px}#headlineInput,#productInput,#contextSelect,#clickThroughUrlInput,#ctaInput,#adSetNameInput{padding:6px 12px;font-size:16px}#headlineInput,#includeHeadlineCheckbox{height:auto}input,select,textarea{font-size:16px}#downloadBtn,#generateBtn,#moveLeft,#moveRight,#moveUp,#moveDown,#zoomOut,#zoomIn{min-width:80px;padding:10px 15px}.layers-tray{top:0;left:0;width:100%;height:60px;flex-direction:row;border-top-left-radius:10px;border-top-right-radius:10px;box-shadow:0 2px 5px rgba(0,0,0,0.2);z-index:30}.layers-tray .tray-content h2{font-size:18px}.layers-tray.show{top:-60px;left:0}#layersTrayHandle{top:-20px;left:50%;transform:translateX(-50%);width:40px;height:20px;border-top-left-radius:5px;border-top-right-radius:5px}.layers-tray .tray-symbols{transform:rotate(90deg)}.layers-tray .tray-symbols.rotated{transform:rotate(270deg)}.layers-tray .tray-content{flex-direction:row;overflow-x:auto;overflow-y:hidden;height:99%}.layers-tray .tray-content .upload-button{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);width:90%}#layers-container{flex:1;overflow-x:auto;overflow-y:hidden;padding:0px;border-top:none;border-bottom:none;position:relative;display:flex;flex-direction:row}.layer-item{position:relative;width:60px;height:60px;margin-right:0px;border-radius:4px;overflow:hidden;cursor:pointer;box-shadow:0 2px 4px rgba(0,0,0,0.1);transition:transform 0.2s ease,box-shadow 0.2s ease}.layer-preview{width:100%;height:100%;object-fit:cover;display:block}.layer-number{position:absolute;top:4px;left:4px;background-color:rgba(0,0,0,0.6);color:#FEFAC1;padding:2px 6px;border-radius:12px;font-size:12px;font-weight:bold;pointer-events:none;transition:background-color 0.3s ease,transform 0.3s ease}#layers-container::-webkit-scrollbar{height:8px;width:0}#layers-container::-webkit-scrollbar-track{background:#222}#layers-container::-webkit-scrollbar-thumb{background-color:#555;border-radius:4px}#layers-container:not(:empty)+#no-layers-message{display:none}#layers-container:empty+#no-layers-message{display:block;margin-left:20px}.highlighted{border:3px solid #4CAF50;box-shadow:0 0 15px rgba(76,175,80,0.6);transform:scale(1.05);z-index:10}}:root{--focus-ring:#81AB91}.close-button:focus-visible,.logout-close-button:focus-visible,button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px}#assetsTrayHandle:focus-visible,#layersTrayHandle:focus-visible,#adSetsTrayHandle:focus-visible,.tray-handle:focus-visible{outline:3px solid var(--focus-ring);outline-offset:3px;border-radius:6px}.sr-only{position:absolute !important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}