.notification{align-items:center;animation:slideInRight .3s ease;background-color:#fff;border-radius:8px;box-shadow:0 5px 15px #0000001a;display:flex;max-width:350px;min-width:200px;padding:15px;position:fixed;right:20px;top:20px;z-index:99999}.notification.success{background-color:#ecfaef;border-left:4px solid #2ecc71;color:#2ecc71}.notification.error{background-color:#fee7e7;border-left:4px solid #ff4757;color:#ff4757}.notification-close-button{background:none;border:none;color:inherit;cursor:pointer;font-size:1.125rem;line-height:1;margin-left:10px;opacity:.7;padding:0;transition:opacity .2s ease}.notification-close-button:hover{opacity:1}@keyframes slideInRight{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}.page-not-found{align-items:center;background-color:#f8f9fa;display:flex;justify-content:center;min-height:100vh}.page-not-found .content{padding:2rem;text-align:center}.page-not-found h1{color:#232c64;font-size:6rem;font-weight:700;line-height:1;margin:0}.page-not-found h2{color:#333;font-size:2rem;margin:1rem 0}.page-not-found p{color:#666;margin-bottom:2rem}.page-not-found .back-btn{align-items:center;background-color:#232c64;border-radius:8px;color:#fff;display:inline-flex;gap:.5rem;padding:.75rem 1.5rem;text-decoration:none;transition:background-color .3s}.page-not-found .back-btn:hover{background-color:#1a2149}.page-not-found .back-btn i{font-size:1rem}:root{--secondary:#f7a01d;--success:#10b981;--success-light:#d1fae5;--success-dark:#059669;--text-dark:#1f2937;--text-muted:#6b7280;--text-light:#9ca3af;--bg-light:#f8fafc;--bg-gray:#f1f5f9;--border:#e2e8f0;--shadow:0 1px 3px 0 #0000001a;--shadow-lg:0 4px 6px -1px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a;--gradient:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%)}body{background:#f8fafc;background:var(--bg-light);color:#1f2937;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;line-height:1.5}.checkout_container__VUfG\+{margin:0 auto;max-width:1200px;padding:0 20px}.checkout_header__mCOMf{background:linear-gradient(135deg,#232c64,#1a2250);background:var(--gradient);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-lg);padding:.75rem 0;position:fixed;top:0;width:100%;z-index:9999}.checkout_headerContent__wpT4T{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 20px}.checkout_logo__yMtBx{align-items:flex-start;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;font-weight:700;gap:10px;opacity:1;overflow:hidden;padding-top:4px;text-decoration:none;transition:opacity .3s ease,width .3s ease;white-space:nowrap;width:auto}.checkout_logo__yMtBx sup{color:var(--secondary-color);font-size:12px}.checkout_backLink__grMLs{align-items:center;border-radius:.5rem;color:#ffffffe6;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.5rem .75rem;text-decoration:none;transition:all .2s ease}.checkout_backLink__grMLs:hover{background:#ffffff1a;color:#fff;color:var(--white)}.checkout_mainContent__iGQJE{margin:4rem 0;padding:2rem 0}.checkout_checkoutGrid__UYF06{grid-gap:2rem;align-items:start;display:grid;gap:2rem;grid-template-columns:1.2fr .8fr}.checkout_planDetails__meHTo{animation:checkout_fadeIn__At2oJ .5s ease-out;background:#fff;background:var(--white);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:.75rem;box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-lg);padding:1.5rem}.checkout_planHeader__4pYjN{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);margin-bottom:1.5rem;padding-bottom:1rem;text-align:center}.checkout_planBadge__w0Swq{background:#10b981;background:var(--success);border-radius:1rem;color:#fff;color:var(--white);display:inline-block;font-size:.75rem;font-weight:600;margin-bottom:.5rem;padding:.25rem .75rem}.checkout_planName__4Gt8W{color:#232c64;color:var(--primary);font-size:1.75rem;font-weight:700;margin-bottom:.25rem}.checkout_planDescription__amuX5{color:#6b7280;color:var(--text-muted);font-size:.9rem;line-height:1.4}.checkout_durationSection__zE9ov{margin-bottom:1.5rem}.checkout_durationTitle__PmXTi{color:#1f2937;color:var(--text-dark);font-size:1rem;font-weight:600;margin-bottom:.75rem}.checkout_selectWrapper__b5FBV{position:relative}.checkout_durationSelect__mesky{-webkit-appearance:none;appearance:none;background:#fff;background:var(--white);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:.5rem;color:#1f2937;color:var(--text-dark);cursor:pointer;font-size:.9rem;font-weight:500;padding:.75rem 1rem;transition:all .2s ease;width:100%}.checkout_durationSelect__mesky:focus{border-color:#232c64;border-color:var(--primary);box-shadow:0 0 0 3px #232c641a;outline:none}.checkout_selectArrow__sr5BN{color:#6b7280;color:var(--text-muted);font-size:.8rem;pointer-events:none;position:absolute;right:.75rem;top:50%;transform:translateY(-50%)}.checkout_costBreakdown__7tZA5{background:#f8fafc;background:var(--bg-light);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:.5rem;margin-bottom:1.5rem;padding:1.25rem}.checkout_breakdownTitle__RvpzK{color:#1f2937;color:var(--text-dark);font-size:1rem;font-weight:600;margin-bottom:1rem}.checkout_breakdownRow__oPuQB{display:flex;font-size:.85rem;justify-content:space-between;margin-bottom:.75rem}.checkout_breakdownRowLast__f3Efo{border-top:1px solid #e2e8f0;border-top:1px solid var(--border);font-weight:600;margin-top:.75rem;padding-top:.75rem}.checkout_breakdownLabel__zCf1f{color:#1f2937;color:var(--text-dark)}.checkout_breakdownValue__J9QFl{font-weight:500}.checkout_breakdownSavings__g6Ws\+{color:#10b981;color:var(--success)}.checkout_featuresSection__qWnQn{margin-bottom:1.5rem}.checkout_featuresTitle__g9MGp{color:#1f2937;color:var(--text-dark);font-size:1rem;font-weight:600;margin-bottom:.75rem}.checkout_featuresList__PftQe{grid-gap:.5rem;display:grid;gap:.5rem;list-style:none}.checkout_featuresList__PftQe li{align-items:center;color:#1f2937;color:var(--text-dark);display:flex;font-size:.85rem;gap:.5rem}.checkout_checkIcon__b0XLT{color:#10b981;color:var(--success);font-size:.9rem;font-weight:600}.checkout_paymentSection__LUGji{position:-webkit-sticky;position:sticky;top:1rem}.checkout_paymentCard__6UcIA{animation:checkout_fadeIn__At2oJ .5s ease-out;animation-delay:.1s;background:#fff;background:var(--white);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:.75rem;box-shadow:0 20px 25px -5px #0000001a;box-shadow:var(--shadow-xl);padding:1.5rem}.checkout_paymentTitle__yxuVl{color:#232c64;color:var(--primary);font-size:1.25rem;font-weight:600;margin-bottom:1.5rem;text-align:center}.checkout_pricingDisplay__zEUId{background:#f8fafc;background:var(--bg-light);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:.5rem;margin-bottom:1.5rem;padding:1.25rem;text-align:center}.checkout_originalPrice__HMUzt{color:#6b7280;color:var(--text-muted);font-size:.9rem;margin-bottom:.25rem;text-decoration:line-through}.checkout_currentPrice__04nkD{color:#232c64;color:var(--primary);font-size:2rem;font-weight:800;line-height:1;margin-bottom:.25rem}.checkout_pricePeriod__P8V-d{color:#6b7280;color:var(--text-muted);font-size:.8rem;margin-bottom:.5rem}.checkout_savingsBadge__jYOo3{background:#10b981;background:var(--success);border-radius:.75rem;color:#fff;color:var(--white);display:inline-block;font-size:.75rem;font-weight:600;padding:.25rem .75rem}.checkout_securityItems__V-W8N{color:#6b7280;color:var(--text-muted);display:flex;font-size:.75rem;justify-content:space-between;margin-bottom:1.5rem}.checkout_securityItem__4J6Lt{align-items:center;display:flex;gap:.25rem}.checkout_securityIcon__hv5KE{color:#10b981;color:var(--success)}.checkout_payButton__0isam{align-items:center;background:linear-gradient(135deg,#232c64,#1a2250);background:var(--gradient);border:none;border-radius:.5rem;box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-lg);color:#fff;color:var(--white);cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;margin-bottom:1rem;padding:1rem;transition:all .2s ease;width:100%}.checkout_payButton__0isam:hover{box-shadow:0 20px 25px -5px #0000001a;box-shadow:var(--shadow-xl);transform:translateY(-1px)}.checkout_payButton__0isam:active{transform:translateY(0)}.checkout_loading__B3kon{background:#6b7280;background:var(--text-muted);cursor:not-allowed;transform:none}.checkout_success__5wxun{background:#10b981;background:var(--success)}.checkout_logoContainer__NR4MA{align-items:center;display:flex;height:30px;justify-content:center;position:relative;top:-1px;width:30px;z-index:3}.checkout_loadingSpinner__viRlH{animation:checkout_spin__wYG\+L 1s ease-in-out infinite;border:2px solid #ffffff4d;border-radius:50%;border-top:2px solid var(--white);height:16px;width:16px}@keyframes checkout_spin__wYG\+L{to{transform:rotate(1turn)}}.checkout_payText__bvFoy{font-weight:600}@media (max-width:768px){.checkout_checkoutGrid__UYF06{gap:1.5rem;grid-template-columns:1fr}.checkout_paymentSection__LUGji{order:-1;position:static}.checkout_mainContent__iGQJE{padding:1.5rem 0}.checkout_planName__4Gt8W{font-size:1.5rem}.checkout_currentPrice__04nkD{font-size:1.75rem}.checkout_securityItems__V-W8N{flex-direction:column;gap:.5rem}}@media (max-width:480px){.checkout_container__VUfG\+{padding:0 15px}.checkout_paymentCard__6UcIA,.checkout_planDetails__meHTo{padding:1.25rem}.checkout_currentPrice__04nkD{font-size:1.5rem}}@keyframes checkout_fadeIn__At2oJ{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes checkout_checkmark__-2qC0{0%{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.checkout_successCheck__hQTsr{animation:checkout_checkmark__-2qC0 .4s ease-out}.checkout_container__VUfG\+{animation-delay:4s}.CheckoutLoader_checkoutLoaderContainer__5Ly9U{align-items:center;background-color:#f8f9fa;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:100}.CheckoutLoader_checkoutLoader__l7edE{align-items:center;display:flex;flex-direction:column;gap:24px;justify-content:center;max-width:1200px;padding:20px;width:100%}.CheckoutLoader_checkoutLoaderCard__hycfc{animation:CheckoutLoader_pulse__UsQHS 1.5s infinite;background-color:#ffffffb3;border-radius:12px;box-shadow:0 4px 20px #00000014;height:500px;max-width:1100px;overflow:hidden;padding:24px;width:100%}.CheckoutLoader_loaderHeader__wGKS8{align-items:center;display:flex;height:40px;justify-content:space-between;margin-bottom:24px}.CheckoutLoader_loaderLogo__0GiTz{background-color:#e0e0e0;border-radius:4px;height:24px;width:120px}.CheckoutLoader_loaderBack__iYAx\+{background-color:#e0e0e0;border-radius:4px;height:24px;width:100px}.CheckoutLoader_loaderContent__5Ib4-{grid-gap:40px;display:grid;gap:40px;grid-template-columns:1fr 1fr;height:calc(100% - 64px)}.CheckoutLoader_loaderLeftColumn__pDpDl,.CheckoutLoader_loaderRightColumn__KD4E7{display:flex;flex-direction:column;gap:24px}.CheckoutLoader_loaderPlanHeader__pu3Ar{display:flex;flex-direction:column;gap:16px}.CheckoutLoader_loaderBadge__5\+44D{background-color:#e0e0e0;border-radius:12px;height:24px;width:80px}.CheckoutLoader_loaderTitle__ESI3z{background-color:#e0e0e0;border-radius:4px;height:32px;width:60%}.CheckoutLoader_loaderDescription__X-DTE{background-color:#e0e0e0;border-radius:4px;height:48px;width:80%}.CheckoutLoader_loaderBreakdown__bgS3D{display:flex;flex-direction:column;gap:16px;margin-top:24px}.CheckoutLoader_loaderBreakdownTitle__wUI9O{background-color:#e0e0e0;border-radius:4px;height:24px;width:40%}.CheckoutLoader_loaderBreakdownRow__5YCqk{background-color:#e0e0e0;border-radius:4px;display:flex;height:20px;justify-content:space-between;margin-bottom:8px;width:100%}.CheckoutLoader_loaderPaymentCard__pB\+SF{background-color:#f0f0f0;border-radius:12px;display:flex;flex-direction:column;gap:24px;height:100%;padding:24px}.CheckoutLoader_loaderPaymentTitle__LVyHf{background-color:#e0e0e0;border-radius:4px;height:28px;width:60%}.CheckoutLoader_loaderPriceDisplay__jTTke{background-color:#e0e0e0;border-radius:8px;height:80px;margin:16px 0;width:80%}.CheckoutLoader_loaderSecurityItems__pe1cM{background-color:#e0e0e0;border-radius:4px;height:40px;width:100%}.CheckoutLoader_loaderPayButton__hY-PG{background-color:#e0e0e0;border-radius:25px;height:50px;margin:16px 0;width:100%}.CheckoutLoader_loaderGuarantee__yoQkI{background-color:#e0e0e0;border-radius:4px;height:60px;margin-top:auto;width:80%}@keyframes CheckoutLoader_spin__moBQe{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes CheckoutLoader_pulse__UsQHS{0%{opacity:.6}50%{opacity:.8}to{opacity:.6}}*{box-sizing:border-box;font-family:Segoe UI,Arial,sans-serif;margin:0;padding:0}:root{--primary:#232c64;--primary-color:#232c64;--primary-light:#343e7c;--primary-dark:#1a2250;--accent:#f7a01d;--secondary-color:var(--accent);--secondary-hover:#d68915;--accent-light:#ffeed6;--text-dark:#4a4a4a;--text-light:#6b7280;--text-grey:#e1e2e4;--white:#fff;--card-shadow:0 15px 35px #0000001a;--input-bg:#f0f2f5;--success:#2ecc71;--error:#e74c3c;--warning:var(--accent);--light-green:#ecffe6;--secondary:var(--accent);--light-bg:#f5f7fa;--danger:#e74c3c;--accent-color:var(--accent);--success-color:#2ecc71;--danger-color:#e53e3e;--text-primary:#232c64;--text-secondary:#6b7280;--text-white:#fff;--bg-light:#f5f7fa;--bg-white:#fff;--bg-card:#f9fafc;--bg-success-light:#ecfaef;--bg-info-light:#ecf3ff;--bg-danger-light:#fff1f0;--border-color:#dfe3e8;--sidebar-width:250px;--header-height:70px;--border-radius-sm:4px;--border-radius:8px;--border-radius-lg:10px;--shadow:0 2px 5px #0000000d;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--text-medium:#4a5072;--surface-white:#fff;--bg-color:#f5f7fa;--text-color:#333;--hover-bg:#f0f2f5;--error-color:#dc2626;--danger-bg:#fef2f2;--danger-hover:#fecaca;--blue:#4c6ef5;--purple:#be4bdb}#root{width:100%}body{background-color:#f5f7fa;background-color:var(--bg-light);color:#4a4a4a;color:var(--text-dark);overflow-x:hidden}.app-container,body{display:flex;min-height:100vh;width:100%}.app-container{background-color:#f5f7fa;background-color:var(--light-bg)}.dashboard-button{padding:20px}.global-loader{align-items:center;background-color:#fff;display:flex;height:100vh;justify-content:center;width:100%}.dashboard-button button{background-color:#ffffff1a;border:none;border-radius:5px;color:#fff;color:var(--white);cursor:pointer;font-weight:500;padding:10px 20px;text-align:left;width:100%}.nav-section{flex:1 1}.nav-item{align-items:center;color:#fffc;cursor:pointer;display:flex;padding:12px 8px}.nav-item:hover{background-color:#ffffff0d}.nav-icon{font-size:16px;margin-right:10px}.with-submenu{flex-direction:column}.nav-item-header{align-items:center;display:flex;width:100%}.chevron{font-size:.75rem;margin-left:auto}.submenu{margin-left:15px;margin-top:5px}.submenu-item{align-items:center;border-radius:4px;color:#ffffffb3;display:flex;font-size:.875rem;padding:8px 10px}.submenu-item:hover{background-color:#ffffff1a}.submenu-item.active{background-color:#f7a01d;background-color:var(--secondary-color);color:#fff;color:var(--white)}.new-badge{background-color:#ff4757;border-radius:10px;color:#fff;font-size:10px;margin-left:8px;padding:2px 6px}.user-balance{background-color:#0003;border-radius:8px;margin:10px;padding:20px}.balance-title{font-weight:600;margin-bottom:5px}.balance-amount{color:#ffffffb3;font-size:.875rem}.balance-bar{background-color:#ffffff1a;border-radius:3px;height:6px;margin-top:10px}.balance-progress{background-color:#f7a01d;background-color:var(--secondary-color);border-radius:3px;height:100%;width:20%}.username{flex:1 1}.share-icon{align-items:center;background-color:#ffffff1a;border-radius:50%;cursor:pointer;display:flex;height:24px;justify-content:center;width:24px}.main-content{flex:1 1}.main-content,.main-content-block{display:flex;flex-direction:column}.main-content-block{height:100%;overflow:auto;width:100%}.top-header{background-color:#fff;background-color:var(--white);border-bottom:1px solid #dfe3e8;border-bottom:1px solid var(--border-color);justify-content:space-between;padding:10px 20px}.logo,.top-header{align-items:center;display:flex}.logo{font-size:1.125rem;font-weight:600}.logo-icon{margin-right:8px}.logo-highlight{color:#f7a01d;color:var(--secondary-color)}.premium-button{background-color:#f7a01d;background-color:var(--secondary-color);border:none;border-radius:5px;color:#fff;color:var(--white);cursor:pointer;font-weight:500;padding:8px 16px}.content-area{display:flex;flex:1 1;gap:20px;padding:20px}.input-panel{background-color:#fff;background-color:var(--white);border-radius:8px;box-shadow:0 2px 8px #0000000d;flex:1 1;max-width:480px;overflow:hidden;overflow:auto}.panel-header{padding:20px;position:relative}.accent-line{background-color:#f7a01d;background-color:var(--secondary-color);height:30px;left:0;position:absolute;top:20px;width:4px}.panel-header h2{color:#4a4a4a;color:var(--text-dark);margin-bottom:5px;margin-left:15px}.panel-header p{color:#6b7280;color:var(--text-light);font-size:.875rem;margin-left:15px}.form-row{gap:20px;padding:0 20px}.form-group.half{padding:15px 0}label{color:#4a4a4a;color:var(--text-dark);display:block;font-size:.875rem;font-weight:500;margin-bottom:8px}.required{color:#ff4757}input[type=text],textarea{border:1px solid #dfe3e8;border:1px solid var(--border-color);border-radius:4px;font-size:.75rem;padding:12px;resize:none;width:100%}.char-count{color:#6b7280;color:var(--text-light);font-size:.75rem;margin-top:5px;text-align:right}.color-input-container{gap:10px;width:100%}.color-picker{background-color:initial;height:42px;padding:0;width:42px}.color-picker,.color-text-input{border:1px solid #dfe3e8;border:1px solid var(--border-color)}.color-text-input{font-family:monospace;font-size:.875rem;padding:12px}.generate-button{background-color:#232c64;background-color:var(--primary-color);border-radius:5px;color:var(--white);font-weight:500;padding:12px 20px;transition:background-color .2s}.generate-button:hover{background-color:#2d387c}.generate-button:disabled{background-color:#b5bdc4}.output-panel{background-color:#fff;background-color:var(--white);border-radius:8px;box-shadow:0 2px 8px #0000000d;display:flex;flex:1 1;flex-direction:column;height:100%;overflow:hidden}.line-through{-webkit-text-decoration-line:line-through;text-decoration-line:line-through}.action-buttons{display:flex;gap:10px}.action-button{align-items:center;background-color:#f5f7fa;background-color:var(--light-bg);border:none;border-radius:4px;cursor:pointer;display:flex;height:36px;justify-content:center;transition:background-color .2s;width:36px}.action-button:hover{background-color:#e1e5eb}.action-button:first-child{padding:0 15px;width:auto}.action-button:disabled{cursor:default;opacity:.5}.button-icon{display:flex;font-size:16px;gap:5px}.output-content{flex:1 1;padding:20px}.panel-header+.output-content{width:100%}@keyframes highlight{0%{background-color:#f7a01d33}to{background-color:initial}}.preview-container{display:flex;flex-direction:column;height:100%}.preview-header{align-items:center;border-bottom:1px solid #dfe3e8;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:10px;padding:10px 0}.preview-header h3{color:#232c64;color:var(--primary-color);margin:0}.preview-close-button{align-items:center;background:none;border:none;border-radius:50%;color:#6b7280;color:var(--text-light);cursor:pointer;display:flex;font-size:16px;height:24px;justify-content:center;width:24px}.preview-close-button:hover{background-color:#0000000d}.preview-frame{background-color:#fff;border-radius:4px;flex:1 1;min-height:300px;overflow:hidden;position:relative;width:100%}.preview-frame iframe{border:none;bottom:0;left:0;position:absolute;right:0;top:0}.video-placeholder{align-items:center;color:#6b7280;color:var(--text-light);display:flex;flex-direction:column;height:100%;justify-content:center;text-align:center}.video-placeholder p{margin-bottom:10px;max-width:300px}.fullscreen-preview{background-color:#000000e6;bottom:0;display:flex;flex-direction:column;left:0;overflow:hidden;position:fixed;right:0;top:0;z-index:1000}.fullscreen-controls{align-items:center;background-color:#111;border-bottom:1px solid #ffffff1a;border-top-left-radius:6px;border-top-right-radius:6px;bottom:0;color:#fff;display:flex;justify-content:space-between;left:50%;padding:10px 15px;position:fixed;transform:translate(-50%);z-index:999}.device-controls{display:flex;gap:15px}.device-button{align-items:center;background:none;border:none;border-radius:4px;color:#aaa;cursor:pointer;display:flex;gap:8px;padding:8px 12px;transition:all .2s}.device-button:hover{background-color:#ffffff1a;color:#fff}.device-button.active{background-color:#f7a01d4d;color:#f7a01d;color:var(--secondary-color)}.device-icon{font-size:1.125rem}.preview-action-button{align-items:center;background-color:#ffffff1a;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;gap:8px;padding:8px 15px;transition:background-color .2s}.preview-action-button:hover{background-color:#fff3}.device-preview-container{align-items:flex-start;display:flex;flex:1 1;justify-content:center;overflow:auto;padding:0}.device-frame{align-items:center;background-color:#fff;border-radius:8px;box-shadow:0 10px 30px #00000080;display:flex;height:100%;justify-content:center;overflow:hidden;position:relative;transition:all .3s ease}.device-frame.desktop{border-radius:0;box-shadow:0 20px 40px #0009;height:100%;width:100%}.device-frame.tablet{border:30px solid #222;border-radius:20px;width:768px}.device-frame.mobile{border:20px solid #222;border-radius:30px;width:375px}.device-screen{background-color:#fff;flex:1 1;height:100%;overflow:hidden;width:100%}.btn-rect-secondary{align-items:center;background-color:#f7a01d;border-color:#0000;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:.75rem;font-weight:500;gap:5px;justify-content:center;min-width:90px;padding:8px 10px;text-decoration:none}.btn-rect-secondary:disabled{background-color:#6b7280;background-color:var(--text-light);border:none;cursor:default}.btn-rect-secondary i{font-size:.75rem}@media (max-width:1200px){.content-area{flex-direction:column}}@media (max-width:768px){.app-container{flex-direction:column}.content-area{padding:10px}.form-row{flex-direction:column;gap:0}.fullscreen-controls{flex-direction:column;gap:15px;padding:10px}}.generated-text{height:100%;line-height:1.6;overflow:auto;width:100%}.code-display{background-color:#f5f7fa80;border-radius:4px;overflow-x:auto;padding:15px;white-space:pre-wrap;word-break:break-word}.code-display,.code-display code{font-family:Courier New,monospace}.code-display code{color:#333}.code-display .tag{color:#569cd6}.code-display .attr{color:#9cdcfe}.code-display .string{color:#ce9178}.code-display .comment{color:#6a9955}.code-display .selector{color:#d7ba7d}.code-display .property{color:#9cdcfe}.code-display .value{color:#ce9178}.code-display::-webkit-scrollbar-track{background:#0003}.code-container{border-radius:6px;display:flex;flex-direction:column;height:100%;margin:0;overflow:hidden;padding:0}.code-display{background-color:#272822;font-family:Fira Code,Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:.875rem;line-height:1.5;margin:0;max-height:100%;overflow:auto;padding:0;tab-size:2}.code-display code{word-wrap:normal;padding:15px!important;word-spacing:normal}.line-numbers .line-numbers-rows{padding:15px 0}.code-display::-webkit-scrollbar{height:8px;width:8px}.code-display::-webkit-scrollbar-track{background:#0000001a}.code-display::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.code-display::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.token-line{height:auto!important;margin:0!important;padding:0!important}.code-display code{background-color:#272822;border-radius:6px;color:#f8f8f2;font-family:Consolas,Monaco,Andale Mono,monospace;font-size:.875rem;height:100%;line-height:1.5;margin:0;min-height:400px;overflow:auto;padding:15px;tab-size:2;-moz-tab-size:2;white-space:pre;word-break:normal}.generated-text{scroll-behavior:smooth}.auto-scroll{overflow-anchor:auto}.code-display .keyword,.code-display .tag{color:#f92672}.code-display .attr-name,.code-display .attribute{color:#a6e22e}.code-display .attr-value,.code-display .string{color:#e6db74}.code-display .class,.code-display .selector{color:#a6e22e}.code-display .property{color:#66d9ef}.code-display .comment{color:#75715e}@keyframes subtle-highlight{0%{background-color:#ffff000d}to{background-color:initial}}.dropdown-select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236c757d' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-size:16px;border:1px solid #dee2e6;border-radius:4px;color:#495057;font-size:.875rem;line-height:1.5;padding:10px 12px;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.dropdown-select:focus{border-color:#232c64;box-shadow:0 0 0 .2rem #232c6440;outline:0}.dropdown-select option{padding:10px}.form-progress{margin-bottom:20px}.form-group label{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:8px}.required{margin-left:3px}.error-message{color:#e53935;font-size:.75rem;font-weight:400;margin-left:auto}select.error,textarea.error{border:1px solid #e53935}.helper-text{display:flex;justify-content:space-between;margin-top:4px}.suggestion-text{color:#666;font-size:.75rem;font-style:italic}.color-palette-toggle{background-color:#f5f7fa;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:13px;margin-bottom:10px;padding:6px 12px;transition:background-color .2s}.color-palette-toggle:hover{background-color:#e9ecef}.color-palettes{grid-gap:10px;animation:fadeIn .3s ease;display:grid;gap:10px;grid-template-columns:repeat(3,1fr);margin-bottom:15px}.color-palette-item{border:1px solid #ddd;border-radius:6px;cursor:pointer;padding:8px;transition:transform .2s,box-shadow .2s}.color-palette-item:hover{box-shadow:0 4px 6px #0000001a;transform:translateY(-2px)}.palette-preview{display:flex;height:30px;margin-bottom:5px}.color-square{border-radius:3px;flex:1 1}.color-square:first-child{border-bottom-right-radius:0;border-top-right-radius:0}.color-square:last-child{border-bottom-left-radius:0;border-top-left-radius:0}.palette-name{font-size:.75rem;text-align:center}.generate-button{overflow:hidden;position:relative;transition:background-color .3s,transform .2s}.generate-button:not(:disabled):hover{transform:translateY(-2px)}.generate-button:not(:disabled):active{transform:translateY(0)}.loading-animation{align-items:center;display:flex;justify-content:center}.loading-dots{animation:loadingDots 1.5s infinite;position:relative}@keyframes loadingDots{0%,20%{content:"."}40%{content:".."}60%,to{content:"..."}}.generation-progress{animation:fadeIn .5s ease;color:#666;font-size:.875rem;margin-top:10px;text-align:center}@media (max-width:768px){.color-palettes{grid-template-columns:repeat(2,1fr)}.form-group label{align-items:flex-start;flex-direction:column}.error-message{margin-left:0;margin-top:3px}}@media (max-width:480px){.color-palettes{grid-template-columns:1fr}}.conversational-sidebar{background-color:#f9f9fa;border-right:1px solid #e0e0e0;box-shadow:2px 0 5px #0000000d;display:flex;flex-direction:column;height:100%;width:350px}.chat-container{display:flex;flex:1 1;flex-direction:column;gap:12px;overflow-y:auto;padding:20px}.chat-message{display:flex;margin-bottom:10px}.chat-message.user{justify-content:flex-end}.chat-message.system{justify-content:flex-start}.message-bubble{border-radius:18px;box-shadow:0 1px 2px #0000001a;font-size:.875rem;line-height:1.5;padding:12px 16px;position:relative}.chat-message.user .message-bubble{background-color:#232c64;border-bottom-right-radius:4px;color:#fff}.chat-message.system .message-bubble{background-color:#fff;border:1px solid #e0e0e0;border-bottom-left-radius:4px;color:#333}.message-bubble.loading{min-height:32px;min-width:60px}.dot{animation:bounce 1.5s ease-in-out infinite;height:8px;margin:0 3px;width:8px}.color-palette-row{background-color:#fff;border-bottom:1px solid #e0e0e0;border-top:1px solid #e0e0e0;display:flex;flex-direction:column;padding:12px 16px}.palette-title{color:#333;font-size:.875rem;font-weight:500;margin-bottom:8px}.palette-options{display:flex;gap:10px;overflow-x:auto;padding-bottom:6px}.palette-option{border:1px solid #e0e0e0;border-radius:4px;cursor:pointer;display:flex;padding:4px;transition:transform .2s,box-shadow .2s}.palette-option:hover{box-shadow:0 2px 4px #0000001a;transform:translateY(-2px)}.color-preview{border-radius:2px;height:20px;width:20px}.color-preview:first-child{margin-right:2px}.chat-form{background-color:#fff;border-top:1px solid #e0e0e0;padding:16px}.form-controls{display:flex;gap:8px;margin-bottom:12px}.chat-dropdown{background-color:#f5f5f5;border:1px solid #d0d0d0;border-radius:6px;color:#333;flex:1 1;font-size:.875rem;padding:8px 12px}.color-pickers{display:flex;gap:8px}.color-picker-wrapper{position:relative}.color-picker{border-radius:6px;height:32px;width:32px}.chat-input-container{align-items:flex-end;display:flex;margin-bottom:12px;position:relative}.chat-input{background-color:#f9f9fa;border:1px solid #d0d0d0;border-radius:8px;flex:1 1;font-size:.875rem;min-height:60px;padding:12px 40px 12px 12px;resize:none;transition:border-color .2s}.chat-input:focus{border-color:#232c64;box-shadow:0 0 0 2px #232c641a;outline:none}.chat-send-btn{align-items:center;background-color:#232c64;border:none;border-radius:50%;bottom:10px;color:#fff;cursor:pointer;display:flex;height:30px;justify-content:center;position:absolute;right:10px;transition:background-color .2s;width:30px}.chat-send-btn:hover{background-color:#343e7c}.chat-send-btn:disabled{background-color:#ccc;cursor:not-allowed}.send-icon{font-size:.875rem}.generate-button{border-radius:8px;font-size:15px;font-weight:700;padding:12px;transition:background-color .2s,transform .1s}.generate-button:hover{background-color:#e89000}.generate-button:disabled{background-color:#f7c470}.chat-container::-webkit-scrollbar{width:8px}.chat-container::-webkit-scrollbar-track{background:#0000}.chat-container::-webkit-scrollbar-thumb{background-color:#0000001a;border-radius:4px}.chat-container::-webkit-scrollbar-thumb:hover{background-color:#0003}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.chat-message{animation:slideIn .3s ease forwards}@media (max-width:768px){.conversational-sidebar{height:100vh;position:relative;width:100%}}.required{color:#e53935;margin-left:4px}.form-group,.form-row{margin-bottom:10px}.form-row{display:flex;gap:10px}.form-group.half{flex:1 1}.form-group label{color:#333;display:block;font-size:13px;font-weight:500;margin-bottom:4px}.style-section{background-color:#fafbfc;border:1px solid #f0f2f5;border-radius:6px;margin-bottom:10px;padding:8px 10px 10px}.section-title{color:#555;font-size:13px;font-weight:500;margin-bottom:6px}.color-input-container{align-items:center;display:flex;gap:8px}.color-picker{border:none;border-radius:4px;box-shadow:0 1px 3px #0000001a;cursor:pointer;height:30px;overflow:hidden;width:30px}.color-text-input{border:1px solid #e0e0e0;border-radius:4px;flex:1 1;height:30px}.color-text-input,.dropdown-select{color:#333;font-size:13px;padding:7px 10px}.dropdown-select{-webkit-appearance:none;appearance:none;background-color:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;background-size:14px;border:1px solid #e0e0e0;border-radius:6px;height:34px;transition:all .2s;width:100%}.font-dropdown{font-size:13px;text-overflow:ellipsis}.font-dropdown option{font-size:13px}.font-preview{background-color:#fff;border:1px solid #eee;border-radius:4px;margin-top:8px;padding:8px}.font-preview-heading{font-size:16px;font-weight:700;margin-bottom:4px}.font-preview-body{color:#333;font-size:13px}.conversation-container{background-color:#f9fafb;background-image:linear-gradient(180deg,#ffffffe6,#f9fafbe6);border:1px solid #e0e0e0;border-radius:6px;box-shadow:inset 0 1px 3px #0000000d;height:150px;margin-bottom:6px;overflow-y:auto;padding:10px 12px;scroll-behavior:smooth;scrollbar-width:thin}.conversation-container::-webkit-scrollbar{width:4px}.conversation-container::-webkit-scrollbar-track{background:#0000}.conversation-container::-webkit-scrollbar-thumb{background-color:#00000026;border-radius:4px}.conversation-container::-webkit-scrollbar-thumb:hover{background-color:#00000040}.conversation-message{animation:fadeIn .25s ease;display:flex;margin-bottom:6px;max-width:100%}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.conversation-message.user{justify-content:flex-end}.conversation-message.system{justify-content:flex-start}.message-bubble{border-radius:12px;box-shadow:0 1px 2px #0000000d;font-size:13px;line-height:1.4;max-width:85%;padding:6px 10px}.conversation-message.user .message-bubble{background-color:#232c64;border-bottom-right-radius:4px;color:#fff}.conversation-message.system .message-bubble{background-color:#fff;border:1px solid #e0e0e0;border-bottom-left-radius:4px;color:#333}.message-bubble.loading{align-items:center;background-color:#f0f0f0;display:flex;justify-content:center;min-width:50px;padding:6px 10px}.dot{animation:bounce 1.4s ease-in-out infinite;background-color:#888;border-radius:50%;display:inline-block;height:5px;margin:0 2px;width:5px}.dot:first-child{animation-delay:0s}.dot:nth-child(2){animation-delay:.2s}.dot:nth-child(3){animation-delay:.4s}@keyframes bounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-3px)}}.conversation-input-wrapper{align-items:center;display:flex;margin-bottom:18px;position:relative}.conversation-input{background-color:#fff;border:1px solid #e0e0e0;border-radius:6px;font-family:inherit;font-size:13px;height:38px;line-height:1.4;min-height:38px;padding:8px 36px 8px 10px;resize:none;transition:border-color .2s,box-shadow .2s;width:100%}.conversation-input:focus{border-color:#232c64;box-shadow:0 0 0 2px #232c641a;outline:none}.send-button{align-items:center;background-color:#232c64;border:none;border-radius:50%;bottom:6px;color:#fff;cursor:pointer;display:flex;height:26px;justify-content:center;position:absolute;right:6px;transition:all .2s;width:26px}.send-button:hover{background-color:#343e7c;transform:translateY(-1px)}.send-button:active{transform:translateY(0)}.send-button:disabled{background-color:#ccc;cursor:not-allowed;transform:none}.send-icon{font-size:.75rem}.char-count{bottom:-16px;color:#777;font-size:10px;position:absolute;right:10px}.generate-button{align-items:center;background-color:#f7a01d;border:none;border-radius:6px;box-shadow:0 1px 2px #0000000d;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;height:36px;justify-content:center;margin-top:2px;padding:8px 16px;transition:all .2s;width:100%}.generate-button:hover{background-color:#e89107;box-shadow:0 2px 5px #0000001a;transform:translateY(-1px)}.generate-button:active{box-shadow:none;transform:translateY(1px)}.generate-button:disabled{background-color:#f7c56e;box-shadow:none;cursor:not-allowed;transform:none}optgroup{color:#666;font-weight:600}option{font-weight:400;padding:4px}@media (max-width:768px){.form-row{flex-direction:column;gap:8px}.form-group.half{width:100%}}.send-button.loading{animation:pulse 1.5s infinite;background-color:#f7a01d}@keyframes pulse{0%{opacity:1}50%{opacity:.7}to{opacity:1}}.btn-loader{animation:spin 1s linear infinite;border:3px solid #0000001a;border-radius:50%;border-top-color:#232c64;border-top:3px solid var(--primary)}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}:root{--rt-color-white:#fff;--rt-color-dark:#222;--rt-color-success:#8dc572;--rt-color-error:#be6464;--rt-color-warning:#f0ad4e;--rt-color-info:#337ab7;--rt-opacity:0.9;--rt-transition-show-delay:0.15s;--rt-transition-closing-delay:0.15s;--rt-arrow-size:8px}.core-styles-module_tooltip__3vRRp{left:0;opacity:0;pointer-events:none;position:absolute;top:0;will-change:opacity}.core-styles-module_fixed__pcSol{position:fixed}.core-styles-module_arrow__cvMwQ{background:inherit;position:absolute;z-index:-1}.core-styles-module_noArrow__xock6{display:none}.core-styles-module_clickable__ZuTTB{pointer-events:auto}.core-styles-module_show__Nt9eE{opacity:.9;opacity:var(--rt-opacity);transition:opacity .15s ease-out;transition:opacity var(--rt-transition-show-delay) ease-out}.core-styles-module_closing__sGnxF{opacity:0;transition:opacity .15s ease-in;transition:opacity var(--rt-transition-closing-delay) ease-in}.styles-module_tooltip__mnnfp{border-radius:3px;font-size:90%;padding:8px 16px;width:-webkit-max-content;width:max-content}.styles-module_arrow__K0L3T{height:8px;height:var(--rt-arrow-size);width:8px;width:var(--rt-arrow-size)}[class*=react-tooltip__place-top]>.styles-module_arrow__K0L3T{transform:rotate(45deg)}[class*=react-tooltip__place-right]>.styles-module_arrow__K0L3T{transform:rotate(135deg)}[class*=react-tooltip__place-bottom]>.styles-module_arrow__K0L3T{transform:rotate(225deg)}[class*=react-tooltip__place-left]>.styles-module_arrow__K0L3T{transform:rotate(315deg)}.styles-module_dark__xNqje{background:#222;background:var(--rt-color-dark);color:#fff;color:var(--rt-color-white)}.styles-module_light__Z6W-X{background-color:#fff;background-color:var(--rt-color-white);color:#222;color:var(--rt-color-dark)}.styles-module_success__A2AKt{background-color:#8dc572;background-color:var(--rt-color-success);color:#fff;color:var(--rt-color-white)}.styles-module_warning__SCK0X{background-color:#f0ad4e;background-color:var(--rt-color-warning);color:#fff;color:var(--rt-color-white)}.styles-module_error__JvumD{background-color:#be6464;background-color:var(--rt-color-error);color:#fff;color:var(--rt-color-white)}.styles-module_info__BWdHW{background-color:#337ab7;background-color:var(--rt-color-info);color:#fff;color:var(--rt-color-white)}
/*# sourceMappingURL=main.7d224b38.css.map*/