.generator-page{display:flex;min-height:calc(100vh - 73px);background-color:var(--bg-primary)}.form-panel{width:450px;background-color:var(--bg-surface);border-right:1px solid var(--border-glass);display:flex;flex-direction:column;height:calc(100vh - 73px);position:sticky;top:73px;z-index:10}.form-panel-header{padding:24px;border-bottom:1px solid var(--border-glass);display:flex;align-items:center;gap:12px}.form-panel-header .platform-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.1rem}.form-panel-header h2{font-size:1.2rem;color:var(--text-primary);margin:0}.form-panel-content{padding:24px;overflow-y:auto;flex-grow:1}.form-section{margin-bottom:32px;background:var(--bg-primary);border:1px solid var(--border-glass);border-radius:var(--radius-md);padding:20px}.form-section-title{font-size:.95rem;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);margin-bottom:16px;font-family:Outfit,sans-serif;display:flex;align-items:center;gap:8px}.form-group{margin-bottom:16px}.form-label{display:block;font-size:.85rem;color:var(--text-muted);margin-bottom:6px;font-weight:500}.form-input{width:100%;background-color:var(--bg-elevated);border:1px solid var(--border-glass);color:var(--text-primary);padding:10px 14px;border-radius:var(--radius-sm);font-family:Inter,sans-serif;font-size:.95rem;transition:var(--transition)}.form-input:focus{outline:none;border-color:var(--accent-teal);box-shadow:0 0 0 2px #1cb9c833}select.form-input{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/200.svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:16px;padding-right:40px}textarea.form-input{resize:vertical;min-height:80px}.toggle-wrapper{display:flex;align-items:center;justify-content:space-between;padding:12px;background:var(--bg-elevated);border-radius:var(--radius-sm);border:1px solid var(--border-glass);margin-bottom:12px}.toggle-label{font-size:.95rem;color:var(--text-primary);display:flex;align-items:center;gap:8px}.toggle-switch{position:relative;display:inline-block;width:44px;height:24px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:var(--bg-primary);transition:.3s;border-radius:24px;border:1px solid var(--border-glass)}.toggle-slider:before{position:absolute;content:"";height:16px;width:16px;left:3px;bottom:3px;background-color:var(--text-muted);transition:.3s;border-radius:50%}input:checked+.toggle-slider{background-color:var(--accent-teal);border-color:var(--accent-teal)}input:checked+.toggle-slider:before{background-color:#fff;transform:translate(20px)}.avatar-upload{display:flex;align-items:center;gap:16px;margin-bottom:16px}.avatar-preview{width:60px;height:60px;border-radius:50%;background-color:var(--bg-elevated);border:2px solid var(--border-glass);object-fit:cover}.dynamic-list{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.list-item{background:var(--bg-elevated);border:1px solid var(--border-glass);border-radius:var(--radius-sm);padding:12px;position:relative}.list-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;border-bottom:1px solid var(--border-glass);padding-bottom:8px}.item-badge{font-size:.75rem;background:#ffffff1a;padding:2px 8px;border-radius:12px}.btn-remove{background:none;border:none;color:var(--danger);cursor:pointer;font-size:.9rem;padding:4px;border-radius:4px}.btn-remove:hover{background:#ef44441a}.btn-add-item{width:100%;padding:12px;background:transparent;border:2px dashed var(--border-glass);border-radius:var(--radius-sm);color:var(--accent-teal);font-weight:500;cursor:pointer;transition:var(--transition)}.btn-add-item:hover{border-color:var(--accent-teal);background:#1cb9c80d}.form-panel-footer{padding:24px;border-top:1px solid var(--border-glass);background:var(--bg-surface)}.btn-download-full{width:100%;padding:14px;font-size:1.05rem}.preview-panel{flex-grow:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;overflow:hidden;position:relative;background-image:radial-gradient(var(--border-glass) 1px,transparent 1px);background-size:20px 20px}.preview-controls{display:flex;gap:12px;margin-bottom:16px;background:var(--bg-surface);padding:8px 16px;border-radius:30px;border:1px solid var(--border-glass);box-shadow:0 4px 12px #0003;z-index:10}.preview-toggle-btn{background:transparent;border:none;color:var(--text-muted);padding:8px 16px;border-radius:20px;font-size:.9rem;font-weight:500;cursor:pointer;transition:var(--transition)}.preview-toggle-btn.active{background:var(--bg-elevated);color:var(--text-primary)}.preview-container{position:relative;display:flex;align-items:center;justify-content:center;max-height:calc(100vh - 120px);max-width:100%}.phone-frame{width:min(390px,90vw);height:min(844px,calc(100vh - 140px));max-height:calc(100vh - 140px);aspect-ratio:9 / 19.5;background:#000;border-radius:48px;padding:12px;box-shadow:inset 0 0 4px 2px #fff3,inset 0 0 0 6px #111,0 20px 40px #0006;position:relative;transition:all .3s ease;display:flex;flex-direction:column}.phone-frame.clean-mode{border-radius:0!important;padding:0!important;box-shadow:none!important;background:transparent!important;width:min(375px,90vw)!important;height:min(812px,calc(100vh - 140px))!important;max-height:calc(100vh - 140px)!important;aspect-ratio:9 / 19.5!important}.phone-screen{width:100%;height:100%;border-radius:36px;background-color:#fff;overflow:hidden;position:relative;display:flex;flex-direction:column;transition:border-radius .3s ease}.phone-screen *{scrollbar-width:none!important;-ms-overflow-style:none!important}.phone-screen *::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}.phone-frame.clean-mode .phone-screen{border-radius:0!important}.phone-frame.clean-mode .phone-notch,.phone-frame.clean-mode .phone-home-indicator{display:none!important}.phone-screen.dark-mode{background-color:#000;color:#fff}.phone-notch{position:absolute;top:0;left:50%;transform:translate(-50%);width:160px;height:30px;background-color:#000;border-bottom-left-radius:16px;border-bottom-right-radius:16px;z-index:100}.ios-status-bar{position:absolute;top:0;left:0;width:100%;height:44px;display:flex;justify-content:space-between;padding:0 24px;align-items:center;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:15px;font-weight:600;color:#000;z-index:90;pointer-events:none}.phone-screen.dark-mode .ios-status-bar{color:#fff}.ios-time{padding-left:8px}.ios-icons{display:flex;gap:6px;align-items:center}.ios-icons i{font-size:12px}.phone-home-indicator{position:absolute;bottom:8px;left:50%;transform:translate(-50%);width:130px;height:5px;background-color:#000c;border-radius:10px;z-index:100}.phone-screen.dark-mode .phone-home-indicator{background-color:#fffc}.app-header{padding-top:44px;flex-shrink:0}.app-body{flex-grow:1;overflow-y:auto;scrollbar-width:none}.app-body::-webkit-scrollbar{display:none}.app-footer{flex-shrink:0;padding-bottom:24px}.mobile-segmented-bar{display:none}@media (max-width: 1024px){.mobile-segmented-bar{display:flex;background:var(--bg-surface);padding:8px 12px;gap:8px;border-bottom:1px solid var(--border-glass);position:sticky;top:60px;z-index:50}.segmented-btn{flex:1;padding:10px 16px;border-radius:var(--radius-sm);border:1px solid var(--border-glass);background:var(--bg-primary);color:var(--text-secondary);font-weight:600;font-size:.9rem;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:var(--transition)}.segmented-btn.active{background:var(--accent-gradient);color:#fff;border-color:transparent;box-shadow:0 4px 12px #00f2fe40}.generator-page{flex-direction:column;min-height:auto}.generator-page.show-preview-only .form-panel{display:none!important}.generator-page.show-preview-only .preview-panel{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;position:relative;top:0;min-height:auto!important;height:auto!important;max-height:none!important;padding:12px 8px 8px!important;margin:0!important;border-bottom:none}.generator-page.show-preview-only .preview-container{width:100%;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;max-height:none!important;height:auto!important;min-height:auto!important;margin:0!important;padding:0!important}.generator-page.show-preview-only .phone-frame,.generator-page.show-preview-only .phone-frame.clean-mode{transform:none!important;width:min(380px,94vw)!important;height:auto!important;min-height:auto!important;max-height:none!important;aspect-ratio:auto!important;margin:0 auto!important}.generator-page.show-preview-only .phone-screen{height:auto!important;min-height:auto!important;aspect-ratio:auto!important}.generator-page.show-form-only .preview-panel{display:none!important}.generator-page.show-form-only .form-panel{display:flex!important;width:100%;position:relative;top:0}.form-panel-header{padding:16px 20px}.form-panel-content{padding:16px}.form-section{padding:16px;margin-bottom:20px}.form-input,select.form-input,.btn{min-height:44px}.form-panel-footer{position:sticky;bottom:0;background:var(--bg-surface);padding:12px 16px;border-top:1px solid var(--border-glass);z-index:30;box-shadow:0 -4px 16px #0006}.preview-controls{flex-wrap:wrap;justify-content:center;gap:6px;margin-bottom:12px}.phone-frame{max-width:100%;margin:0 auto;transform:none!important}}.generator-page+.footer,.generator-page~.footer{margin-top:0!important}.wa-story-ring-active{box-shadow:0 0 0 2px #00a884,0 0 0 4px transparent;border-radius:50%!important}.wa-story-ring-viewed{box-shadow:0 0 0 2px #8696a0,0 0 0 4px transparent;border-radius:50%!important}.wa-verified-badge{color:#00a884;font-size:14px;margin-left:4px;vertical-align:middle}.wa-meta-ai-ring{background:linear-gradient(135deg,#3a86ff,#8338ec,#ff006e,#fb5607);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;padding:2px}.wa-meta-ai-inner{background:#fff;border-radius:50%;width:100%;height:100%}.phone-screen.dark-mode .wa-meta-ai-inner{background:#111b21}.wa-pinned-banner{background:#fffffff2;backdrop-filter:blur(8px);border-bottom:1px solid rgba(0,0,0,.08);padding:8px 12px;display:flex;align-items:center;justify-content:space-between;font-size:13px;z-index:5}.phone-screen.dark-mode .wa-pinned-banner{background:#111b21f2;border-bottom:1px solid rgba(255,255,255,.08);color:#e9edef}.wa-voice-waveform{display:flex;align-items:center;gap:2px;height:24px;flex-grow:1}.wa-voice-bar{width:3px;border-radius:2px;background:currentColor;opacity:.4;transition:height .2s ease}.wa-voice-bar.active{opacity:1}.wa-filter-bar{display:flex;gap:8px;padding:10px 16px;overflow-x:auto;scrollbar-width:none}.wa-filter-bar::-webkit-scrollbar{display:none}.wa-filter-pill{padding:6px 14px;border-radius:18px;font-size:13px;font-weight:500;white-space:nowrap;background:#e9edef;color:#54656f;cursor:pointer;transition:all .2s ease}.phone-screen.dark-mode .wa-filter-pill{background:#202c33;color:#8696a0}.wa-filter-pill.active{background:#e7fce3;color:#0c5132;font-weight:600}.phone-screen.dark-mode .wa-filter-pill.active{background:#003629;color:#25d366}.wa-bottom-nav{display:flex;justify-content:space-around;align-items:center;height:64px;padding:6px 0 8px;background:#fff;border-top:1px solid #f0f2f5;color:#54656f;flex-shrink:0;position:relative;z-index:5}.phone-screen.dark-mode .wa-bottom-nav{background:#0b141a;border-top:1px solid #1f2c34;color:#8696a0}.wa-bottom-nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;position:relative;cursor:pointer;font-size:12px;font-weight:500}.wa-bottom-nav-item.active{color:#0b141a;font-weight:700}.phone-screen.dark-mode .wa-bottom-nav-item.active{color:#e9edef;font-weight:700}.wa-bottom-nav-item .nav-pill{width:56px;height:30px;border-radius:15px;display:flex;align-items:center;justify-content:center;transition:background .2s ease}.wa-bottom-nav-item.active .nav-pill{background:#d8fdd2}.phone-screen.dark-mode .wa-bottom-nav-item.active .nav-pill{background:#103629}.ig-story-ring{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);padding:2px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center}.ig-story-ring-img{border:2px solid #ffffff;border-radius:50%;object-fit:cover}.phone-screen.dark-mode .ig-story-ring-img{border-color:#000}.ig-verified-badge{color:#0095f6;font-size:14px;margin-left:4px;vertical-align:middle}.ig-dm-bubble-sent{background:linear-gradient(135deg,#3752e0,#7000ff,#e61f93);color:#fff;border-radius:18px;padding:10px 14px;font-size:14.5px;max-width:78%;box-shadow:0 1px 2px #0000001a}.ig-dm-bubble-received{background:#efefef;color:#000;border-radius:18px;padding:10px 14px;font-size:14.5px;max-width:78%}.phone-screen.dark-mode .ig-dm-bubble-received{background:#262626;color:#fff}.ig-post-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;background:#fff}.phone-screen.dark-mode .ig-post-grid-3{background:#000}.ig-grid-item{aspect-ratio:1 / 1;overflow:hidden;position:relative;background:#f0f2f5}.phone-screen.dark-mode .ig-grid-item{background:#121212}.ig-grid-item img{width:100%;height:100%;object-fit:cover}.threads-connector-line{width:2px;background:#e5e5e5;flex-grow:1;margin:4px auto}.phone-screen.dark-mode .threads-connector-line{background:#333}.fb-verified-badge{color:#1877f2;font-size:14px;margin-left:4px;vertical-align:middle}.fb-msg-sent{background-color:#0084ff;color:#fff;border-radius:18px;padding:9px 13px;font-size:14.5px;line-height:1.35;max-width:75%;word-break:break-word}.fb-msg-received{background-color:#e4e6eb;color:#050505;border-radius:18px;padding:9px 13px;font-size:14.5px;line-height:1.35;max-width:75%;word-break:break-word}.phone-screen.dark-mode .fb-msg-received{background-color:#3a3b3c;color:#e4e6eb}.fb-post-bg-gradient-1{background:linear-gradient(135deg,#ff512f,#dd2476);color:#fff}.fb-post-bg-gradient-2{background:linear-gradient(135deg,#1877f2,#00c6ff);color:#fff}.fb-post-bg-gradient-3{background:linear-gradient(135deg,#11998e,#38ef7d);color:#fff}.fb-post-bg-gradient-4{background:linear-gradient(135deg,#8e2de2,#4a00e0);color:#fff}.fb-reaction-pill{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;font-size:11px;margin-left:-4px;border:2px solid #ffffff}.phone-screen.dark-mode .fb-reaction-pill{border-color:#242526}.fb-reaction-like{background-color:#1877f2;color:#fff}.fb-reaction-love{background-color:#f3425f;color:#fff}.fb-reaction-care,.fb-reaction-haha,.fb-reaction-wow,.fb-reaction-sad{background-color:#f7b125;color:#fff}.fb-reaction-angry{background-color:#e44d32;color:#fff}.tiktok-verified-badge{color:#20d5ec;font-size:14px;margin-left:4px;vertical-align:middle}@keyframes spinVinyl{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.tiktok-spinning-disc{width:44px;height:44px;border-radius:50%;background:#111;border:8px solid #222222;display:flex;align-items:center;justify-content:center;animation:spinVinyl 5s linear infinite;box-shadow:0 4px 12px #00000080}.tiktok-spinning-disc img{width:22px;height:22px;border-radius:50%;object-fit:cover}.yt-verified-badge{color:#606060;font-size:12px;margin-left:4px;vertical-align:middle}.phone-screen.dark-mode .yt-verified-badge{color:#aaa}.yt-sub-btn{background-color:#0f0f0f;color:#fff;border:none;padding:7px 16px;border-radius:18px;font-size:13.5px;font-weight:600;cursor:pointer}.phone-screen.dark-mode .yt-sub-btn{background-color:#f1f1f1;color:#0f0f0f}.yt-sub-btn.subscribed{background-color:#e5e5e5;color:#0f0f0f}.phone-screen.dark-mode .yt-sub-btn.subscribed{background-color:#272727;color:#f1f1f1}