.social-text-module{font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,sans-serif;margin:0 auto;max-width:1200px;opacity:0;padding:32px 16px;transition:opacity .2s ease-in}.module-header{margin-bottom:32px;text-align:center}.module-header h2{color:#1a1a1a;font-size:32px;font-weight:700;margin:0 0 12px}.module-description{color:#495057;font-size:16px}.module-description p{margin:0}.filter-toolbar{align-items:flex-start;background:#fff;border:1px solid #dee2e6;border-radius:8px;display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between;margin-bottom:32px;padding:20px}.toolbar-section{gap:8px}.toolbar-right,.toolbar-section{display:flex;flex-direction:column}.toolbar-right{align-items:flex-end;gap:12px}.personalize-btn{align-items:center;background:#e97677;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-family:inherit;font-size:14px;font-weight:600;gap:8px;outline:none!important;padding:10px 16px;transition:background .2s ease}.personalize-btn:hover{background:#d65d5e;outline:none!important}.personalize-btn:focus{outline:none!important}.personalize-btn svg{flex-shrink:0;height:16px;width:16px}.form-type-buttons{align-items:center;display:flex;gap:12px}.form-type-divider{background:#dee2e6;height:60px;margin:0 4px;width:1px}.form-type-btn{align-items:center;background:#fff;border:2px solid #dee2e6!important;border-radius:8px;box-shadow:none!important;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;gap:8px;min-width:100px;outline:none!important;padding:12px 16px;transition:none!important}.form-type-btn svg{color:#6c757d!important;flex-shrink:0}.form-type-btn span{color:#6c757d;font-size:13px;font-weight:600;white-space:nowrap}.form-type-btn:hover{background:#f8f9fa;border:2px solid #dee2e6!important;box-shadow:none!important}.form-type-btn.active{background:#279a93;border:2px solid #279a93!important}.form-type-btn.active svg{color:#fff!important}.form-type-btn.active span{color:#fff}.form-type-btn:focus{box-shadow:none!important;outline:none!important}.style-control{border:1px solid #dee2e6;border-radius:6px;display:flex;overflow:hidden}.segment-btn{background:#fff;border:0!important;border-right:1px solid #dee2e6!important;box-shadow:none!important;box-sizing:border-box;color:#6c757d;cursor:pointer;font-size:14px;font-weight:500;outline:none!important;padding:8px 16px;transition:none!important;white-space:nowrap}.segment-btn:last-child{border-right:0!important}.segment-btn:hover{background:#e9ecef;border:0!important;border-right:1px solid #dee2e6!important;box-shadow:none!important;color:#1e7a73;outline:none!important}.segment-btn:hover:last-child{border-right:0!important}.segment-btn.active{background:#279a93;border:0!important;border-right:1px solid #dee2e6!important;box-shadow:none!important;color:#fff;outline:none!important}.segment-btn.active:last-child{border-right:0!important}.segment-btn:focus{box-shadow:none!important;outline:none!important}.snippets-container{display:grid;gap:24px;margin-bottom:32px}.snippets-container.layout-short{grid-template-columns:repeat(auto-fill,minmax(380px,1fr))}.snippets-container.layout-long{grid-template-columns:1fr}.snippet-card{background:#fff;border:1px solid #dee2e6;border-radius:8px;display:flex;flex-direction:column;padding:20px;transition:all .2s ease}.snippet-card:hover{border-color:#279a93;box-shadow:0 4px 12px rgba(39,154,147,.1)}.snippet-card[style*="display: none"]{display:none!important}.snippet-header{margin-bottom:12px}.snippet-title{color:#1a1a1a;font-size:18px;font-weight:600;margin:0}.snippet-footer{align-items:center;border-top:1px solid #e9ecef;display:flex;gap:12px;justify-content:space-between;padding-top:12px}.snippet-footer-left{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.character-count{color:#6c757d;font-size:12px;font-weight:500}.topic-tag{background:#e6f7f6;border:1px solid #b8f5f1;border-radius:12px;color:#279a93;display:inline-block;font-size:11px;font-weight:500;padding:2px 8px;text-transform:capitalize}.snippet-content{color:#495057;flex:1;font-size:14px;line-height:1.6;margin-bottom:16px}.snippet-content p{margin:0 0 12px}.snippet-content p:last-child{margin-bottom:0}.unfilled-placeholder{background:#fff3cd;border:1px solid #ffc107;border-radius:3px;color:#856404;cursor:pointer;display:inline-block;font-size:13px;font-weight:500;margin:0 2px;padding:2px 8px;transition:all .2s;white-space:nowrap}.unfilled-placeholder:hover{background:#ffe69c;border-color:#ffb300}.filled-placeholder{border-bottom:1px dotted #279a93;color:#279a93;cursor:pointer;font-weight:700;padding:0 2px;transition:all .2s}.filled-placeholder:hover{border-bottom-style:solid;opacity:.8}.system-placeholder{border-bottom:1px solid #adb5bd;color:#6c757d;cursor:default;font-weight:500;padding:0 2px}.copy-btn{align-items:center;background:transparent;border:1px solid #dee2e6;border-radius:4px;color:#6c757d;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:6px 12px;transition:all .2s ease}.copy-btn.needs-personalization{background:#ffc107;border-color:#ffc107;color:#856404}.copy-btn.needs-personalization:hover{background:#ffb300;border-color:#ffb300}.copy-btn:hover{background:#f8f9fa;border-color:#adb5bd;color:#495057}.copy-btn:active{background:#e9ecef}.copy-btn svg{flex-shrink:0}.snippet-footer-buttons{display:flex;gap:8px}.copy-formatted-btn{background:transparent;border-color:#279a93;color:#279a93}.copy-formatted-btn:hover{background:#279a93;border-color:#279a93;color:#fff}.copy-formatted-btn:active{background:#1e7a73;border-color:#1e7a73}.social-post-card.no-personalization .social-post-recreate-btn{display:none!important}.graphics-container{display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-bottom:24px}.graphic-card{background:#fff;border:1px solid #dee2e6;border-radius:8px;display:flex;flex-direction:column;padding:20px;transition:all .2s ease}.graphic-card:hover{border-color:#279a93;box-shadow:0 4px 12px rgba(39,154,147,.1)}.graphic-header{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:16px}.graphic-title{color:#212529;flex:1;font-size:16px;font-weight:600;margin:0}.graphic-dimensions{color:#6c757d;font-size:12px;font-weight:500;white-space:nowrap}.graphic-image-container{align-items:center;background:#f8f9fa;border-radius:6px;display:flex;flex:1;justify-content:center;margin-bottom:16px;min-height:200px;overflow:hidden;position:relative}.graphic-image-container:before{animation:shimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,#f0f0f0,#f8f8f8 20%,#f0f0f0 40%,#f0f0f0);background-size:200% 100%;bottom:0;content:"";left:0;opacity:1;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .3s ease-out;z-index:1}.graphic-image-container.image-loaded:before{opacity:0}.graphic-spinner{align-items:center;background:hsla(0,0%,100%,.9);bottom:0;display:flex;flex-direction:column;gap:16px;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:10}.spinner{animation:spin .8s linear infinite;border:4px solid #e9ecef;border-radius:50%;border-top-color:#279a93;height:40px;width:40px}.spinner-message{animation:fadeIn .3s ease-in-out;color:#279a93;font-size:14px;font-weight:500;text-align:center}@keyframes spin{to{transform:rotate(1turn)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.graphic-image{display:block;height:auto;max-width:100%;opacity:0;position:relative;transition:opacity .3s ease-in;z-index:2}.graphic-image.loaded{opacity:1}.graphic-placeholder{color:#6c757d;font-style:italic}.graphic-actual-size-btn{align-items:center;background:hsla(0,0%,100%,.95);border:1px solid #dee2e6;border-radius:4px;box-shadow:0 2px 4px rgba(0,0,0,.1);color:#495057;cursor:pointer;display:none;font-size:11px;font-weight:500;gap:4px;opacity:0;padding:4px 8px;position:absolute;right:8px;top:8px;transition:opacity .2s ease;z-index:5}.graphic-image-container:hover .graphic-actual-size-btn{opacity:1}.graphic-actual-size-btn:hover{background:#fff;border-color:#279a93;color:#279a93}.graphic-actual-size-btn svg{flex-shrink:0}.graphic-lightbox{align-items:center;background:rgba(0,0,0,.85);bottom:0;cursor:pointer;display:none;justify-content:center;left:0;padding:40px;position:fixed;right:0;top:0;z-index:10000}.graphic-lightbox.active{animation:fadeIn .2s ease-in-out;display:flex}.lightbox-close{align-items:center;background:hsla(0,0%,100%,.9);border:none;border-radius:50%;color:#495057;cursor:pointer;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:24px;font-weight:300;height:40px;justify-content:center;line-height:36px;padding:0;position:absolute;right:20px;text-align:center;top:20px;transition:all .2s ease;width:40px;z-index:10001}.lightbox-close:hover{background:#fff;color:#279a93;transform:rotate(90deg)}.lightbox-content{align-items:center;cursor:default;display:flex;flex-direction:column;gap:12px;justify-content:center;max-height:100%;max-width:100%}.lightbox-image{box-shadow:0 8px 32px rgba(0,0,0,.3);display:block;height:auto;max-height:calc(100vh - 80px);max-width:100%;width:auto}.lightbox-scale-info{background:rgba(0,0,0,.6);border-radius:4px;color:#fff;display:none;font-size:13px;font-weight:500;padding:6px 12px}.graphic-footer{align-items:center;border-top:1px solid #e9ecef;display:flex;gap:8px;justify-content:space-between;padding-top:12px}.graphic-recreate-btn{align-items:center;background:#f8f9fa;border:1px solid #dee2e6;border-radius:6px;color:#6c757d;cursor:pointer;display:flex;flex-shrink:0;font-size:13px;font-weight:500;gap:6px;padding:6px 12px;transition:all .2s ease}.graphic-recreate-btn:hover{background:#e9ecef;border-color:#adb5bd;color:#495057}.graphic-recreate-btn.highlight{animation:pulse 2s ease-in-out infinite;background:#279a93;border-color:#279a93;color:#fff}.graphic-recreate-btn.highlight:hover{background:#1e7a73;border-color:#1e7a73;color:#fff}.graphic-recreate-btn:disabled{background:#f8f9fa;cursor:not-allowed;opacity:.5}@keyframes pulse{0%,to{box-shadow:0 0 0 0 rgba(39,154,147,.4)}50%{box-shadow:0 0 0 4px rgba(39,154,147,0)}}.graphic-recreate-btn svg{height:12px;width:12px}.graphic-action-btn{align-items:center;background:#279a93;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;margin-left:auto;padding:8px 16px;transition:all .2s ease}.graphic-action-btn:hover{background:#1e7a73}.graphic-action-btn:disabled{background:#6c757d;cursor:not-allowed;opacity:.6}.graphic-action-btn .btn-icon{flex-shrink:0}.graphic-action-btn.has-custom .create-icon{display:none}.graphic-action-btn.has-custom .download-icon{display:block}.no-results{background:#f8f9fa;border-radius:8px;color:#6c757d;padding:48px 24px;text-align:center}.no-results p{font-size:16px;margin:0}.copy-success{background:#10b981;border-radius:8px;bottom:24px;box-shadow:0 4px 12px rgba(0,0,0,.15);color:#fff;font-weight:600;opacity:0;padding:16px 24px;pointer-events:none;position:fixed;right:24px;transform:translateY(20px);transition:all .3s ease;z-index:1000}.copy-success.show{opacity:1;transform:translateY(0)}@media (max-width:1024px){.filter-toolbar{flex-direction:column;gap:20px}.toolbar-section{width:100%}.company-name-section{min-width:100%}}@media (max-width:768px){.module-header h2{font-size:24px}.form-type-buttons{width:100%}.form-type-btn{flex:1;min-width:0}.snippets-container.layout-long,.snippets-container.layout-short{grid-template-columns:1fr}.copy-success{bottom:16px;left:16px;right:16px;text-align:center}}.change-logo-btn{align-items:center;background:transparent;border:1px solid #dee2e6;border-radius:6px;color:#6c757d;cursor:pointer;display:flex;font-family:inherit;font-size:13px;gap:6px;padding:6px 12px;transition:all .2s ease}.change-logo-btn:hover:not(:disabled){background:#f8f9fa;border-color:#279a93;color:#279a93}.change-logo-btn:disabled{cursor:not-allowed;opacity:.4}.change-logo-btn svg{flex-shrink:0;height:14px;width:14px}.personalize-modal{align-items:center;background:rgba(0,0,0,.85);bottom:0;display:none;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.personalize-modal.active{display:flex}.personalize-modal-content{background:#fff;border-radius:12px;box-shadow:0 20px 60px rgba(0,0,0,.3);max-height:90vh;max-width:900px;overflow-y:auto;width:100%}.personalize-modal-header{align-items:center;border-bottom:1px solid #dee2e6;display:flex;justify-content:space-between;padding:24px 24px 16px}.personalize-modal-header h3{color:#1a1a1a;font-size:20px;font-weight:700;margin:0}.personalize-modal-close{align-items:center;background:transparent;border:none;border-radius:6px;color:#6c757d;cursor:pointer;display:flex;font-size:24px;font-weight:300;height:32px;justify-content:center;line-height:1;padding:0;transition:all .2s ease;width:32px}.personalize-modal-close:hover{background:#f8f9fa;color:#1a1a1a}.personalize-modal-body{display:grid;gap:32px;grid-template-columns:1fr 1fr;padding:24px}.personalize-fields-column h4,.personalize-logo-column h4{color:#1a1a1a;font-size:16px;font-weight:700;margin:0 0 8px}.fields-description{color:#6c757d;font-size:13px;line-height:1.5;margin:0 0 24px}.personalize-field-group{margin-bottom:20px}.personalize-field-group label{color:#495057;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.field-optional{color:#6c757d;font-size:13px;font-weight:400}.personalize-input{border:1px solid #dee2e6;border-radius:6px;box-sizing:border-box;color:#495057;font-family:inherit;font-size:14px;padding:10px 12px;transition:border-color .2s ease;width:100%}.personalize-input:focus{border-color:#279a93;outline:none}.personalize-input::placeholder{color:#adb5bd}.logo-upload-toggle{align-items:center;display:flex;gap:8px;margin-bottom:16px;margin-top:12px}.toggle-arrow{color:#279a93;display:inline-block;font-size:12px;transition:transform .2s ease}.toggle-arrow.expanded{transform:rotate(90deg)}.show-logo-upload{color:#279a93;font-size:14px;font-weight:600;text-decoration:none}.show-logo-upload:hover{text-decoration:underline}.logo-upload-zone{background:#f8f9fa;border:2px dashed #dee2e6;border-radius:8px;padding:20px 16px;text-align:center;transition:all .2s ease}.logo-upload-zone.logo-upload-collapsed{display:none}.logo-upload-zone.drag-over{background:#e6f7f6;border-color:#279a93}.logo-upload-zone svg{color:#6c757d;margin-bottom:8px}.upload-text{color:#495057;font-size:14px;margin:0 0 8px}.logo-browse-link{background:none;border:none;color:#279a93;cursor:pointer;font-family:inherit;font-size:14px;font-weight:600;padding:0;text-decoration:underline}.logo-browse-link:hover{color:#1e7a73}.logo-requirements{color:#6c757d;font-size:12px;line-height:1.4;margin-top:12px}.logo-preview-zone{text-align:center}.logo-preview-container{align-items:center;background:#f8f9fa;border:2px solid #dee2e6;border-radius:8px;display:flex;justify-content:center;margin-bottom:16px;min-height:200px;padding:32px}.logo-preview-image{max-height:200px;max-width:100%;object-fit:contain}.logo-file-info{background:#f8f9fa;border-radius:6px;color:#6c757d;font-size:13px;padding:12px}.logo-upload-error{background:#fee;border:1px solid #fcc;border-radius:6px;color:#c33;font-size:14px;margin-top:16px;padding:12px 16px}.logo-upload-spinner{padding:32px;text-align:center}.logo-upload-spinner .spinner{animation:spin 1s linear infinite;border:3px solid #f3f3f3;border-radius:50%;border-top-color:#279a93;height:40px;margin:0 auto 16px;width:40px}.logo-upload-spinner p{color:#6c757d;font-size:14px;margin:0}.personalize-modal-footer{border-top:1px solid #dee2e6;display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.personalize-apply-btn,.personalize-cancel-btn{border:none;border-radius:6px;cursor:pointer;font-family:inherit;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s ease}.personalize-cancel-btn{background:transparent;border:1px solid #dee2e6;color:#6c757d}.personalize-cancel-btn:hover{background:#f8f9fa}.personalize-apply-btn{background:#279a93;color:#fff}.personalize-apply-btn:hover:not(:disabled){background:#1e7a73}.personalize-apply-btn:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.personalize-modal-body{gap:24px;grid-template-columns:1fr}}.social-posts-container{display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin-bottom:24px}.social-post-card{background:#fff;border:1px solid #dee2e6;border-radius:8px;display:flex;flex-direction:column;transition:all .2s ease}.social-post-card:hover{border-color:#279a93;box-shadow:0 4px 12px rgba(39,154,147,.1)}.social-post-content{background:#fafafa;border:1px solid #e5e7eb;border-radius:6px;margin:16px 16px 12px;overflow:hidden}.social-post-image-container{background:#fff;border-bottom:1px solid #e5e7eb;min-height:200px;position:relative}.social-post-image{display:block;height:auto;opacity:0;transition:opacity .3s ease-in;width:100%}.social-post-image.loaded{opacity:1}.social-post-image-container:before{animation:shimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,#f0f0f0,#f8f8f8 20%,#f0f0f0 40%,#f0f0f0);background-size:200% 100%;bottom:0;content:"";left:0;opacity:1;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .3s ease-out}.social-post-image-container.image-loaded:before{opacity:0}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.social-post-text{background:#fff;color:#1a1a1a;font-size:14px;line-height:1.6;padding:16px}.social-post-text p{margin:0 0 12px}.social-post-text p:last-child{margin-bottom:0}.social-post-meta{background:#f8f9fa;border-top:1px solid #e5e7eb;padding:8px 16px;text-align:right}.post-character-count{color:#6c757d;display:inline-block;font-size:11px;font-weight:500}.post-character-count:empty{display:none}.social-post-actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;padding:12px 16px}.social-post-actions-left{display:flex;gap:8px}.social-post-actions-right{display:flex;gap:8px;margin-left:auto}.social-post-btn{align-items:center;background:#fff;border:1px solid #dee2e6;border-radius:6px;color:#495057;cursor:pointer;display:flex;font-family:inherit;font-size:13px;font-weight:500;gap:6px;padding:8px 12px;transition:all .2s ease}.social-post-btn:hover{background:#f8f9fa;border-color:#279a93;color:#279a93}.social-post-btn svg{flex-shrink:0;height:14px;width:14px}.social-post-btn.customise-btn,.social-post-btn.social-post-action-btn{background:#279a93;border-color:#279a93;color:#fff}.social-post-btn.customise-btn:hover,.social-post-btn.social-post-action-btn:hover{background:#1e7a73;border-color:#1e7a73;color:#fff}.social-post-btn.customise-btn.has-custom,.social-post-btn.social-post-action-btn.has-custom{background:#10b981;border-color:#10b981}.social-post-btn.customise-btn.has-custom:hover,.social-post-btn.social-post-action-btn.has-custom:hover{background:#059669;border-color:#059669}.social-post-recreate-btn{background:#fbbf24;border-color:#fbbf24;color:#78350f}.social-post-recreate-btn:hover{background:#f59e0b;border-color:#f59e0b;color:#78350f}.social-post-recreate-btn.highlight{animation:pulse 2s ease-in-out infinite}@media (max-width:768px){.social-posts-container{grid-template-columns:1fr}.form-type-divider{display:none}.social-post-actions{flex-direction:column}.social-post-actions-left,.social-post-actions-right{justify-content:center;width:100%}.social-post-actions-right{margin-left:0}}.snippet-personalize-modal-overlay{align-items:center;background:rgba(0,0,0,.5);bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.snippet-personalize-modal{background:#fff;border-radius:8px;box-shadow:0 4px 20px rgba(0,0,0,.15);display:flex;flex-direction:column;max-height:90vh;max-width:500px;overflow:hidden;width:100%}.snippet-personalize-modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px}.snippet-personalize-modal-header h3{color:#1f2937;font-size:18px;font-weight:600;margin:0}.snippet-personalize-modal-close{align-items:center;background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;padding:0;transition:all .2s;width:32px}.snippet-personalize-modal-close:hover{background:#f3f4f6;color:#374151}.snippet-personalize-modal-body{flex:1;overflow-y:auto;padding:20px}.snippet-personalize-description{color:#6b7280;font-size:14px;margin:0 0 20px}.snippet-personalize-fields{display:flex;flex-direction:column;gap:16px}.snippet-personalize-modal-footer{border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;padding:16px 20px}.snippet-personalize-apply-btn,.snippet-personalize-cancel-btn{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s}.snippet-personalize-cancel-btn{background:transparent;border:1px solid #d1d5db;color:#6b7280}.snippet-personalize-cancel-btn:hover{background:#f9fafb;color:#374151}.snippet-personalize-apply-btn{background:#279a93;border:none;color:#fff}.snippet-personalize-apply-btn:hover{background:#1e7a73}