:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#000;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:block;min-width:320px;min-height:100vh}#root{max-width:1280px;margin:0 auto;padding:1rem!important;text-align:center;overflow-x:hidden}.app-header{padding:0;margin-bottom:.5rem;position:relative;display:grid;grid-template-columns:1fr auto 1fr;align-items:center}.logo-text{grid-column:2;display:flex;align-items:center;justify-content:center;gap:2px;margin-top:0;padding-top:0}.header-right{display:flex;justify-content:flex-end;padding-right:.5rem}.settings-btn{background:transparent;border:none;font-size:1.5rem;cursor:pointer;opacity:.6;transition:opacity .2s;color:#fff;padding:5px;display:flex;align-items:center}.settings-btn:hover{opacity:1}.subtitle{grid-column:1 / span 3;color:#888;margin-top:-8px;margin-bottom:1.2rem;font-size:1.1rem;font-weight:500}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:2000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.modal-content{background:#111;padding:2.5rem;border-radius:32px;border:1px solid #333;width:90%;max-width:450px;box-shadow:0 25px 60px #000c}.modal-content h3{margin-top:0;margin-bottom:2rem;font-size:2rem;font-weight:800}.control-group{margin-bottom:1.5rem}.vertical-pill-group{display:flex;flex-direction:column;gap:12px;width:100%;margin-bottom:2.5rem}.vertical-pill-group button{padding:20px;border-radius:16px;background:#1a1a1a;color:#aaa;border:1px solid #333;text-align:left;font-size:1.1rem;font-weight:700;transition:all .2s;display:flex;flex-direction:column;gap:4px}.model-name{display:block}.model-id{font-size:.85rem;font-weight:400;opacity:.6}.vertical-pill-group button.active{background:#fff;color:#000;border-color:#fff}.primary-btn{width:100%;padding:16px;border-radius:16px;background:#fff;color:#000;border:none;font-size:1.1rem;font-weight:800;cursor:pointer;transition:all .2s}.primary-btn:hover{opacity:.85}.container{max-width:600px;margin:0 auto}.title-logo{height:clamp(2.5rem,12vw,4rem);width:auto;vertical-align:middle}h1{font-size:clamp(3rem,15vw,5rem);margin-top:0;margin-bottom:0;background:linear-gradient(to right,#ff0080,#7928ca);-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-2px}.input-group{position:relative;display:flex;align-items:center;margin-bottom:2rem;width:100%;box-sizing:border-box}input{flex:1;width:100%;box-sizing:border-box;padding:18px 80px 18px 24px;border-radius:40px;border:1px solid #333;background:#111;color:#fff;font-size:1.2rem;outline:none;transition:all .3s ease;height:60px;box-shadow:0 0 #ff008000;animation:borderGlow 4s infinite alternate}@keyframes borderGlow{0%{border-color:#333;box-shadow:0 0 5px #ff008000}50%{border-color:#ff0080;box-shadow:0 0 15px #ff008033}to{border-color:#7928ca;box-shadow:0 0 5px #7928ca1a}}input:focus{border-color:#ff0080;box-shadow:0 0 20px #ff00804d;animation:none}.go-btn{position:absolute;right:0;width:72px;height:72px;min-width:72px;border-radius:50%;background:#fff;color:#000;border:none;font-size:1.2rem;font-weight:900;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;box-shadow:0 4px 15px #00000080;z-index:10}.go-btn svg{width:32px;height:32px}.go-btn:hover{transform:scale(1.05);background:#eee}.go-btn:disabled{opacity:.8;cursor:not-allowed}.thumbnails-container{display:flex;justify-content:center;align-items:center;gap:15px;margin-top:-1.5rem;margin-bottom:2.5rem;padding:10px}.thumbnails-row{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;align-items:center}.upload-thumb{width:60px;height:60px;border-radius:16px;border:2px dashed #444;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#888;font-size:2rem;transition:all .2s}.upload-thumb:hover{border-color:#fff;color:#fff;background:#ffffff1a}.thumbnail{width:60px;height:60px;object-fit:cover;border-radius:16px;border:2px solid transparent;cursor:pointer;transition:all .2s}.thumbnail:hover{transform:scale(1.05);border-color:#ff0080}.refresh-thumbs-btn{width:50px;height:50px;border-radius:50%;border:1px solid #333;background:#1a1a1a;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;padding:0}.refresh-thumbs-btn svg{width:24px;height:24px}.refresh-thumbs-btn:hover{background:#fff;color:#000}.refresh-thumbs-btn:disabled{opacity:.5;cursor:not-allowed}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinning{animation:spin 1s linear infinite}.mode-toggle{display:none}.mode-toggle button{padding:8px 20px;border-radius:20px;border:1px solid #333;background:#111;color:#888;font-weight:800;font-size:.9rem;cursor:pointer;transition:all .2s}.mode-toggle button.active{background:#fff;color:#000;border-color:#fff}.ad-preview{margin-top:1rem;animation:fadeIn .4s ease-out;padding-bottom:5rem}.style-controls{display:flex;justify-content:center;align-items:center;gap:8px;margin-bottom:25px;flex-wrap:nowrap}.bg-selector-wrapper{position:relative}.platform-dropdown{position:relative;display:flex;flex-direction:column;align-items:center}.bg-popup,.platform-icons.popup{position:absolute;top:calc(100% + 15px);left:50%!important;transform:translate(-50%)!important;z-index:500;box-shadow:0 20px 50px #000c;animation:slideDownPopup .2s ease-out;display:flex;flex-direction:column;gap:15px;padding:15px;border-radius:24px;background:#111;border:1px solid #333;box-sizing:border-box}.platform-icons.popup{width:230px}.bg-popup{width:calc(100vw - 40px);max-width:360px}@keyframes slideDownPopup{0%{transform:translate(-50%) translateY(-10px);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}.popup-search-bar{display:flex;gap:8px;width:100%;flex-wrap:nowrap}.popup-search-bar input{padding:12px 18px;font-size:.95rem;border-radius:12px;flex:1;min-width:0;height:45px;background:#1a1a1a;border:1px solid #333;animation:none;box-shadow:none}.popup-search-btn{background:#333;border:1px solid #444;color:#fff;width:45px;height:45px;border-radius:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0}.platform-trigger{display:flex;align-items:center;gap:10px;background:#ffffff0d;border:1px solid #333;cursor:pointer;padding:5px 15px 5px 5px;border-radius:40px;transition:all .2s}.platform-trigger:hover{background:#ffffff1a;border-color:#444}.dropdown-arrow{color:#888;font-size:.8rem;transition:transform .2s}.dropdown-arrow.open{transform:rotate(180deg)}.platform-row{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.dropdown-pills{justify-content:center;width:100%;padding:8px;border-radius:16px;background:#ffffff0d;box-sizing:border-box}.platform-btn{width:60px;height:60px;border-radius:50%;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;opacity:.5}.platform-btn.small-btn{width:50px;height:50px}.platform-btn svg{width:32px;height:32px}.platform-btn.small-btn svg{width:28px;height:28px}.platform-btn:hover{background:#ffffff1a;opacity:.8}.platform-btn.active{background:#333;opacity:1;transform:scale(1.05)}.format-pills{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;background:#111;padding:10px;border-radius:40px;border:1px solid #222}.format-pills button{padding:10px 18px;font-size:.9rem;font-weight:800;background:transparent;color:#888;border-radius:30px;border:none;cursor:pointer;transition:all .2s}.format-pills button.active{background:#fff;color:#000;box-shadow:0 5px 15px #fff3}.hashtag{color:#1d9bf0;cursor:pointer;font-weight:700}.hashtag:hover{text-decoration:underline}.add-menu-wrapper{position:relative}.add-menu-btn{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#f5d020,#f0a500);color:#000;border:none;font-size:2rem;font-weight:300;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;box-shadow:0 4px 15px #f0a50059;padding:0}.add-menu-btn:hover{transform:scale(1.08);box-shadow:0 6px 20px #f0a5008c}.add-menu-popup{position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%);background:#111;border:1px solid #333;border-radius:16px;padding:6px;z-index:500;display:flex;flex-direction:column;gap:2px;box-shadow:0 15px 40px #000000b3;animation:slideDownPopup .15s ease-out;min-width:140px}.add-menu-option{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:10px;border:none;background:transparent;color:#ddd;font-size:.95rem;font-weight:700;cursor:pointer;transition:background .15s;text-align:left;width:100%;white-space:nowrap}.add-menu-option:hover{background:#222;color:#fff}.floating-controls{position:absolute;top:100%;left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:10px;background:#111;padding:12px;border-radius:20px;border:1px solid #333;margin-top:20px;z-index:100;box-shadow:0 20px 45px #000000b3}.cycle-controls{display:flex;gap:8px}.cycle-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#222;border:1px solid #333;border-radius:12px;color:#fff;cursor:pointer;padding:8px 16px;min-width:60px;transition:all .2s;gap:2px}.cycle-btn:hover{background:#333;border-color:#555}.cycle-value{font-size:1rem;font-weight:800;color:#fff;line-height:1}.cycle-label{font-size:.62rem;color:#888;text-transform:uppercase;letter-spacing:.06em;line-height:1}.mini-pill-group{display:flex;gap:6px;background:#222;padding:6px;border-radius:14px}.mini-pill-group button{background:transparent;color:#888;border:none;font-size:1.1rem;padding:12px 24px;border-radius:12px;font-weight:800;min-width:70px;cursor:pointer}.mini-pill-group button.active{background:#fff;color:#000}.color-white{color:#fff!important;text-shadow:0 4px 15px rgba(0,0,0,.6)}.color-black{color:#000!important;text-shadow:none}.color-accent{color:#ff0080!important;text-shadow:0 4px 15px rgba(0,0,0,.4)}.color-controls{gap:8px;padding:8px 12px}.color-btn-wrapper{position:relative;display:flex;align-items:center}.color-btn-wrapper button{padding:8px!important;min-width:40px!important;height:40px;display:flex;align-items:center;justify-content:center}.color-swatch{width:24px;height:24px;border-radius:50%;border:2px solid rgba(255,255,255,.2)}.color-btn-wrapper input[type=color]{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.dual-picker{display:flex;gap:4px;margin-left:8px;background:#ffffff1a;padding:4px;border-radius:10px}.dual-picker input[type=color]{position:static;opacity:1;width:24px;height:24px}.add-text-btn{background:#ffffff1a;border:1px solid #333;color:#aaa;font-size:.9rem;font-weight:800;padding:10px 15px;border-radius:30px;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:6px;white-space:nowrap}.add-text-btn svg{opacity:.7}.add-text-btn:hover svg{opacity:1}.add-text-btn:hover{background:#fff;color:#000;border-color:#fff}.add-text-btn.active{background:#333;color:#fff;border-color:#fff}.font-sans{font-family:Inter,sans-serif}.font-serif{font-family:Playfair Display,serif}.font-display{font-family:Space Grotesk,sans-serif;font-weight:800}.ad-container{position:relative;width:100%;border-radius:28px;overflow:hidden;box-shadow:0 40px 80px #000000b3;background:#111;margin:0 auto}.ratio-landscape{aspect-ratio:16 / 9}.ratio-square{aspect-ratio:1 / 1}.ratio-portrait{aspect-ratio:4 / 5}.ratio-story{aspect-ratio:9 / 16}.ad-container img{width:100%;height:100%;object-fit:cover;display:block}.overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#0006;display:flex;align-items:center;justify-content:center;text-align:center}.text-box-wrapper{position:absolute;top:50%;left:50%;display:flex;align-items:center;justify-content:center;min-width:20px;max-width:95%;min-height:20px;touch-action:none;-webkit-user-select:none;user-select:none}.resize-handle{position:absolute;bottom:-8px;right:-8px;width:24px;height:24px;background:#ffffffe6;border:2px solid rgba(0,0,0,.4);border-radius:50%;cursor:ew-resize;opacity:0;transition:opacity .2s;z-index:10;box-shadow:0 4px 10px #0000004d}.text-box-wrapper:hover .resize-handle{opacity:1}.editable-text{outline:none;border:1px solid transparent;padding:8px 20px;border-radius:12px;transition:border-color .2s;font-weight:800;color:#fff;text-shadow:0 4px 20px rgba(0,0,0,.7);line-height:1.1;word-wrap:break-word;word-break:break-word;touch-action:none;white-space:pre-wrap}.editable-text:focus{border-color:#fff6;background:#ffffff1a}.editable-image{width:100%;height:auto;display:block;pointer-events:auto}.delete-box{position:absolute;top:-12px;right:-12px;width:24px;height:24px;background:#f44;color:#fff;border:none;border-radius:50%;font-size:16px;font-weight:700;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:opacity .2s;box-shadow:0 2px 5px #0000004d;z-index:10;padding:0}.text-box-wrapper:hover .delete-box{opacity:1}.replace-image-btn{position:absolute;bottom:-12px;left:-12px;width:24px;height:24px;background:#2979ff;color:#fff;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:opacity .2s;box-shadow:0 2px 5px #0000004d;z-index:10;padding:0}.replace-image-btn.selected,.text-box-wrapper:hover .replace-image-btn{opacity:1}.overlay h2.size-sm,.text-box-wrapper.size-sm .editable-text{font-size:clamp(1.5rem,6vw,2.5rem)}.overlay h2.size-md,.text-box-wrapper.size-md .editable-text{font-size:clamp(2.2rem,10vw,4rem)}.overlay h2.size-lg,.text-box-wrapper.size-lg .editable-text{font-size:clamp(3rem,15vw,6rem)}.post-body-container{margin-top:2.5rem;padding:25px;background:#111;border-radius:24px;border:1px solid #333;text-align:left;animation:fadeIn .4s ease-out}.post-body-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.copy-btn{background:#222;color:#fff;border:1px solid #333;padding:8px 18px;border-radius:14px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .2s}.copy-btn:hover{background:#fff;color:#000;border-color:#fff}.post-body-text{margin:0;color:#ddd;font-size:1.2rem;line-height:1.7;white-space:pre-wrap}.download-hint{margin-top:2.5rem;width:100%;padding:20px;border-radius:20px;font-size:1.2rem;font-weight:800;background:#fff;color:#000;border:none;cursor:pointer;transition:all .2s}.download-hint:hover{opacity:.9;transform:translateY(-2px)}.error{color:#f44;margin:1.5rem 0;font-weight:700}.control-label{display:block;font-size:.85rem;font-weight:700;color:#888;text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px}@media (min-width: 600px){.input-group{flex-direction:row}}@keyframes fadeIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.toast{position:fixed;bottom:40px;left:50%;transform:translate(-50%);background:#fff;color:#000;padding:15px 30px;border-radius:40px;font-size:1.1rem;font-weight:800;box-shadow:0 15px 40px #0009;animation:slideUp .3s ease-out;z-index:1000}@keyframes slideUp{0%{bottom:10px;opacity:0}to{bottom:40px;opacity:1}}@media print{.input-group,.app-header,.download-hint,.insta-controls,.mode-toggle,.platform-controls,.style-controls{display:none}.ad-container{border-radius:0;box-shadow:none}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}