.main-header{display:flex;justify-content:space-between;align-items:center;margin:0;padding:6px 12px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 2px 10px #0000001a;border-radius:0;box-sizing:border-box;width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw}.header-left{display:flex;align-items:center;gap:15px}.logo-btn{background:none;border:none;color:#fff;cursor:pointer;padding:8px 12px;border-radius:6px;transition:background-color .2s;width:auto;font-size:var(--logo-font-size);font-weight:var(--logo-font-weight)}.logo-btn:hover{background:#ffffff26}.header-left .username{font-weight:600;font-size:16px}.header-center .balance{font-weight:500}.header-balance{display:flex;align-items:center;gap:6px;font-weight:500;font-size:16px;background:#ffffff26;padding:6px 12px;border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:none;color:#fff;cursor:pointer;transition:background-color .2s;width:auto}.header-balance:hover{background:#ffffff40}.coin-icon{font-size:18px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.2))}.header-right{display:flex;align-items:center;justify-content:flex-end;gap:8px}.dropdown{position:relative;width:auto}.dropdown-btn{background:#fff3;border:none;color:#fff;padding:8px 12px;border-radius:6px;cursor:pointer;font-size:1.2rem;width:auto}.dropdown-btn:hover{background:#ffffff4d}.dropdown-menu{position:absolute;top:100%;right:0;background:#fff;border-radius:6px;box-shadow:0 4px 12px #00000026;min-width:120px;z-index:1000}.dropdown-menu button{display:block;width:100%;padding:10px 15px;border:none;background:none;text-align:left;cursor:pointer;color:#333;font-size:var(--dropdown-menu-button-font-size);font-weight:var(--dropdown-menu-button--weight)}.dropdown-menu button:hover{background:#f5f5f5}.dropdown-menu button:first-child{border-radius:6px 6px 0 0}.dropdown-menu button:last-child{border-radius:0 0 6px 6px}@media (min-width: 768px){.main-header{padding:15px 20px}}.coin-icon{font-size:var(--header-balance-font-size)}.header-balance{font-size:var(--header-balance-font-size);font-weight:var(--header-balance-weight)}body,html{font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;-webkit-tap-highlight-color:transparent}:root{--logo-font-size: 1.4rem;--logo-font-weight: 600;--dropdown-menu-button-font-size: 1.2rem;--dropdown-menu-button--weight: 700;--header-balance-font-size: 1.4rem;--header-balance-weight: 700;--service-btn-font-size: 1.9rem;--service-btn-weight: 700;--stat-label-font-size: 1.8rem;--stat-label-weight: 700}h1{font-size:2.5rem;font-weight:700;margin:0}h2{font-size:.75rem;font-weight:700;margin:0;text-transform:uppercase}h3{font-size:3rem;font-weight:1000;margin:0}h4{font-size:1.25rem;font-weight:1000;margin:0}p{font-size:1.5rem;font-weight:1000;margin:0}.services{display:flex;flex-direction:column;gap:12px;width:100%}.service-card{background:#fff;padding:20px;border-radius:16px;box-shadow:0 2px 8px #00000014;text-align:center;width:100%;box-sizing:border-box}@media (min-width: 768px){.services{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;width:calc(100% - 40px);margin:0 20px;padding:0}.service-card{padding:30px;border-radius:20px}}.service-card h3{color:#333}.service-card p{color:#666;margin-bottom:15px}.service-btn{color:#fff;border:none;padding:12px 24px;border-radius:12px;cursor:pointer;transition:all .3s ease;font-size:var(--service-btn-font-size);font-weight:var(--service-btn-weight);width:100%;background:linear-gradient(135deg,#667eea,#764ba2)}.service-btn:hover:not(:disabled){background:linear-gradient(135deg,#667eea,#764ba2)}.service-btn:disabled{background:#ccc;cursor:not-allowed}.stat-label{font-size:var(--stat-label-font-size);font-weight:var(--stat-label-weight)}.toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000026;padding:16px;display:flex;align-items:center;gap:12px;min-width:300px;max-width:90vw;z-index:1000;transition:all .3s ease;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:pan-x}.toast-visible{opacity:1;transform:translate(-50%) translateY(0)}.toast-hidden{opacity:0;transform:translate(-50%) translateY(100%)}.toast-icon{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;flex-shrink:0}.toast-message{flex:1;font-size:14px;line-height:1.4}.toast-close{background:none;border:none;font-size:18px;cursor:pointer;padding:4px;border-radius:4px;transition:background-color .2s;flex-shrink:0}.toast-close:hover{background:#0000001a}.toast-success{border-left:4px solid #28a745}.toast-success .toast-icon{color:#28a745}.toast-error{border-left:4px solid #dc3545}.toast-error .toast-icon{color:#dc3545}.toast-warning{border-left:4px solid #ffc107}.toast-warning .toast-icon{color:#ffc107}.toast-info{border-left:4px solid #17a2b8}.toast-info .toast-icon{color:#17a2b8}@keyframes slideUp{0%{opacity:0;transform:translate(-50%) translateY(100%)}to{opacity:1;transform:translate(-50%) translateY(0)}}@media (max-width: 480px){.toast{left:12px;right:12px;transform:none;min-width:auto;max-width:none}.toast-visible{transform:translateY(0)}.toast-hidden{transform:translateY(120px)}}.stats-loading{text-align:center;color:#666;padding:40px 20px;font-style:italic}.profile-info{background:#fff;padding:16px;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-bottom:12px;width:100%;box-sizing:border-box}.profile-field{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #eee}.profile-field:last-child{border-bottom:none}.profile-field label{font-weight:600;color:#333}.status-active{color:#28a745;font-weight:600}.profile-stats{background:#fff;padding:16px;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-bottom:12px;width:100%;box-sizing:border-box}.profile-stats h3{margin:0 0 20px;color:#333}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:15px;width:100%!important}.profile-stats .stats-grid{grid-template-columns:repeat(3,1fr);width:100%!important}@media (min-width: 768px){.profile-info,.profile-stats{padding:20px;margin-bottom:20px}.stats-grid{gap:20px}}.stat-item{text-align:center;padding:15px;background:#f8f9fa;border-radius:6px}.stat-number{font-size:24px;font-weight:700;color:#667eea}.stat-label{font-size:14px;color:#666;margin-top:5px}.balance-card{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:16px;border-radius:12px;margin-bottom:12px;text-align:center;width:100%;box-sizing:border-box}@media (min-width: 768px){.balance-card{padding:20px;margin-bottom:20px}}.balance-card h3{margin:0 0 10px;font-size:16px;opacity:.9}.balance-amount{font-size:32px;font-weight:700;margin-bottom:8px}.balance-updated{font-size:12px;opacity:.8}.balance-card.loading{background:#f8f9fa;color:#666}.transaction-history{background:#fff;padding:16px;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-top:12px;width:100%;box-sizing:border-box}@media (min-width: 768px){.transaction-history{padding:20px;margin-top:20px}}.transaction-history h3{margin:0 0 20px;color:#333}.no-transactions{text-align:center;color:#666;padding:40px 20px;font-style:italic}.transactions-list{display:flex;flex-direction:column;gap:12px}.transaction-item{border:1px solid #e9ecef;border-radius:8px;padding:16px;transition:all .2s ease}.transaction-item:hover{box-shadow:0 2px 8px #0000001a}.transaction-main{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.transaction-type{font-weight:600;font-size:16px}.transaction-amount{font-weight:700;font-size:18px}.transaction-credit{border-left:4px solid #28a745}.transaction-credit .transaction-type,.transaction-credit .transaction-amount{color:#28a745}.transaction-debit{border-left:4px solid #dc3545}.transaction-debit .transaction-type,.transaction-debit .transaction-amount{color:#dc3545}.transaction-refund{border-left:4px solid #ff8c00}.transaction-refund .transaction-type,.transaction-refund .transaction-amount{color:#ff8c00}.transaction-details{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.transaction-description{color:#666;font-size:14px}.transaction-date{color:#999;font-size:12px}.transaction-balance{color:#666;font-size:12px;text-align:right}.load-more-btn{width:100%;padding:12px;margin-top:16px;background:#667eea;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;transition:background-color .2s ease}.load-more-btn:hover:not(:disabled){background:#5a6fd8}.load-more-btn:disabled{background:#ccc;cursor:not-allowed}.transaction-history.loading{display:flex;justify-content:center;align-items:center;min-height:100px;color:#666}.balance-operations{background:#fff;padding:16px;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-bottom:12px;width:100%;box-sizing:border-box}@media (min-width: 768px){.balance-operations{padding:20px;margin-bottom:20px}}.balance-operations h3{margin:0 0 20px;color:#333}.operation-form{display:flex;flex-direction:column;gap:12px}.operation-form input{padding:12px;border:1px solid #ddd;border-radius:6px;font-size:14px}.operation-form input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 2px #667eea33}.operation-buttons{display:flex;flex-direction:column;gap:8px}@media (min-width: 480px){.operation-buttons{flex-direction:row;gap:12px}}.operation-buttons button{flex:1;padding:12px;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-credit{background:#28a745;color:#fff}.btn-credit:hover:not(:disabled){background:#218838}.btn-debit{background:#dc3545;color:#fff}.btn-debit:hover:not(:disabled){background:#c82333}.operation-buttons button:disabled{background:#ccc;cursor:not-allowed}.balance-section{background:#fff;padding:16px;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:12px;width:100%;box-sizing:border-box}@media (min-width: 768px){.balance-section{padding:20px;margin-bottom:20px}}.balance-section .balance-card{background:linear-gradient(135deg,#667eea,#764ba2);margin-bottom:20px;box-shadow:none}.balance-section .balance-operations{background:none;padding:0;box-shadow:none;margin-bottom:0}.balance-section .balance-operations h3{border-top:1px solid #eee;padding-top:20px}.payment-section h3{margin:0 0 15px;color:#333;font-size:1.1rem}.payment-form{display:flex;flex-direction:column;gap:12px}.payment-form input{padding:12px;border:1px solid #ddd;border-radius:6px;font-size:14px}.payment-form input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 2px #667eea33}.btn-payment{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:12px 20px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;border-radius:12px;margin-bottom:12px;text-align:center;width:100%;box-sizing:border-box}.btn-payment:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 8px #0003}.btn-payment:disabled{background:#ccc;cursor:not-allowed;transform:none;box-shadow:none}.email-warning{color:#dc3545;font-size:12px;margin:5px 0 0;font-style:italic}@media (min-width: 480px){.payment-form{flex-direction:row;align-items:flex-start}.payment-form input{flex:1}.btn-payment{white-space:nowrap}}.video-generation-page{min-height:100vh;background:#f5f5f5}.page-title{text-align:center;color:#333;font-size:2rem;font-weight:700;margin:2rem 0}.main-content{padding:12px;max-width:800px;margin:0 auto}.generation-form{display:flex;flex-direction:column;gap:.5rem}.form-section{background:#fff;padding:5px 12px;border-radius:16px;box-shadow:0 2px 8px #00000014}.form-section h3{margin:0 0 1rem;color:#333;font-size:1.1rem;font-weight:600}.form-group{margin-bottom:0}.form-group label{display:block;margin-bottom:.5rem;font-weight:700;color:#333}.form-group textarea{width:100%;padding:.75rem;border:2px solid #ddd;border-radius:8px;font-size:1rem;resize:vertical;box-sizing:border-box;min-height:120px}.form-row{display:flex;gap:1rem}.form-row .form-group{flex:1}.form-group select{width:100%;padding:.75rem;border:2px solid #ddd;border-radius:8px;font-size:1rem}.generate-btn{width:100%;padding:1rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:transform .2s}.generate-btn:hover:not(:disabled){transform:translateY(-2px)}.generate-btn:disabled{opacity:.6;cursor:not-allowed}.result-section{background:#fff;padding:2rem;border-radius:15px;box-shadow:0 2px 10px #0000001a}.error{color:#e74c3c;font-weight:700}.success{color:#27ae60}.success video{width:100%;max-width:600px;margin-top:1rem;border-radius:8px}.radio-group{display:flex;flex-direction:column;gap:.5rem}.model-option{display:grid!important;grid-template-columns:3fr 6fr 1fr;align-items:center;cursor:pointer;padding:.5rem;border:2px solid #ddd;border-radius:8px;transition:all .2s}.model-option:hover{border-color:#667eea;background:#667eea0d}.model-option input[type=radio]:checked{accent-color:#667eea}.model-name{font-weight:600;color:#333;font-size:.95rem}.model-description{font-size:.8rem;color:#666;text-align:left}.model-radio{display:flex;justify-content:center;align-items:center}.format-option{display:grid!important;grid-template-columns:2fr 7fr 1fr;align-items:center;cursor:pointer;padding-left:.25rem;padding-right:.25rem;border:2px solid #ddd;border-radius:4px;transition:all .2s}.format-option:hover{border-color:#667eea;background:#667eea0d}.format-option input[type=radio]:checked{accent-color:#667eea}.format-section{display:flex;align-items:center}.icon-section{flex:0 0 auto;display:flex;justify-content:center;padding:.1rem}.text-section{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:.5rem}.radio-section{flex:0 0 auto;display:flex;justify-content:center;padding:.5rem}.format-rectangle{border:2px solid #333;background:#667eea1a}.format-rectangle.horizontal{width:48px;height:28px}.format-rectangle.vertical{width:28px;height:48px}.format-orientation{font-weight:600;color:#333;font-size:.9rem;margin-bottom:.2rem}.format-ratio{font-weight:700;color:#667eea;font-size:1rem;margin-bottom:.2rem}.format-platforms{font-size:.8rem;color:#666;line-height:1.2}.image-upload{width:100%;height:150px;border:2px dashed #ddd;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;margin-top:.5rem}.image-upload:hover{border-color:#667eea;background:#667eea0d}.upload-placeholder{text-align:center;color:#666;font-size:.9rem}.upload-icon{width:48px;height:48px;margin-bottom:.5rem}.image-preview{max-width:100%;max-height:100%;object-fit:contain;border-radius:6px}.video-history-page{min-height:100vh;background:#f5f5f5}.loading,.empty-state{text-align:center;padding:2rem;color:#666}.history-list{display:flex;flex-direction:column;gap:1rem}.history-item{background:#fff;border-radius:12px;padding:1rem;box-shadow:0 2px 8px #0000001a;display:flex;justify-content:space-between;align-items:center;gap:1rem}.history-content{flex:1}.history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.neural-network{font-weight:700;color:#667eea;font-size:.9rem}.status{padding:.25rem .5rem;border-radius:12px;font-size:.8rem;font-weight:500}.status-completed{background:#d4edda;color:#155724}.status-pending{background:#fff3cd;color:#856404}.status-failed{background:#f8d7da;color:#721c24}.prompt-text{color:#333;margin-bottom:.5rem;line-height:1.4}.history-footer{display:flex;justify-content:space-between;align-items:center;font-size:.85rem;color:#666}.cost{font-weight:700;color:#667eea}.open-message-btn{padding:.5rem 1rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:.9rem;cursor:pointer;transition:transform .2s;white-space:nowrap}.open-message-btn:hover{transform:translateY(-1px)}.load-more-btn{width:100%;padding:1rem;background:#f8f9fa;border:2px solid #dee2e6;border-radius:8px;color:#6c757d;cursor:pointer;transition:all .2s}.load-more-btn:hover:not(:disabled){background:#e9ecef;border-color:#adb5bd}.load-more-btn:disabled{opacity:.6;cursor:not-allowed}.payment-success-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;background:linear-gradient(135deg,#667eea,#764ba2)}.success-container{background:#fffffff2;padding:40px;border-radius:20px;text-align:center;max-width:400px;width:100%;box-shadow:0 10px 30px #0003}.success-icon{font-size:4rem;margin-bottom:20px}.success-container h2{color:#333;margin-bottom:15px;font-size:1.5rem}.success-container p{color:#666;margin-bottom:10px;line-height:1.5}.btn-return{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;margin-top:20px;transition:all .3s ease}.btn-return:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}#root{margin:0;padding:0}html{margin:0;padding:0;touch-action:manipulation;-ms-touch-action:manipulation}body{margin:0;padding:0;zoom:1;transform:scale(1);transform-origin:0 0}.main-page,.container{background:#e9ecef;min-height:100vh}