.nano-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--color-bg-card);border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 8px 32px #0000004d;overflow:hidden;padding:2.5rem;position:relative;transition:all .3s ease}.nano-card:before{background:linear-gradient(90deg,var(--color-primary) 0,var(--color-primary-dark) 100%);content:"";height:3px;left:0;position:absolute;right:0;top:0}.nano-card:hover{border-color:#00e5b84d;box-shadow:0 16px 50px #00e5b833;transform:translateY(-8px)}.nano-card--blue:before{background:linear-gradient(90deg,#3b82f6,#2563eb)}.nano-card--orange:before{background:linear-gradient(90deg,#f59e0b,#d97706)}.nano-card--purple:before{background:linear-gradient(90deg,#8b5cf6,#7c3aed)}.nano-btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:1rem 1.5rem;text-decoration:none;transition:all .3s ease;white-space:nowrap}.nano-btn--primary{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-dark) 100%);box-shadow:0 4px 15px #00e5b84d;color:#fff}.nano-btn--primary:hover{box-shadow:0 8px 25px #00e5b880;color:#fff;text-decoration:none;transform:translateY(-2px)}.nano-btn--secondary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--color-bg-card);border:1px solid #ffffff1a;color:var(--color-text)}.nano-btn--secondary:hover{background:#ffffff0d;border-color:#00e5b84d;box-shadow:0 8px 25px #0003;color:var(--color-text);text-decoration:none;transform:translateY(-2px)}.nano-input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--color-bg);border:1px solid #ffffff1a;border-radius:12px;color:var(--color-text);font-size:.9rem;padding:1rem 1.25rem;transition:all .3s ease;width:100%}.nano-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #00e5b81a;outline:none}.nano-input::placeholder{color:var(--color-text-dim)}.nano-icon{align-items:center;border-radius:16px;display:flex;flex-shrink:0;justify-content:center;transition:all .3s ease}.nano-icon--sm{border-radius:10px;height:40px;width:40px}.nano-icon--md{border-radius:16px;height:60px;width:60px}.nano-icon--lg{border-radius:20px;height:80px;width:80px}.nano-icon--primary{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-dark) 100%);box-shadow:0 4px 15px #00e5b866;color:#fff}.nano-icon--secondary{background:var(--color-bg-card);border:1px solid #ffffff1a;color:var(--color-text)}.nano-badge{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;display:inline-flex;font-size:.8rem;font-weight:600;gap:.25rem;padding:.5rem 1rem}.nano-badge--success{background:#22c55e33;border:1px solid #22c55e4d;color:#22c55e}.nano-badge--warning{background:#f59e0b33;border:1px solid #f59e0b4d;color:#f59e0b}.nano-badge--error{background:#ef444433;border:1px solid #ef44444d;color:#ef4444}.nano-badge--info{background:#3b82f633;border:1px solid #3b82f64d;color:#3b82f6}.nano-list-item{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--color-bg);border:1px solid #ffffff1a;border-radius:12px;display:flex;margin-bottom:1rem;padding:1.5rem;transition:all .3s ease}.nano-list-item:hover{background:#ffffff0d;border-color:#fff3;box-shadow:0 8px 25px #0003;transform:translateY(-2px)}.nano-list-item:last-child{margin-bottom:0}.nano-divider{background:#ffffff1a;border:none;height:1px;margin:2rem 0}.nano-loading{animation:nano-spin 1s ease-in-out infinite;border:2px solid #00e5b84d;border-radius:50%;border-top:2px solid var(--color-primary);display:inline-block;height:20px;width:20px}@keyframes nano-spin{to{transform:rotate(1turn)}}.nano-float{animation:nano-float 6s ease-in-out infinite}@keyframes nano-float{0%,to{transform:translateY(0) rotate(0deg)}33%{transform:translateY(-20px) rotate(5deg)}66%{transform:translateY(-10px) rotate(-3deg)}}.nano-grid{grid-gap:1.5rem;display:grid;gap:1.5rem}.nano-grid--2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.nano-grid--3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.nano-grid--4{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.nano-text--primary{color:var(--color-text)}.nano-text--secondary{color:var(--color-text-secondary)}.nano-text--dim{color:var(--color-text-dim)}.nano-text--accent{color:var(--color-primary)}.nano-title{font-weight:700;line-height:1.2;margin-bottom:1rem}.nano-title--xl{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--color-primary) 0,#fff 100%);-webkit-background-clip:text;background-clip:text;font-size:3rem}.nano-title--lg{color:var(--color-text);font-size:2rem}.nano-title--md{color:var(--color-text);font-size:1.5rem}.nano-title--sm{color:var(--color-text);font-size:1.25rem}.refund-btn{align-items:center;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:8px;box-shadow:0 2px 8px #ef44444d;color:#fff;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:.5rem;overflow:hidden;padding:.5rem 1rem;position:relative;transition:all .3s ease}.refund-btn:hover:not(:disabled){background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 4px 12px #ef444466;transform:translateY(-1px)}.refund-btn:active:not(:disabled){box-shadow:0 2px 6px #ef44444d;transform:translateY(0)}.refund-btn:disabled{box-shadow:0 2px 8px #ef444433;cursor:not-allowed;opacity:.7;transform:none}.refund-btn.loading{background:linear-gradient(135deg,#6b7280,#4b5563);box-shadow:0 2px 8px #6b72804d}.refund-btn .spin-icon{animation:nano-spin 1s linear infinite}.refund-unavailable{color:#9ca3af;color:var(--color-text-dim,#9ca3af);font-size:.875rem;font-style:italic;padding:.5rem 0}@media (max-width:768px){.nano-card{padding:1.5rem}.nano-btn{font-size:.85rem;padding:.75rem 1.25rem}.nano-title--xl{font-size:2.5rem}.nano-title--lg{font-size:1.75rem}.nano-grid{gap:1rem}}@media (max-width:480px){.nano-card{padding:1rem}.nano-title--xl{font-size:2rem}.nano-grid--2,.nano-grid--3,.nano-grid--4{grid-template-columns:1fr}}:root{--color-primary:#4caf50;--color-primary-dark:#45a049;--color-secondary:#00e5b8;--color-secondary-dark:#00b394;--color-accent:#43e7ad;--color-bg-primary:#121212;--color-bg-secondary:#1a1a1a;--color-bg-card:#1e1e1e;--color-bg-modal:#2d2d2d;--color-text-primary:#fff;--color-text-secondary:#aaa;--color-border-light:#555;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-xxl:3rem;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:50%;--font-family-primary:"Inter",-apple-system,BlinkMacSystemFont,sans-serif;--font-family-secondary:Arial,sans-serif;--shadow-sm:0 1px 3px #0000001a;--shadow-md:0 4px 6px #0000001a;--shadow-lg:0 10px 15px #0000001a;--shadow-xl:0 20px 25px #00000026;--transition-fast:0.15s ease;--transition-normal:0.3s ease;--transition-slow:0.5s ease}*,:after,:before{box-sizing:border-box}body{line-height:1.6}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.flex{display:flex}.flex-center{justify-content:center}.flex-between,.flex-center{align-items:center;display:flex}.flex-between{justify-content:space-between}.w-full{width:100%}.h-full{height:100%}.min-h-screen{min-height:100vh}@media (max-width:768px){.mobile-hidden{display:none}}@media (min-width:769px){.desktop-hidden{display:none}}*{margin:0;padding:0}:root{--color-primary:#00e5b8;--color-primary-dark:#00b394;--color-bg:#0a0a0a;--color-bg-card:#1a1a1a;--color-border:#333;--color-text:#fff;--color-text-dim:#999;--color-text-muted:#666;--spacing:1rem;--radius:8px;--font-body:"Inter",-apple-system,sans-serif}body{background:linear-gradient(135deg,#0a0a0a,#1a1a1a);background:linear-gradient(135deg,var(--color-bg) 0,var(--color-bg-card) 100%);font-family:Inter,Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;min-height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#1a1a1a;background:var(--color-bg-card)}::-webkit-scrollbar-thumb{background:#333;background:var(--color-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#666;background:var(--color-text-muted)}.fade-in{animation:fadeIn .6s ease-out}.slide-in{animation:slideIn .6s ease-out}.pulse{animation:pulse 2s infinite}.gradient-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#00d4ff,#ff6b35);-webkit-background-clip:text;background-clip:text}.glass{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a}.hover-lift{transition:transform .3s ease,box-shadow .3s ease}.hover-lift:hover{box-shadow:0 10px 30px #00d4ff4d;transform:translateY(-5px)}.btn-primary{background:linear-gradient(135deg,#00d4ff,#09c);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;padding:12px 24px;transition:all .3s ease}.btn-primary:hover{background:linear-gradient(135deg,#4de6ff,#00d4ff);box-shadow:0 8px 25px #00d4ff66;transform:translateY(-2px)}.btn-secondary{background:linear-gradient(135deg,#ff6b35,#cc4a1a);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;padding:12px 24px;transition:all .3s ease}.btn-secondary:hover{background:linear-gradient(135deg,#ff9566,#ff6b35);box-shadow:0 8px 25px #ff6b3566;transform:translateY(-2px)}.language-selector{display:inline-block;margin-right:1rem;position:relative}.language-selector .selector-toggle{align-items:center;background:#0000;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;gap:.5rem;padding:.5rem .75rem;transition:background .3s ease}.language-selector .selector-toggle:hover{background:#ffffff1a}.language-selector .selector-toggle span{font-weight:500}.language-selector .selector-menu{background:#2a2a2a;border:1px solid #444;border-radius:8px;box-shadow:0 4px 12px #0000004d;list-style:none;margin-top:.5rem;min-width:120px;padding:.5rem 0;position:absolute;right:0;top:100%;z-index:1000}.language-selector .selector-menu li{color:#fff;cursor:pointer;padding:.75rem 1rem;transition:background .2s ease}.language-selector .selector-menu li:hover{background:#00e5b8;color:#000}.language-selector .selector-menu li.active{background:#00e5b8;color:#000;font-weight:600}.google-login-button{align-items:center;background-color:#fff;border:1px solid #dadce0;border-radius:8px;box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d;color:#3c4043;cursor:pointer;display:flex;font-family:Google Sans,Roboto,Arial,sans-serif;font-size:14px;font-weight:500;gap:12px;justify-content:center;line-height:20px;min-height:48px;min-width:200px;padding:12px 24px;transition:all .2s ease-in-out}.google-login-button:hover{background-color:#f8f9fa;border-color:#c1c7cd;box-shadow:0 2px 8px #00000026,0 1px 4px #0000001a;transform:translateY(-1px)}.google-login-button:active{background-color:#f1f3f4;border-color:#9aa0a6;box-shadow:0 1px 2px #0000001a;transform:translateY(0)}.google-login-button:focus{border-color:#4285f4;box-shadow:0 0 0 2px #4285f433;outline:none}.google-login-button.loading{cursor:not-allowed;opacity:.8;pointer-events:none}.google-login-button.disabled{background-color:#f8f9fa;color:#9aa0a6;cursor:not-allowed;opacity:.5;pointer-events:none}.google-login-button.disabled .google-icon{opacity:.5}.google-login-button.small{font-size:12px;min-height:36px;min-width:120px;padding:8px 16px}.google-login-button.small .google-icon{height:16px;width:16px}.google-login-button.large{font-size:16px;min-height:56px;min-width:240px;padding:16px 32px}.google-login-button.large .google-icon{height:24px;width:24px}.google-login-button.full-width{min-width:auto;width:100%}.google-login-button.rounded{border-radius:24px}.google-login-button.borderless{border:none;box-shadow:0 2px 4px #0000001a}.google-login-button.borderless:hover{box-shadow:0 4px 8px #00000026}.google-login-button .google-icon{flex-shrink:0;height:20px;width:20px}@media(max-width:768px){.google-login-button{font-size:13px;min-width:160px;padding:10px 20px}.google-login-button .google-icon{height:18px;width:18px}}@media(max-width:480px){.google-login-button{font-size:12px;gap:8px;min-width:140px;padding:8px 16px}.google-login-button .google-icon{height:16px;width:16px}}@media(prefers-color-scheme:dark){.google-login-button{background-color:#2d2d2d;border-color:#5f6368;color:#e8eaed}.google-login-button:hover{background-color:#3c4043;border-color:#9aa0a6}.google-login-button:active{background-color:#5f6368}.google-login-button.disabled{background-color:#1f1f1f;color:#5f6368}}.modal-overlay{align-items:center;background-color:#000c;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal-content{background:linear-gradient(135deg,#1a1a1a,#2d2d2d);border-radius:12px;box-shadow:0 20px 25px #0000001a;max-height:90vh;max-width:90vw;overflow-y:auto;position:relative;width:350px}.modal-header{border-bottom:1px solid #333;padding:2rem 2rem 1.5rem;text-align:center}.modal-header .logo{align-items:center;background:linear-gradient(135deg,#43e7ad,#00e5b8);border-radius:50%;display:flex;height:60px;justify-content:center;margin:0 auto 1.5rem;width:60px}.modal-header .logo svg{height:32px;width:32px}.modal-header h2{color:#fff;font-size:1.5rem;font-weight:600;margin:0 0 .5rem}.modal-header p{color:#aaa;font-size:.875rem;margin:0 0 1rem}.link-button{background:none;border:none;color:#4caf50;cursor:pointer;font-family:inherit;font-size:inherit;margin:0;padding:0;text-decoration:underline}.link-button:hover{color:#3d8c40}.link-button:focus{outline:2px solid #4caf50;outline-offset:2px}.trial-info{background:#43e7ad1a;border:1px solid #43e7ad4d;border-radius:4px;display:inline-block;padding:.5rem 1rem}.trial-info span{color:#43e7ad;font-size:.75rem;font-weight:500}.referral-info{background:linear-gradient(135deg,#ffd7001a,#ffa5001a);border:1px solid #ffd70066;border-radius:4px;padding:1rem 1.5rem}.referral-info .referral-message{align-items:center;display:flex;justify-content:center}.referral-info .referral-message .referral-text{color:orange;font-size:.875rem;font-weight:600;line-height:1.4;text-align:center}.modal-body{padding:1.5rem 2rem}.email-btn,.google-btn{align-items:center;background:#2a2a2a;border:1px solid #444;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;justify-content:center;margin-bottom:1rem;padding:1rem 1.5rem;transition:.15s ease;width:100%}.email-btn:hover,.google-btn:hover{background:#333;border-color:#555}.email-btn img,.google-btn img{height:16px;width:16px}.enter-email-text{color:#fff;font-size:1.125rem;font-weight:500;margin:0 0 1.5rem;text-align:center}.email-form{margin-bottom:1.5rem}.email-form label{color:#fff;display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.email-form input{background:#1a1a1a;border:1px solid #444;border-radius:8px;box-sizing:border-box;color:#fff;font-size:.875rem;margin-bottom:1.5rem;padding:1rem 1.5rem;width:100%}.email-form input:focus{border-color:#43e7ad;box-shadow:0 0 0 2px #43e7ad33;outline:none}.email-form input:disabled{background:#2a2a2a;color:#aaa;cursor:not-allowed}.email-form input::placeholder{color:#666}.verification-code-container{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.verification-code-container label{margin:0}.resend-link{background:none;border:none;color:#43e7ad;cursor:pointer;font-size:.75rem;font-weight:500;padding:0;text-decoration:none}.resend-link:hover:not(:disabled){text-decoration:underline}.resend-link:disabled{color:#666;cursor:not-allowed}.send-code-btn,.signin-btn{align-items:center;background:#43e7ad;border:none;border-radius:8px;color:#000;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;justify-content:center;margin-bottom:1.5rem;padding:1rem 1.5rem;transition:.15s ease;width:100%}.send-code-btn:hover,.signin-btn:hover{background:#00e5b8}.send-code-btn:disabled,.signin-btn:disabled{background:#666;cursor:not-allowed}.back-btn,.back-btn-code{background:none;border:none;color:#aaa;cursor:pointer;font-size:.875rem;padding:.5rem 0;text-decoration:underline}.back-btn-code:hover,.back-btn:hover{color:#fff}.modal-footer{border-top:1px solid #333;padding:1.5rem 2rem 2rem;text-align:center}.modal-footer p{color:#666;font-size:.75rem;line-height:1.4;margin:0}.modal-footer a{color:#43e7ad;text-decoration:none}.modal-footer a:hover{text-decoration:underline}.error-message{background:#ef44441a;border:1px solid #ef44444d;border-radius:4px;color:#f44336;font-size:.875rem;margin:10px 2rem 0;padding:1rem 1.5rem;text-align:center}@media(max-width:480px){.modal-content{margin:1.5rem;width:95vw}.modal-body,.modal-footer,.modal-header{padding-left:1.5rem;padding-right:1.5rem}}.site-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0a0af2;border-bottom:1px solid #333;left:0;position:fixed;right:0;top:0;z-index:100}.nav{align-items:center;display:flex;padding:1rem 2rem}.brand{font-size:1.5rem;font-weight:800;margin-right:auto}.brand a{color:#00e5b8;text-decoration:none}.main-nav{align-items:center;display:flex;gap:2rem}.main-nav a{border-radius:8px;color:#fff;font-weight:500;padding:.5rem 1rem;text-decoration:none;transition:color .3s ease}.main-nav a.active,.main-nav a:hover{background:#00e5b81a;color:#00e5b8}.actions-group{align-items:center;display:flex;margin-left:2rem}.user-info,.user-profile-link{align-items:center;display:flex;gap:.75rem}.user-profile-link{border-radius:8px;color:inherit;padding:.5rem;text-decoration:none;transition:all .3s ease}.user-profile-link:hover{background:#00e5b81a;color:#00e5b8}.user-avatar{border:2px solid #00e5b8;border-radius:50%;cursor:pointer;height:32px;object-fit:cover;transition:all .3s ease;width:32px}.user-avatar:hover{border-color:#00b894;transform:scale(1.05)}.user-avatar-char{align-items:center;background:#00e5b8;border:2px solid #00e5b8;border-radius:50%;color:#000;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;height:32px;justify-content:center;transition:all .3s ease;width:32px}.user-avatar-char:hover{background:#00b894;border-color:#00b894;transform:scale(1.05)}.user-name{color:#fff;font-size:.9rem;font-weight:500}.btn{background:none;border:1px solid #0000;border-radius:8px;font-weight:600;justify-content:center;padding:.75rem 1.5rem;transition:all .3s ease}.btn.btn-primary{background:#00e5b8;border-color:#00e5b8;color:#000}.btn.btn-primary:hover{background:#00d4aa;box-shadow:0 4px 12px #00e5b84d;transform:translateY(-2px)}.btn.btn-ghost{background:#0000;border-color:#00e5b8;color:#00e5b8}.btn.btn-ghost:hover{background:#00e5b8;color:#000}@media(max-width:768px){.nav{flex-direction:column;padding:1rem}.main-nav,.nav{gap:1rem}.actions-group{margin-left:0}.user-info{gap:.5rem}.user-name{display:none}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}.layout{background:#000;color:#fff;min-height:100vh}.main-content{min-height:calc(100vh - 70px);padding-top:70px}@media(max-width:768px){.main-content{padding-top:120px}}.catoo{--color-primary:#00e5b8;--color-primary-dark:#00b394;--color-bg:#0a0a0a;--color-bg-card:#1a1a1a;--color-border:#333;--color-text:#fff;--color-text-dim:#999;--color-text-muted:#666;--spacing:1rem;--radius:8px;--font-body:"Inter",-apple-system,sans-serif;-webkit-font-smoothing:antialiased;background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);line-height:1.6;min-height:100vh}.catoo,.catoo *{box-sizing:border-box}.catoo *{margin:0;padding:0}.catoo .container{margin:0 auto;max-width:1200px;padding:0 2rem}.catoo .grid{grid-gap:2rem;display:grid;gap:2rem}.catoo .grid.g-2{grid-template-columns:1fr 1fr}.catoo .grid.g-3{grid-template-columns:repeat(3,1fr)}.catoo .grid.g-4{grid-template-columns:repeat(4,1fr)}.catoo .grid.vcenter{align-items:center}.catoo .grid.vstart{align-items:start}.catoo .home-pricing{padding:0}.catoo .home-pricing .pricing-header{display:none}.catoo .home-pricing .pricing-plans{margin-bottom:0;margin-top:20px}.catoo .home-pricing .plan{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a}.catoo .home-pricing .plan:hover{background:#ffffff14;border-color:var(--color-primary)}.catoo .home-pricing .plan.popular{border-color:var(--color-primary);box-shadow:0 0 30px #00e5b833}.catoo .home-pricing .plan-button{background:#0000;border:2px solid var(--color-primary);color:var(--color-primary)}.catoo .home-pricing .plan-button.popular,.catoo .home-pricing .plan-button:hover{background:var(--color-primary);color:var(--color-bg)}.catoo .home-pricing .plan-button.popular:hover{background:var(--color-primary-dark)}.catoo .btn{border:2px solid #0000;border-radius:var(--radius);cursor:pointer;display:inline-block;font-weight:600;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s ease}.catoo .btn.btn-primary{background:var(--color-primary);color:var(--color-bg)}.catoo .btn.btn-primary:hover{background:var(--color-primary-dark);transform:translateY(-2px)}.catoo .btn.btn-ghost{background:#0000;border-color:var(--color-primary);color:var(--color-primary)}.catoo .btn.btn-ghost:hover{background:var(--color-primary);color:var(--color-bg)}.catoo .card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius);padding:2rem;transition:border-color .3s ease}.catoo .card:hover{border-color:var(--color-primary)}.catoo .card.mini{padding:1.5rem}.catoo .card.highlight{border-color:var(--color-primary);box-shadow:0 0 20px #00e5b833}.catoo .section{padding:4rem 0}.catoo .nano-section-title{border:none;color:var(--color-text);font-size:2.5rem;font-weight:700;margin-bottom:1rem;text-align:center}.catoo .section-sub{color:var(--color-text-dim);font-size:1.1rem;margin-bottom:3rem;text-align:center}.catoo img{display:block;height:auto;max-width:100%}.catoo .how-to .media img,.catoo .shot img,.catoo .what-is .media img{background:#222;height:100%;object-fit:cover}.catoo .hero{padding-top:3.5rem;text-align:center}.catoo .hero .eyebrow{color:var(--color-primary);font-size:.9rem;font-weight:600;letter-spacing:.1em;margin-bottom:1rem;text-transform:uppercase}.catoo .hero h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--color-text) 0,var(--color-primary) 100%);-webkit-background-clip:text;font-size:3.5rem;font-weight:800;line-height:1.2;margin-bottom:1.5rem}.catoo .hero .sub{color:var(--color-text-dim);font-size:1.2rem;margin-bottom:3rem;margin-left:auto;margin-right:auto;max-width:600px}.catoo .actions{display:flex;gap:1rem;justify-content:center;margin-bottom:4rem}.catoo .hero-cards{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr;margin:0 auto;max-width:800px}.catoo .hero-cards .card{color:inherit;display:block;text-align:left;text-decoration:none}.catoo .hero-cards .card h3{color:var(--color-primary);margin-bottom:.5rem}.catoo .hero-cards .card:hover{color:inherit;text-decoration:none}.catoo .showcase .images{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr;margin:0 auto;max-width:800px}.catoo .shot{text-align:center}.catoo .shot img{border:1px solid var(--color-border);border-radius:var(--radius);margin-bottom:1rem;min-height:240px;width:100%}.catoo .shot figcaption{color:var(--color-text-dim);font-size:.9rem;margin-top:1rem}.catoo .what-is .media{height:100%}.catoo .what-is .media img{border:1px solid var(--color-border);border-radius:var(--radius);width:100%}.catoo .what-is .text{padding-left:2rem}.catoo .what-is .text .nano-section-title{margin-bottom:1.5rem;text-align:left}.catoo .checklist{list-style:none;margin-top:2rem}.catoo .checklist li{color:var(--color-text-dim);margin-bottom:1rem;padding-left:2rem;position:relative}.catoo .checklist li:before{color:var(--color-primary);content:"✓";font-weight:700;left:0;position:absolute}.catoo .how-to .text{padding-right:2rem}.catoo .how-to .text .nano-section-title{margin-bottom:2rem;text-align:left}.catoo .how-to .media{height:100%}.catoo .how-to .media.right{text-align:right}.catoo .how-to .media img{border:1px solid var(--color-border);border-radius:var(--radius);max-width:400px;width:100%}.catoo .steps{counter-reset:step-counter;list-style:none}.catoo .steps li{color:var(--color-text-dim);counter-increment:step-counter;margin-bottom:2rem;padding-left:3rem;position:relative}.catoo .steps li:before{align-items:center;background:var(--color-primary);border-radius:50%;color:var(--color-bg);content:counter(step-counter);display:flex;font-size:.9rem;font-weight:700;height:2rem;justify-content:center;left:0;position:absolute;top:0;width:2rem}.catoo .steps li strong{color:var(--color-text)}.catoo .stats-row{display:flex;gap:4rem;justify-content:center}.catoo .stat{text-align:center}.catoo .stat h3{color:var(--color-primary);font-size:3rem;font-weight:800;margin-bottom:.5rem}.catoo .stat p{color:var(--color-text-dim);font-size:1.1rem}.catoo .pricing-plans{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr)}.catoo .plan{position:relative;text-align:center}.catoo .plan h3{color:var(--color-primary);font-size:1.5rem;margin-bottom:1rem}.catoo .plan .price{font-size:3rem;font-weight:800;margin-bottom:2rem}.catoo .plan .features{list-style:none;margin-bottom:2rem}.catoo .plan .features li{border-bottom:1px solid var(--color-border);color:var(--color-text-dim);padding:.5rem 0}.catoo .plan .features li:last-child{border-bottom:none}.catoo .testimonial-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr}.catoo .testimonial{padding:2rem}.catoo .testimonial .author{align-items:center;display:flex;gap:1rem;margin-bottom:1rem}.catoo .testimonial .author img{border-radius:50%;height:50px;object-fit:cover;width:50px}.catoo .testimonial .author strong{color:var(--color-text);display:block}.catoo .testimonial .author p{color:var(--color-text-dim);font-size:.9rem;margin:0}.catoo .testimonial>p{color:var(--color-text-dim);font-size:1.1rem;font-style:italic}.catoo .faq-list{margin:0 auto;max-width:800px}.catoo .faq-list details{border:1px solid var(--color-border);border-radius:var(--radius);margin-bottom:1rem;overflow:hidden}.catoo .faq-list details summary{background:var(--color-bg-card);cursor:pointer;font-weight:600;padding:1.5rem;transition:background-color .3s ease}.catoo .faq-list details summary:hover{background:#00e5b81a}.catoo .faq-list details[open] summary{border-bottom:1px solid var(--color-border)}.catoo .faq-list details p{color:var(--color-text-dim);margin:0;padding:1.5rem}.catoo .site-footer{background:var(--color-bg-card);border-top:1px solid var(--color-border);padding:4rem 0 2rem}.catoo .foot-grid{grid-gap:4rem;display:grid;gap:4rem;grid-template-columns:1fr 2fr;margin-bottom:2rem}.catoo .brand-col .brand{color:var(--color-primary);font-size:1.5rem;font-weight:800;margin-bottom:1rem}.catoo .brand-col .muted{color:var(--color-text-muted);margin-bottom:2rem}.catoo .socials{display:flex;gap:1rem}.catoo .socials img{height:24px;opacity:.7;transition:opacity .3s ease;width:24px}.catoo .socials img:hover{opacity:1}.catoo .links{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr)}.catoo .links h4{color:var(--color-text);font-weight:600;margin-bottom:1rem}.catoo .links a{color:var(--color-text-dim);display:block;margin-bottom:.5rem;text-decoration:none;transition:color .3s ease}.catoo .links a:hover{color:var(--color-primary)}.catoo .copyright{border-top:1px solid var(--color-border);padding-top:2rem;text-align:center}.catoo .copyright p{color:var(--color-text-muted);margin:0}@media(max-width:768px){.catoo .container{padding:0 1rem}.catoo .hero h1{font-size:2.5rem}.catoo .grid.g-2,.catoo .grid.g-3,.catoo .grid.g-4,.catoo .hero-cards{grid-template-columns:1fr}.catoo .stats-row{flex-direction:column;gap:2rem}.catoo .foot-grid{gap:2rem}.catoo .foot-grid,.catoo .links{grid-template-columns:1fr}.catoo .how-to .text,.catoo .what-is .text{padding:0}}.payment-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.payment-modal-content{animation:modalSlideIn .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-height:90vh;max-width:500px;overflow-y:auto;position:relative;width:100%}.payment-loading-overlay{background-color:#ffffffe6;border-radius:16px;bottom:0;left:0;position:absolute;right:0;top:0;z-index:1001}.payment-loading-content,.payment-loading-overlay{align-items:center;display:flex;justify-content:center}.payment-loading-content{flex-direction:column;text-align:center}.loading-spinner{animation:spin 1s linear infinite;color:#4caf50;margin-bottom:1rem}.loading-text{color:#374151;font-size:1rem;font-weight:500;margin:0}.payment-modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding:1.5rem 1.5rem 1rem}.payment-modal-title{color:#111827;font-size:1.5rem;font-weight:700;margin:0}.payment-modal-close{background:none;border:none;border-radius:8px;color:#6b7280;cursor:pointer;padding:.5rem;transition:all .2s ease}.payment-modal-close:disabled{cursor:not-allowed;opacity:.5}.payment-modal-close:hover:not(:disabled){background-color:#f3f4f6;color:#374151}.payment-modal-body{padding:0 1.5rem}.payment-summary{background-color:#f9fafb;border-radius:12px;margin-bottom:1.5rem;padding:1.25rem}.payment-summary-title{color:#374151;font-size:1.125rem;font-weight:600;margin:0 0 1rem}.payment-summary-item{align-items:center;display:flex;justify-content:space-between}.payment-summary-label{color:#6b7280;font-size:.95rem}.payment-summary-amount{color:#4caf50;font-size:1.25rem;font-weight:700}.payment-methods-title{color:#374151;font-size:1.125rem;font-weight:600;margin:0 0 1rem}.payment-method-options{display:flex;flex-direction:column;gap:.75rem}.payment-method-option{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;display:flex;padding:1.25rem;text-align:left;transition:all .2s ease;width:100%}.payment-method-option:disabled{cursor:not-allowed;opacity:.6}.payment-method-option:hover:not(:disabled){border-color:#4caf50;box-shadow:0 4px 12px #4caf5026;transform:translateY(-1px)}.payment-method-option:active:not(:disabled){transform:translateY(0)}.payment-method-icon{background-color:#e8f5e8;border-radius:12px;color:#4caf50;flex-shrink:0;height:48px;margin-right:1rem;width:48px}.payment-method-icon,.paypal-logo{align-items:center;display:flex;justify-content:center}.paypal-logo{color:#0070ba}.payment-method-info{flex:1 1;margin-right:1rem}.payment-method-name{color:#111827;font-size:1.125rem;font-weight:600}.payment-method-description{color:#6b7280;font-size:.875rem;line-height:1.4;margin:0}.payment-method-logos{align-items:flex-end;display:flex;flex-direction:column;gap:.25rem}.payment-logo{background-color:#f3f4f6;border-radius:4px;color:#374151;font-size:.75rem;font-weight:600;padding:.25rem .5rem}.payment-logo.paypal{background-color:#0070ba;color:#fff}.payment-modal-footer{border-top:1px solid #e5e7eb;margin-top:1.5rem;padding:1.5rem}.payment-security-note{align-items:center;color:#6b7280;display:flex;font-size:.875rem;justify-content:center;margin:0;text-align:center}.payment-security-note .security-icon{font-size:1rem;margin-right:.5rem}@media(prefers-color-scheme:dark){.payment-modal-content{background:#1f2937;color:#f9fafb}.payment-loading-overlay{background-color:#1f2937e6}.loading-text,.payment-modal-title{color:#f9fafb}.payment-modal-header{border-bottom-color:#374151}.payment-modal-close{color:#9ca3af}.payment-modal-close:hover:not(:disabled){background-color:#374151;color:#d1d5db}.payment-summary{background-color:#374151}.payment-summary-title{color:#f9fafb}.payment-summary-label{color:#9ca3af}.payment-methods-title{color:#f9fafb}.payment-method-option{background:#374151;border-color:#4b5563}.payment-method-option:hover:not(:disabled){background:#1f2937;border-color:#10b981}.payment-method-name{color:#f9fafb}.payment-method-description{color:#9ca3af}.payment-modal-footer{border-top-color:#374151}.payment-security-note{color:#9ca3af}}@media(max-width:640px){.payment-modal-overlay{padding:.5rem}.payment-modal-content{border-radius:12px}.payment-modal-header{padding:1rem 1rem 0}.payment-modal-title{font-size:1.25rem}.payment-modal-body{padding:0 1rem}.payment-method-option,.payment-summary{padding:1rem}.payment-method-icon{height:40px;width:40px}.payment-method-name{font-size:1rem}.payment-method-description{font-size:.8rem}.payment-modal-footer{padding:1rem}}.pricing-plans-component{--color-bg:#0a0a0a;--color-bg-card:#1a1a1a}.pricing-plans-component .pricing-plans-container{margin:0 auto;max-width:1200px;padding:0 20px 60px}.pricing-plans-component .pricing-header{padding:50px 20px 10px;text-align:center}.pricing-plans-component .pricing-header h1{color:var(--color-primary);font-size:48px;font-weight:700;margin:0 0 10px}.pricing-plans-component .pricing-header p{color:#aaa;font-size:18px;margin:0 0 30px}.pricing-plans-component .billing-toggle{align-items:center;background:#0000;display:flex;gap:12px;justify-content:center;margin-bottom:80px}.pricing-plans-component .billing-toggle button{background:#222;border:2px solid #444;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 20px;transition:all .2s ease}.pricing-plans-component .billing-toggle button.active{background:#28a745;border-color:#28a745;color:#fff}.pricing-plans-component .billing-toggle button:hover:not(.active){border-color:#28a745;color:#28a745}.pricing-plans-component .pricing-plans{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-bottom:80px}.pricing-plans-component .plan{background:var(--color-bg-card);border:2px solid #0000;border-radius:24px;box-shadow:0 8px 30px #0000004d;padding:40px 32px;position:relative;transition:all .3s ease}.pricing-plans-component .plan:hover{box-shadow:0 20px 40px #00000026;transform:translateY(-8px)}.pricing-plans-component .plan.popular{border-color:#667eea;transform:scale(1.05)}.pricing-plans-component .plan.popular:hover{transform:scale(1.05) translateY(-8px)}.pricing-plans-component .no-plans-message{color:#aaa;font-size:18px;margin-top:40px;text-align:center}.pricing-plans-component .popular-badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;box-shadow:0 4px 15px #667eea4d;color:#fff;font-size:14px;font-weight:600;left:50%;padding:8px 24px;position:absolute;top:-12px;transform:translateX(-50%)}.pricing-plans-component .plan-header{margin-bottom:32px;text-align:center}.pricing-plans-component .plan-header h3{color:#fff;font-size:24px;font-weight:700;margin:0 0 8px}.pricing-plans-component .plan-description{color:#aaa;font-size:16px;line-height:1.5;margin:0 0 24px}.pricing-plans-component .plan-price{margin-bottom:8px}.pricing-plans-component .price{color:#fff;font-size:48px;font-weight:700}.pricing-plans-component .period{color:#aaa;font-size:18px;font-weight:500}.pricing-plans-component .original-price{color:#666;font-size:16px;margin-left:8px;text-decoration:line-through}.pricing-plans-component .plan-features{margin-bottom:32px}.pricing-plans-component .plan-features ul{list-style:none;margin:0;padding:0}.pricing-plans-component .plan-features li{align-items:center;color:#ccc;display:flex;font-size:16px;line-height:1.5;padding:12px 0}.pricing-plans-component .checkmark{color:#48bb78;font-size:18px;font-weight:700;margin-right:12px}.pricing-plans-component .plan-button{background:#222;border:2px solid #444;border-radius:12px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:16px 24px;transition:all .3s ease;width:100%}.pricing-plans-component .plan-button:hover{background:#333;border-color:#667eea;color:#667eea}.pricing-plans-component .plan-button.popular{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#0000;box-shadow:0 4px 15px #667eea4d;color:#fff}.pricing-plans-component .plan-button.popular:hover{background:linear-gradient(135deg,#5a67d8,#6b46c1);box-shadow:0 8px 25px #667eea66;transform:translateY(-2px)}.pricing-plans-component .loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:80px 20px;text-align:center}.pricing-plans-component .loading-container .loading-spinner{animation:spin 1s linear infinite;border:4px solid #333;border-radius:50%;border-top:4px solid var(--color-primary);height:40px;margin-bottom:16px;width:40px}.pricing-plans-component .loading-container p{color:#aaa;font-size:16px;margin:0}@media(max-width:768px){.pricing-plans-component .pricing-plans-container{padding:40px 16px}.pricing-plans-component .pricing-header h1{font-size:36px}.pricing-plans-component .pricing-header p{font-size:18px}.pricing-plans-component .pricing-plans{gap:24px;grid-template-columns:1fr}.pricing-plans-component .plan.popular{transform:none}.pricing-plans-component .plan.popular:hover{transform:translateY(-8px)}.pricing-plans-component .billing-toggle{flex-direction:column;max-width:300px;width:100%}.pricing-plans-component .billing-toggle button{justify-content:center}}@media(max-width:480px){.pricing-plans-component .pricing-header h1{font-size:28px}.pricing-plans-component .plan{padding:24px 20px}.pricing-plans-component .price{font-size:36px}}.loading-spinner-overlay{background:#000c;bottom:0;left:0;position:fixed;right:0;top:0;z-index:1000}.loading-spinner-container,.loading-spinner-overlay{align-items:center;display:flex;flex-direction:column;justify-content:center}.spinner{animation:spin 1s linear infinite;border:3px solid #ffffff1a;border-radius:50%;border-top-color:#00a86b;height:50px;margin-bottom:20px;width:50px}.loading-spinner-container p{color:#fff;font-size:18px;font-weight:500;margin:0;text-align:center}.oauth2-redirect-handler{align-items:center;background:linear-gradient(135deg,var(--color-bg) 0,var(--color-bg-card) 100%);display:flex;justify-content:center;min-height:100vh}.oauth2-redirect-handler .loading-spinner{color:#fff;text-align:center}.oauth2-redirect-handler .loading-spinner .spinner{animation:spin 1s linear infinite;border:4px solid #00e5b84d;border-radius:50%;border-top-color:#fff;height:50px;margin:0 auto 20px;width:50px}.oauth2-redirect-handler .loading-spinner p{font-size:18px;font-weight:500;margin:0}.showcase-container{--color-bg:#0a0a0a;--color-bg-card:#1a1a1a;margin:0 auto;max-width:1200px;min-height:100vh;padding:20px}.showcase-container .showcase-header{margin:50px 20px 10px;text-align:center}.showcase-container .showcase-header h1{color:var(--color-primary);font-size:48px;font-weight:700;letter-spacing:-1px;margin:0 0 16px}.showcase-container .showcase-header p{color:#888;font-size:20px;font-weight:400;margin:0}.showcase-container .tabs{display:flex;flex-wrap:wrap;justify-content:center;margin-bottom:40px;margin-top:40px}.showcase-container .tab{background-color:#222;border:none;border-radius:30px;color:#fff;cursor:pointer;font-size:16px;margin:5px;padding:12px 25px;transition:background-color .3s,color .3s}.showcase-container .tab:hover{background-color:#333}.showcase-container .tab.active{background-color:#0af;color:#fff}.showcase-container .tab:disabled{cursor:not-allowed;opacity:.6}.showcase-container .loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:80px 20px;text-align:center}.showcase-container .loading-container .loading-spinner{animation:spin 1s linear infinite;border:4px solid #333;border-radius:50%;border-top-color:#0af;height:40px;margin-bottom:20px;width:40px}.showcase-container .loading-container p{color:#aaa;font-size:16px}.showcase-container .comparison-section{margin-bottom:60px;text-align:center}.showcase-container .comparison-section h2{color:#fff;font-size:36px;font-weight:700;margin-bottom:10px}.showcase-container .comparison-section p{color:#aaa;font-size:18px;margin-bottom:40px}.showcase-container .image-comparison{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.showcase-container .image-comparison .image-container{max-width:500px;overflow:hidden;position:relative;width:45%}.showcase-container .image-comparison .image-container img{display:block;height:auto;width:100%}.showcase-container .image-label{background:#000c;border-radius:20px;bottom:16px;color:#fff;font-size:14px;font-weight:600;left:16px;padding:8px 16px;position:absolute}.showcase-container .showcase-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));justify-items:center;margin:60px 0 48px}.showcase-container .showcase-item{background:var(--color-bg-card);border-radius:20px;box-shadow:0 8px 30px #0000004d;cursor:pointer;height:500px;overflow:hidden;transition:all .3s ease;width:350px}.showcase-container .showcase-item:hover{box-shadow:0 20px 40px #00000026;transform:translateY(-8px)}.showcase-container .showcase-item:hover .image-container img{transform:scale(1.05)}.showcase-container .image-container{height:350px;overflow:hidden;position:relative;width:100%}.showcase-container .image-container img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.showcase-container .badge{border-radius:20px;font-size:12px;font-weight:600;letter-spacing:.5px;padding:6px 12px;position:absolute;right:16px;text-transform:uppercase;top:16px}.showcase-container .badge.new{background:linear-gradient(135deg,#48bb78,#38a169);color:#fff}.showcase-container .badge.popular{background:linear-gradient(135deg,#ed8936,#dd6b20);color:#fff}.showcase-container .badge.featured{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.showcase-container .item-info{display:flex;flex-direction:column;height:150px;justify-content:space-between;padding:20px}.showcase-container .item-info h3{color:#fff;font-size:18px;font-weight:600;line-height:1.4;margin:0 0 8px}.showcase-container .item-info .item-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#aaa;display:-webkit-box;flex-grow:1;font-size:14px;line-height:1.4;margin:0 0 16px;overflow:hidden}.showcase-container .item-actions{align-items:center;display:flex;justify-content:center}.showcase-container .btn-download{background:linear-gradient(135deg,#0af,#08c);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 24px;transition:all .2s ease;width:100%}.showcase-container .btn-download:hover{box-shadow:0 6px 20px #00aaff4d;transform:translateY(-2px)}.showcase-container .load-more{text-align:center}.showcase-container .btn-load-more{background:#222;border:2px solid #444;border-radius:16px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:16px 48px;transition:all .2s ease}.showcase-container .btn-load-more:hover{background:#333;border-color:#0af;box-shadow:0 8px 25px #0af3;color:#0af;transform:translateY(-2px)}.showcase-container .btn-load-more:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.showcase-container .no-more-data{color:#aaa;font-size:16px;padding:40px 20px;text-align:center}.showcase-container .showcase_empty-state{color:#888;text-align:center}.showcase-container .empty-icon{font-size:64px;margin-bottom:24px}.showcase-container .empty-state h3{color:#fff;font-size:24px;font-weight:600;margin:0 0 12px}.showcase-container .empty-state p{font-size:16px;line-height:1.5;margin:0 0 32px}.showcase-container .btn-create{background:#00a86b;border:none;border-radius:12px;box-shadow:0 4px 15px #00a86b4d;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:16px 32px}.showcase-container .btn-create:hover{box-shadow:0 8px 25px #00a86b66;transform:translateY(-2px)}@media(max-width:768px){.showcase-container{padding:24px 16px}.showcase-container .showcase h1{font-size:36px}.showcase-container .showcase p{font-size:18px}.showcase-container .showcase-grid{gap:16px;grid-template-columns:1fr}.showcase-container .showcase-item{height:auto;margin:0 auto;max-width:400px;width:100%}.showcase-container .image-container{height:300px}.showcase-container .item-info{height:auto;padding:20px}.showcase-container .tabs{flex-wrap:wrap;gap:4px}.showcase-container .tab{font-size:14px;padding:10px 20px}.showcase-container .loading-container{padding:60px 20px}}.pricing-page{--color-bg:#0a0a0a;--color-bg-card:#1a1a1a;margin:0 auto;max-width:1200px;padding-bottom:70px}.pricing-page .pricing-plans-component{padding:0 4rem 4rem}.pricing-page .pricing-container{margin:0 auto;max-width:1200px;min-height:100vh;padding:0 20px 60px}.pricing-page .pricing-plans{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-bottom:80px}.pricing-page .plan{background:var(--color-bg-card);border:2px solid #0000;border-radius:24px;box-shadow:0 8px 30px #0000004d;padding:40px 32px;position:relative;transition:all .3s ease}.pricing-page .plan:hover{box-shadow:0 20px 40px #00000026;transform:translateY(-8px)}.pricing-page .plan.popular{border-color:#667eea;transform:scale(1.05)}.pricing-page .plan.popular:hover{transform:scale(1.05) translateY(-8px)}.pricing-page .popular-badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;box-shadow:0 4px 15px #667eea4d;color:#fff;font-size:14px;font-weight:600;left:50%;padding:8px 24px;position:absolute;top:-12px;transform:translateX(-50%)}.pricing-page .plan-header{margin-bottom:32px;text-align:center}.pricing-page .plan-header h3{color:#fff;font-size:24px;font-weight:700;margin:0 0 8px}.pricing-page .plan-description{color:#aaa;font-size:16px;line-height:1.5;margin:0 0 24px}.pricing-page .plan-price{margin-bottom:8px}.pricing-page .price{color:#fff;font-size:48px;font-weight:700}.pricing-page .period{color:#aaa;font-size:18px;font-weight:500}.pricing-page .original-price{color:#666;font-size:16px;margin-left:8px;text-decoration:line-through}.pricing-page .plan-features{margin-bottom:32px}.pricing-page .plan-features ul{list-style:none;margin:0;padding:0}.pricing-page .plan-features li{align-items:center;color:#ccc;display:flex;font-size:16px;line-height:1.5;padding:12px 0}.pricing-page .checkmark{color:#48bb78;font-size:18px;font-weight:700;margin-right:12px}.pricing-page .plan-button{background:#222;border:2px solid #444;border-radius:12px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:16px 24px;transition:all .2s ease;width:100%}.pricing-page .plan-button:hover{background:#333;border-color:#667eea;color:#667eea}.pricing-page .plan-button.popular{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#0000;box-shadow:0 4px 15px #667eea4d;color:#fff}.pricing-page .plan-button.popular:hover{background:linear-gradient(135deg,#5a67d8,#6b46c1);box-shadow:0 8px 25px #667eea66;transform:translateY(-2px)}.pricing-page .faq-section{margin:0 auto;max-width:800px}.pricing-page .faq-header{margin-bottom:48px;text-align:center}.pricing-page .faq-header h2{color:#fff;font-size:36px;font-weight:700;letter-spacing:-.5px;margin:0 0 16px}.pricing-page .faq-header p{color:#aaa;font-size:18px;margin:0}.pricing-page .faq-items{display:flex;flex-direction:column;gap:16px}.pricing-page .faq-item{background:#1a1a1a;border-radius:16px;box-shadow:0 4px 20px #0000004d;overflow:hidden;transition:all .2s ease}.pricing-page .faq-item:hover{box-shadow:0 8px 30px #0006}.pricing-page .faq-item.expanded .faq-icon{color:#667eea;transform:rotate(180deg)}.pricing-page .faq-question{align-items:center;background:#0000;border:none;color:#fff;cursor:pointer;display:flex;font-size:18px;font-weight:600;justify-content:space-between;padding:24px 32px;text-align:left;transition:all .2s ease;width:100%}.pricing-page .faq-question:hover{color:#667eea}.pricing-page .faq-icon{color:#aaa;font-size:24px;font-weight:300;transition:all .2s ease}.pricing-page .faq-answer{animation:fadeIn .3s ease;border-top:1px solid #444;padding:0 32px 24px}.pricing-page .faq-answer p{color:#ccc;font-size:16px;line-height:1.6;margin:16px 0 0}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.pricing-page .pricing-container{padding:40px 16px}.pricing-page .pricing-plans{gap:24px;grid-template-columns:1fr}.pricing-page .plan.popular{transform:none}.pricing-page .plan.popular:hover{transform:translateY(-8px)}.pricing-page .faq-question{font-size:16px;padding:20px 24px}.pricing-page .faq-answer{padding:0 24px 20px}}.creation-record .creation-record-container{background:#0000;margin:0 auto;max-width:1200px;min-height:calc(100vh - 80px);padding:40px 20px}.creation-record .record-header{margin-bottom:48px;text-align:center}.creation-record .logo{margin-bottom:24px}.creation-record .logo-icon{background:#00a86b;border-radius:50%;height:60px;margin:0 auto;position:relative;width:60px}.creation-record .logo-icon:after{background:#fff;border-radius:6px;content:"";height:24px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:24px}.creation-record .record-header h1{color:var(--color-primary);font-size:48px;font-weight:700;letter-spacing:-1px;margin:0 0 16px}.creation-record .record-header p{color:#888;font-size:20px;font-weight:400;margin:0}.creation-record .filter-tabs{background:#1a1a1a;border-radius:16px;box-shadow:0 4px 20px #0000004d;display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:48px;margin-left:auto;margin-right:auto;padding:8px;width:-webkit-fit-content;width:fit-content}.creation-record .filter-tabs button{background:#0000;border:none;border-radius:12px;color:#888;cursor:pointer;font-size:14px;font-weight:600;padding:12px 20px;transition:all .2s ease;white-space:nowrap}.creation-record .filter-tabs button:hover{background:#333;color:#fff}.creation-record .filter-tabs button.active{background:#00a86b;box-shadow:0 4px 15px #00a86b4d;color:#fff}.creation-record .records-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.creation-record .record-card{background:#1a1a1a;border-radius:10px;box-shadow:0 8px 30px #0000004d;overflow:hidden;transition:all .3s ease}.creation-record .record-card:hover{box-shadow:0 20px 40px #00000080;transform:translateY(-8px)}.creation-record .card-header{align-items:center;display:flex;font-size:.8em;justify-content:space-between;padding:10px}.creation-record .status{border-radius:20px;font-size:12px;font-weight:600;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.creation-record .status.success{background:#003d28;color:#00a86b}.creation-record .status.warning{background:#333;color:orange}.creation-record .status.error{background:#333;color:#ff6b6b}.creation-record .status.default{background:#333;color:#888}.creation-record .date{color:#888;font-size:14px;font-weight:500}.creation-record .card-image{height:200px;overflow:hidden;position:relative;width:100%}.creation-record .card-image img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.creation-record .record-card:hover .card-image img{transform:scale(1.05)}.creation-record .no-image{align-items:center;background:#333;color:#888;display:flex;font-weight:500;height:100%;justify-content:center;width:100%}.creation-record .card-body{padding:20px 24px}.creation-record .prompt{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#fff;display:-webkit-box;font-size:14px;line-height:1.5;margin:0 0 16px;overflow:hidden}.creation-record .card-body .type-label{align-items:center;display:flex;gap:8px}.creation-record .card-body .type-dot{background:#00a86b;border-radius:50%;flex-shrink:0;height:8px;width:8px}.creation-record .card-body .type-text{color:#ccc;font-size:14px;font-weight:500}.creation-record .info{align-items:center;color:#888;display:flex;font-size:12px;font-weight:600;justify-content:space-between}.creation-record .credits{background:#e6fffa;border-radius:8px;color:#234e52;padding:4px 8px}.creation-record .images{background:#f0f4ff;border-radius:8px;color:#3c4fe0;padding:4px 8px}.creation-record .card-footer{border-top:1px solid #333;display:flex;gap:8px;justify-content:space-around;padding:15px}.creation-record .card-footer button{align-items:center;background:#2a2a2a;border:1px solid #444;border-radius:8px;color:#fff;cursor:pointer;display:flex;flex:1 1;justify-content:center;min-height:40px;padding:10px 16px;transition:all .2s ease}.creation-record .card-footer button:hover:not(:disabled){background:#333;border-color:#555;transform:translateY(-1px)}.creation-record .card-footer button:disabled{background:#1a1a1a;border-color:#333;cursor:not-allowed;opacity:.4}.creation-record .card-footer .btn-view{background:#1e3a8a;border-color:#3b82f6}.creation-record .card-footer .btn-view:hover:not(:disabled){background:#2563eb;border-color:#60a5fa}.creation-record .card-footer .btn-download{background:#166534;border-color:#22c55e}.creation-record .card-footer .btn-download:hover:not(:disabled){background:#16a34a;border-color:#4ade80}.creation-record .card-footer .btn-delete{background:#7f1d1d;border-color:#ef4444}.creation-record .card-footer .btn-delete:hover:not(:disabled){background:#dc2626;border-color:#f87171}.creation-record .card-footer .btn-re-edit{background:#7c2d12;border-color:#f97316}.creation-record .card-footer .btn-re-edit:hover:not(:disabled){background:#ea580c;border-color:#fb923c}.creation-record .card-footer button img{filter:brightness(0) invert(1);height:16px;width:16px}.creation-record .empty-state{color:#888;padding:20px;text-align:center}.creation-record .error-state{color:#888;padding:80px 20px;text-align:center}.creation-record .empty-icon,.creation-record .error-icon{font-size:64px;margin-bottom:24px}.creation-record .empty-state h3,.creation-record .error-state h3{color:#fff;font-size:24px;font-weight:600;margin:0 0 12px}.creation-record .empty-state p,.creation-record .error-state p{font-size:16px;line-height:1.5;margin:0 0 32px}.creation-record .btn-create{background:#00a86b;border:none;border-radius:12px;box-shadow:0 4px 15px #00a86b4d;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:16px 32px;transition:all .2s ease}.creation-record .btn-create:hover{box-shadow:0 8px 25px #00a86b66;transform:translateY(-2px)}.creation-record .loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:80px 20px;text-align:center}.creation-record .loading-spinner{animation:spin 1s linear infinite;border:3px solid #ffffff1a;border-radius:50%;border-top-color:#00a86b;height:50px;margin-bottom:20px;width:50px}.creation-record .loading-container p{color:#fff;font-size:18px;font-weight:500;margin:0}@media(max-width:768px){.creation-record .creation-record-container{padding:24px 16px}.creation-record .record-header h1{font-size:36px}.creation-record .record-header p{font-size:18px}.creation-record .records-grid{gap:24px;grid-template-columns:1fr}.creation-record .filter-tabs{justify-content:flex-start;overflow-x:auto;padding:8px 12px}.creation-record .filter-tabs button{font-size:13px;padding:10px 16px}.creation-record .card-body,.creation-record .card-footer,.creation-record .card-header{padding-left:20px;padding-right:20px}}.image-upscaler{box-sizing:border-box;color:var(--color-text-primary);font-family:var(--font-family-secondary);margin:0 auto;max-width:1200px;min-height:100vh}.image-upscaler .main-content{padding:40px 0;text-align:center}.image-upscaler .main-content h1{color:var(--color-primary);font-size:48px;margin-bottom:16px}.image-upscaler .main-content p{color:#888;font-size:20px;font-weight:400;margin:0}.image-upscaler .workspace{display:flex;justify-content:space-between;margin-top:var(--spacing-xxl)}.image-upscaler .workspace .controls,.image-upscaler .workspace .preview{background-color:var(--color-bg-card);border-radius:var(--radius-lg);padding:var(--spacing-lg);width:48%}.image-upscaler .workspace .controls h3,.image-upscaler .workspace .preview h3{border-bottom:1px solid var(--color-border);color:var(--color-primary)}.image-upscaler .upload-area{border:2px dashed var(--color-border);cursor:pointer;padding:var(--spacing-lg);text-align:center}.image-upscaler .face-enhancement,.image-upscaler .scale-options{margin-top:20px}.image-upscaler .scale-buttons button{background-color:#0000;border:1px solid #333;color:#fff;cursor:pointer;margin-right:10px;padding:10px 20px}.image-upscaler .scale-buttons button.active{background-color:#4caf50;border-color:#4caf50}.image-upscaler .enhance-button{background-color:#4caf50;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;margin-top:20px;overflow:hidden;padding:15px;position:relative;transition:background-color .3s;width:100%}.image-upscaler .enhance-button:hover:not(:disabled){background-color:#45a049}.image-upscaler .enhance-button:disabled{background-color:#666;cursor:not-allowed;opacity:.6}.image-upscaler .enhance-button.processing{animation:pulse 2s infinite}.image-upscaler .enhance-button.processing:before{animation:move 1s linear infinite;background:linear-gradient(45deg,#0000 25%,#ffffff1a 0,#ffffff1a 50%,#0000 0,#0000 75%,#ffffff1a 0);background-size:20px 20px;bottom:0;content:"";left:0;position:absolute;right:0;top:0}.image-upscaler .image-preview-area{align-items:center;display:flex;height:300px;justify-content:center;position:relative}.image-upscaler .image-preview-area .image-container{align-items:center;display:flex;height:100%;justify-content:center;position:relative;width:100%}.image-upscaler .image-preview-area .processing-overlay{align-items:center;background-color:#000000b3;bottom:0;color:#fff;display:flex;flex-direction:column;justify-content:center;left:0;position:absolute;right:0;top:0}.image-upscaler .image-preview-area .processing-overlay .spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#4caf50;height:40px;margin-bottom:10px;width:40px}.image-upscaler .image-preview-area img{max-height:100%;max-width:100%}.image-upscaler .result-section{background-color:var(--color-bg-secondary);border-radius:var(--radius-lg);margin-top:20px;padding:20px}.image-upscaler .result-section h4{color:var(--color-primary);margin-bottom:15px}.image-upscaler .result-section .result-image{margin-bottom:15px}.image-upscaler .result-section .result-image img{border-radius:var(--radius-md);max-width:100%}.image-upscaler .result-section .download-button{background-color:#166534;border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-size:14px;padding:10px 20px}.image-upscaler .faq-section,.image-upscaler .features-section,.image-upscaler .how-to-use-section{padding:40px 0;text-align:center}.image-upscaler .faq-list,.image-upscaler .features-grid,.image-upscaler .steps{display:flex;justify-content:space-around;margin-top:var(--spacing-lg)}.image-upscaler .faq-item,.image-upscaler .feature-item,.image-upscaler .step{background-color:var(--color-bg-card);border-radius:var(--radius-lg);padding:var(--spacing-lg);width:23%}.image-upscaler .step .step-number{border:2px solid var(--color-primary);border-radius:var(--radius-full);color:var(--color-primary);font-size:24px;height:50px;line-height:50px;margin:0 auto var(--spacing-sm);width:50px}.image-upscaler .footer{border-top:1px solid #333;margin-top:40px;padding:20px 0;text-align:center}.ai-workbench{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;margin:40px auto;max-width:1200px;padding:20px}.ai-workbench .workbench-header{margin-bottom:40px;text-align:center}.ai-workbench .workbench-header h1{color:#fff;font-size:2.5rem;font-weight:700;margin-bottom:10px}.ai-workbench .workbench-header p{color:#888;font-size:1.1rem}.ai-workbench .mode-selector{background-color:#2a2a2e;border-radius:12px;display:flex;justify-content:center;margin-bottom:30px;padding:5px}.ai-workbench .mode-selector .mode-btn{background-color:#0000;border:none;border-radius:10px;color:#a0a0a0;cursor:pointer;flex:1 1;font-size:1rem;font-weight:600;padding:15px 20px;transition:all .3s ease}.ai-workbench .mode-selector .mode-btn.active{background-color:#00b894;color:#fff}.ai-workbench .workbench-body{background-color:#1e1e22;border-radius:15px;padding:30px}.text-to-image-panel{grid-gap:30px;display:grid;gap:30px;grid-template-columns:300px 1fr}.text-to-image-panel .inspiration-panel{background-color:#2a2a2e;border-radius:15px;padding:20px}.text-to-image-panel .inspiration-panel h3{color:#fff;font-size:1.2rem;margin-bottom:10px}.text-to-image-panel .inspiration-panel p{color:#888;font-size:.9rem;margin-bottom:20px}.text-to-image-panel .inspiration-panel .tags-container{display:flex;flex-wrap:wrap;gap:10px}.text-to-image-panel .inspiration-panel .tags-container .tag-btn{background-color:#3a3a3e;border:1px solid #555;border-radius:20px;color:#fff;cursor:pointer;padding:8px 15px;transition:background-color .3s}.text-to-image-panel .inspiration-panel .tags-container .tag-btn:hover{background-color:#4a4a4e}.text-to-image-panel .generation-panel{background-color:#2a2a2e;border-radius:15px;padding:20px}.text-to-image-panel .generation-panel .panel-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.text-to-image-panel .generation-panel .panel-header h3{color:#fff;font-size:1.2rem}.text-to-image-panel .generation-panel .panel-header .mode-badge{background-color:#3a3a3e;border-radius:5px;color:#00b894;font-size:.8rem;padding:5px 10px}.text-to-image-panel .generation-panel textarea{background-color:#1e1e22;border:1px solid #444;border-radius:10px;color:#fff;font-size:1rem;height:120px;margin-bottom:20px;padding:15px;resize:none;width:100%}.text-to-image-panel .generation-panel textarea::placeholder{color:#666}.text-to-image-panel .generation-panel .generation-options{align-items:center;color:#fff;display:flex;justify-content:space-between;margin-bottom:15px}.text-to-image-panel .generation-panel .generation-options .options-right{align-items:center;display:flex;gap:15px}.text-to-image-panel .generation-panel .generation-options .options-right .count-btn{background-color:#3a3a3e;border:1px solid #555;border-radius:8px;color:#fff;padding:8px 15px}.text-to-image-panel .generation-panel .generation-options .options-right .credits{background-color:#f39c12;border-radius:5px;color:#fff;font-size:.9rem;padding:5px 10px}.text-to-image-panel .generation-panel .tip{color:#888;font-size:.9rem;margin-bottom:20px}.text-to-image-panel .generation-panel .error-message{animation:slideIn .3s ease-out;background-color:#2c1810;border:1px solid #d63031;border-radius:10px;margin-bottom:20px;padding:15px}.text-to-image-panel .generation-panel .error-message .error-header{align-items:center;display:flex;gap:10px}.text-to-image-panel .generation-panel .error-message .error-header .error-icon{flex-shrink:0;font-size:1.2rem}.text-to-image-panel .generation-panel .error-message .error-header .error-title{color:#ff6b6b;flex:1 1;font-weight:500}.text-to-image-panel .generation-panel .error-message .error-header .dismiss-btn{align-items:center;background:none;border:none;border-radius:50%;color:#888;cursor:pointer;display:flex;font-size:1.2rem;height:20px;justify-content:center;padding:0;transition:all .2s;width:20px}.text-to-image-panel .generation-panel .error-message .error-header .dismiss-btn:hover{background-color:#ffffff1a;color:#fff}.text-to-image-panel .generation-panel .error-message .error-suggestion{align-items:flex-start;border-top:1px solid #d630314d;display:flex;gap:8px;margin-top:10px;padding-top:10px}.text-to-image-panel .generation-panel .error-message .error-suggestion .suggestion-icon{flex-shrink:0;font-size:1rem;margin-top:2px}.text-to-image-panel .generation-panel .error-message .error-suggestion .suggestion-text{color:#ffa726;font-size:.9rem;line-height:1.4}.text-to-image-panel .generation-panel .error-message.content_policy{background-color:#2d1b1b;border-color:#e74c3c}.text-to-image-panel .generation-panel .error-message.content_policy .error-title{color:#e74c3c}.text-to-image-panel .generation-panel .error-message.rate_limit{background-color:#2d2a1b;border-color:#f39c12}.text-to-image-panel .generation-panel .error-message.rate_limit .error-title{color:#f39c12}.text-to-image-panel .generation-panel .error-message.credits{background-color:#1b2d2d;border-color:#3498db}.text-to-image-panel .generation-panel .error-message.credits .error-title{color:#3498db}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.text-to-image-panel .generation-panel .size-selection,.text-to-image-panel .generation-panel .style-selection{margin-bottom:20px}.text-to-image-panel .generation-panel .size-selection h4,.text-to-image-panel .generation-panel .style-selection h4{color:#fff;font-size:1rem;margin-bottom:10px}.text-to-image-panel .generation-panel .size-selection .size-options,.text-to-image-panel .generation-panel .size-selection .style-options,.text-to-image-panel .generation-panel .style-selection .size-options,.text-to-image-panel .generation-panel .style-selection .style-options{display:flex;flex-wrap:wrap;gap:10px}.text-to-image-panel .generation-panel .size-selection .size-options .size-option,.text-to-image-panel .generation-panel .size-selection .size-options .style-option,.text-to-image-panel .generation-panel .size-selection .style-options .size-option,.text-to-image-panel .generation-panel .size-selection .style-options .style-option,.text-to-image-panel .generation-panel .style-selection .size-options .size-option,.text-to-image-panel .generation-panel .style-selection .size-options .style-option,.text-to-image-panel .generation-panel .style-selection .style-options .size-option,.text-to-image-panel .generation-panel .style-selection .style-options .style-option{background-color:#3a3a3e;border:1px solid #555;border-radius:8px;color:#fff;cursor:pointer;padding:8px 15px;transition:all .3s}.text-to-image-panel .generation-panel .size-selection .size-options .size-option:hover,.text-to-image-panel .generation-panel .size-selection .size-options .style-option:hover,.text-to-image-panel .generation-panel .size-selection .style-options .size-option:hover,.text-to-image-panel .generation-panel .size-selection .style-options .style-option:hover,.text-to-image-panel .generation-panel .style-selection .size-options .size-option:hover,.text-to-image-panel .generation-panel .style-selection .size-options .style-option:hover,.text-to-image-panel .generation-panel .style-selection .style-options .size-option:hover,.text-to-image-panel .generation-panel .style-selection .style-options .style-option:hover{background-color:#4a4a4e}.text-to-image-panel .generation-panel .size-selection .size-options .size-option.active,.text-to-image-panel .generation-panel .size-selection .size-options .style-option.active,.text-to-image-panel .generation-panel .size-selection .style-options .size-option.active,.text-to-image-panel .generation-panel .size-selection .style-options .style-option.active,.text-to-image-panel .generation-panel .style-selection .size-options .size-option.active,.text-to-image-panel .generation-panel .style-selection .size-options .style-option.active,.text-to-image-panel .generation-panel .style-selection .style-options .size-option.active,.text-to-image-panel .generation-panel .style-selection .style-options .style-option.active{background-color:#00b894;border-color:#00b894}.text-to-image-panel .generation-panel .start-btn{background-color:#00b894;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;overflow:hidden;padding:15px;position:relative;transition:background-color .3s;width:100%}.text-to-image-panel .generation-panel .start-btn:hover:not(:disabled){background-color:#00a383}.text-to-image-panel .generation-panel .start-btn:disabled{background-color:#666;cursor:not-allowed}.text-to-image-panel .generation-panel .start-btn.generating{animation:pulse 2s infinite}.text-to-image-panel .generation-panel .start-btn.generating:before{animation:move 1s linear infinite;background:linear-gradient(45deg,#0000 25%,#ffffff1a 0,#ffffff1a 50%,#0000 0,#0000 75%,#ffffff1a 0);background-size:20px 20px;bottom:0;content:"";left:0;position:absolute;right:0;top:0}.text-to-image-panel .generation-panel .generated-image{background-color:#1e1e22;border-radius:10px;margin-top:20px;padding:20px}.text-to-image-panel .generation-panel .generated-image h4{color:#fff;margin-bottom:15px}.text-to-image-panel .generation-panel .generated-image img{border-radius:10px;box-shadow:0 4px 15px #0000004d;margin-bottom:15px;width:100%}.text-to-image-panel .generation-panel .generated-image .image-actions{display:flex;gap:10px;justify-content:center}.text-to-image-panel .generation-panel .generated-image .image-actions .download-btn,.text-to-image-panel .generation-panel .generated-image .image-actions .regenerate-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:8px;padding:10px 20px;transition:all .3s ease}.text-to-image-panel .generation-panel .generated-image .image-actions .download-btn svg,.text-to-image-panel .generation-panel .generated-image .image-actions .regenerate-btn svg{height:16px;width:16px}.text-to-image-panel .generation-panel .generated-image .image-actions .download-btn{background-color:#00b894;color:#fff}.text-to-image-panel .generation-panel .generated-image .image-actions .download-btn:hover{background-color:#00a383;box-shadow:0 4px 12px #00b8944d;transform:translateY(-2px)}.text-to-image-panel .generation-panel .generated-image .image-actions .regenerate-btn{background-color:#3498db;color:#fff}.text-to-image-panel .generation-panel .generated-image .image-actions .regenerate-btn:hover{background-color:#2980b9;box-shadow:0 4px 12px #3498db4d;transform:translateY(-2px)}.image-editing-panel{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 1fr}.image-editing-panel .upload-panel .upload-box{border:2px dashed #444;border-radius:15px;cursor:pointer;margin-bottom:20px;padding:40px;text-align:center;transition:all .3s}.image-editing-panel .upload-panel .upload-box:hover{background-color:#00b8941a;border-color:#00b894}.image-editing-panel .upload-panel .upload-box.drag-over{background-color:#00b89433;border-color:#00b894}.image-editing-panel .upload-panel .upload-box p{color:#fff;font-size:1.2rem;margin-bottom:10px}.image-editing-panel .upload-panel .upload-box span{color:#888;display:block}.image-editing-panel .upload-panel .uploaded-images{background-color:#2a2a2e;border-radius:10px;margin-bottom:20px;padding:15px}.image-editing-panel .upload-panel .uploaded-images h4{color:#fff;margin-bottom:15px}.image-editing-panel .upload-panel .uploaded-images .images-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.image-editing-panel .upload-panel .uploaded-images .images-grid .image-item{background-color:#1e1e22;border-radius:8px;overflow:hidden;position:relative}.image-editing-panel .upload-panel .uploaded-images .images-grid .image-item img{height:120px;object-fit:cover;width:100%}.image-editing-panel .upload-panel .uploaded-images .images-grid .image-item .remove-btn{align-items:center;background-color:#f00c;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:16px;height:25px;justify-content:center;position:absolute;right:5px;top:5px;width:25px}.image-editing-panel .upload-panel .uploaded-images .images-grid .image-item .remove-btn:hover{background-color:red}.image-editing-panel .upload-panel .uploaded-images .images-grid .image-item .image-name{background-color:#000c;bottom:0;color:#fff;font-size:.8rem;left:0;overflow:hidden;padding:5px;position:absolute;right:0;text-overflow:ellipsis;white-space:nowrap}.image-editing-panel .upload-panel .conversational-editing{background-color:#2a2a2e;border-radius:15px;padding:20px}.image-editing-panel .upload-panel .conversational-editing h4{color:#fff;margin-bottom:10px}.image-editing-panel .upload-panel .conversational-editing p{color:#888;font-size:.9rem;margin-bottom:15px}.image-editing-panel .upload-panel .conversational-editing ul{display:flex;gap:20px;list-style:none;padding:0}.image-editing-panel .upload-panel .conversational-editing ul li{color:#00b894;font-size:.9rem}.image-editing-panel .editing-controls-panel{background-color:#2a2a2e;border-radius:15px;padding:20px}.image-editing-panel .editing-controls-panel h3{color:#fff;margin-bottom:20px}.image-editing-panel .editing-controls-panel .describe-effect,.image-editing-panel .editing-controls-panel .quick-styles{margin-bottom:20px}.image-editing-panel .editing-controls-panel .describe-effect h4,.image-editing-panel .editing-controls-panel .quick-styles h4{color:#fff;margin-bottom:10px}.image-editing-panel .editing-controls-panel .describe-effect .styles-container,.image-editing-panel .editing-controls-panel .quick-styles .styles-container{display:flex;flex-wrap:wrap;gap:10px}.image-editing-panel .editing-controls-panel .describe-effect .styles-container .style-btn,.image-editing-panel .editing-controls-panel .quick-styles .styles-container .style-btn{background-color:#3a3a3e;border:1px solid #555;border-radius:20px;color:#fff;cursor:pointer;padding:8px 15px;transition:all .3s}.image-editing-panel .editing-controls-panel .describe-effect .styles-container .style-btn:hover,.image-editing-panel .editing-controls-panel .quick-styles .styles-container .style-btn:hover{background-color:#4a4a4e}.image-editing-panel .editing-controls-panel .describe-effect .styles-container .style-btn.active,.image-editing-panel .editing-controls-panel .quick-styles .styles-container .style-btn.active{background-color:#00b894;border-color:#00b894}.image-editing-panel .editing-controls-panel textarea{background-color:#1e1e22;border:1px solid #444;border-radius:10px;color:#fff;height:100px;padding:15px;resize:none;width:100%}.image-editing-panel .editing-controls-panel .generation-options{align-items:center;color:#fff;display:flex;justify-content:space-between;margin-bottom:20px}.image-editing-panel .editing-controls-panel .generation-options .options-right{align-items:center;display:flex;gap:15px}.image-editing-panel .editing-controls-panel .generation-options .options-right .count-btn{background-color:#3a3a3e;border:1px solid #555;border-radius:8px;color:#fff;padding:8px 15px}.image-editing-panel .editing-controls-panel .generation-options .options-right .credits{background-color:#f39c12;border-radius:5px;color:#fff;padding:5px 10px}.image-editing-panel .editing-controls-panel .start-btn{background-color:#00b894;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;overflow:hidden;padding:15px;position:relative;transition:background-color .3s;width:100%}.image-editing-panel .editing-controls-panel .start-btn:hover:not(:disabled){background-color:#00a383}.image-editing-panel .editing-controls-panel .start-btn:disabled{cursor:not-allowed}.image-editing-panel .editing-controls-panel .start-btn.generating{animation:pulse 2s infinite}.image-editing-panel .editing-controls-panel .start-btn.generating:before{animation:move 1s linear infinite;background:linear-gradient(45deg,#0000 25%,#ffffff1a 0,#ffffff1a 50%,#0000 0,#0000 75%,#ffffff1a 0);background-size:20px 20px;bottom:0;content:"";left:0;position:absolute;right:0;top:0}.image-editing-panel .editing-controls-panel .generated-image{background-color:#1e1e22;border-radius:10px;box-shadow:0 4px 15px #0000004d;margin-top:20px;padding:20px}.image-editing-panel .editing-controls-panel .generated-image h4{color:#fff;margin-bottom:15px}.image-editing-panel .editing-controls-panel .generated-image img{border-radius:10px;box-shadow:0 4px 15px #0000004d;margin-bottom:15px;width:100%}.image-editing-panel .editing-controls-panel .generated-image .image-actions{display:flex;gap:10px;justify-content:center}.image-editing-panel .editing-controls-panel .generated-image .image-actions .download-btn,.image-editing-panel .editing-controls-panel .generated-image .image-actions .regenerate-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:8px;padding:10px 20px;transition:all .3s ease}.image-editing-panel .editing-controls-panel .generated-image .image-actions .download-btn svg,.image-editing-panel .editing-controls-panel .generated-image .image-actions .regenerate-btn svg{height:16px;width:16px}.image-editing-panel .editing-controls-panel .generated-image .image-actions .download-btn{background-color:#00b894;color:#fff}.image-editing-panel .editing-controls-panel .generated-image .image-actions .download-btn:hover{background-color:#00a383;box-shadow:0 4px 12px #00b8944d;transform:translateY(-2px)}.image-editing-panel .editing-controls-panel .generated-image .image-actions .regenerate-btn{background-color:#3498db;color:#fff}.image-editing-panel .editing-controls-panel .generated-image .image-actions .regenerate-btn:hover{background-color:#2980b9;box-shadow:0 4px 12px #3498db4d;transform:translateY(-2px)}.ai-tools-workbench{background:#121212;background:var(--color-bg-primary,#121212);min-height:100vh;overflow:hidden;padding:2rem 0;position:relative}.ai-tools-workbench:before{background:radial-gradient(circle at 20% 80%,#4caf5014 0,#0000 50%),radial-gradient(circle at 80% 20%,#00e5b814 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.ai-tools-workbench .workbench-header{padding:3rem 2rem 4rem;position:relative;text-align:center;z-index:2}.ai-tools-workbench .workbench-header .header-content{margin:0 auto;max-width:800px}.ai-tools-workbench .workbench-header .workbench-title{-webkit-text-fill-color:#0000;align-items:center;background:linear-gradient(135deg,#4caf50,#00e5b8);background:linear-gradient(135deg,var(--color-primary,#4caf50) 0,var(--color-secondary,#00e5b8) 100%);-webkit-background-clip:text;background-clip:text;display:flex;font-size:3.5rem;font-weight:800;gap:1rem;justify-content:center;margin-bottom:1rem}.ai-tools-workbench .workbench-header .workbench-title .title-icon{filter:drop-shadow(0 0 20px rgba(76,175,80,.5));font-size:3rem}.ai-tools-workbench .workbench-header .workbench-subtitle{color:#aaa;color:var(--color-text-secondary,#aaa);font-size:1.2rem;line-height:1.6;margin:0}.ai-tools-workbench .workbench-header .header-decoration{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0}.ai-tools-workbench .workbench-header .header-decoration .floating-icon{animation:float 6s ease-in-out infinite;font-size:2rem;opacity:.3;position:absolute}.ai-tools-workbench .workbench-header .header-decoration .floating-icon:first-child{animation-delay:0s;left:10%;top:20%}.ai-tools-workbench .workbench-header .header-decoration .floating-icon:nth-child(2){animation-delay:2s;right:15%;top:30%}.ai-tools-workbench .workbench-header .header-decoration .floating-icon:nth-child(3){animation-delay:4s;bottom:20%;left:20%}.ai-tools-workbench .tools-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin:0 auto;max-width:1400px;padding:0 2rem;position:relative;z-index:2}.ai-tools-workbench .tool-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1e1e1e;background:var(--color-bg-card,#1e1e1e);border:1px solid #333;border:1px solid var(--color-border,#333);border-radius:20px;cursor:pointer;display:flex;flex-direction:column;min-height:320px;overflow:hidden;position:relative;transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease;will-change:transform}.ai-tools-workbench .tool-card:hover{border-color:#555;border-color:var(--color-border-light,#555);box-shadow:0 16px 32px #00000040,0 0 0 1px #555;box-shadow:0 16px 32px #00000040,0 0 0 1px var(--color-border-light,#555);transform:translateY(-6px)}.ai-tools-workbench .tool-card:hover .card-gradient-bg{opacity:.7;transform:scale(1.05)}.ai-tools-workbench .tool-card:hover .tool-icon{transform:scale(1.05)}.ai-tools-workbench .tool-card:hover .try-button{background:var(--card-gradient);color:#fff;transform:translateX(3px)}.ai-tools-workbench .tool-card:hover .try-button svg{transform:translateX(2px)}.ai-tools-workbench .tool-card .card-header{align-items:center;display:flex;flex-shrink:0;height:100px;justify-content:center;overflow:hidden;position:relative}.ai-tools-workbench .tool-card .card-header .card-gradient-bg{background:var(--card-gradient);bottom:-50%;left:-50%;opacity:.3;position:absolute;right:-50%;top:-50%;transform:scale(.8);transition:opacity .3s ease,transform .3s ease;will-change:transform,opacity}.ai-tools-workbench .tool-card .card-header .tool-icon{filter:drop-shadow(0 4px 8px rgba(0,0,0,.3));font-size:3rem;position:relative;transition:transform .3s ease;will-change:transform;z-index:2}.ai-tools-workbench .tool-card .card-content{display:flex;flex:1 1;flex-direction:column;padding:1.5rem}.ai-tools-workbench .tool-card .card-content .tool-title{color:#fff;font-size:1.5rem;font-weight:700;line-height:1.3;margin:0 0 .5rem}.ai-tools-workbench .tool-card .card-content .tool-description{color:#a0a0a0;flex:1 1;font-size:.95rem;line-height:1.5;margin:0 0 1rem}.ai-tools-workbench .tool-card .card-content .tool-features{display:flex;flex-wrap:wrap;gap:.5rem}.ai-tools-workbench .tool-card .card-content .tool-features .feature-tag{background:#4caf5026;border:1px solid #4caf504d;border-radius:12px;color:#4caf50;color:var(--color-primary,#4caf50);font-size:.8rem;font-weight:500;padding:.3rem .8rem}.ai-tools-workbench .tool-card .card-footer{flex-shrink:0;padding:0 1.5rem 1.5rem}.ai-tools-workbench .tool-card .card-footer .try-button{align-items:center;background:#2a2a2a;background:var(--color-bg-hover,#2a2a2a);border:1px solid #444;border:1px solid var(--color-border-light,#444);border-radius:12px;color:#fff;color:var(--color-text-primary,#fff);cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:.5rem;justify-content:center;padding:.8rem 1.5rem;transition:background-color .3s ease,color .3s ease,transform .3s ease;width:100%;will-change:transform}.ai-tools-workbench .tool-card .card-footer .try-button svg{transition:transform .3s ease;will-change:transform}.ai-tools-workbench .tool-card .card-footer .try-button:hover{background:var(--card-gradient);border-color:#0000;color:#fff}.ai-tools-workbench .workbench-footer{padding:4rem 2rem 2rem;position:relative;text-align:center;z-index:2}.ai-tools-workbench .workbench-footer .footer-content{margin:0 auto;max-width:600px}.ai-tools-workbench .workbench-footer .footer-content h3{color:#fff;color:var(--color-text-primary,#fff);font-size:1.8rem;font-weight:700;margin:0 0 1rem}.ai-tools-workbench .workbench-footer .footer-content p{color:#aaa;color:var(--color-text-secondary,#aaa);font-size:1rem;line-height:1.6;margin:0}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}25%{transform:translateY(-3px) rotate(1deg)}50%{transform:translateY(-6px) rotate(0deg)}75%{transform:translateY(-3px) rotate(-1deg)}}@media(max-width:768px){.ai-tools-workbench{padding:1rem 0}.ai-tools-workbench .workbench-header{padding:2rem 1rem 3rem}.ai-tools-workbench .workbench-header .workbench-title{flex-direction:column;font-size:2.5rem;gap:.5rem}.ai-tools-workbench .workbench-header .workbench-title .title-icon{font-size:2rem}.ai-tools-workbench .workbench-header .workbench-subtitle{font-size:1rem}.ai-tools-workbench .tools-grid{gap:1.5rem;grid-template-columns:1fr;padding:0 1rem}.ai-tools-workbench .tool-card{height:auto;min-height:280px}.ai-tools-workbench .tool-card .card-header{flex-shrink:0;height:80px}.ai-tools-workbench .tool-card .card-header .tool-icon{font-size:2.5rem}.ai-tools-workbench .tool-card .card-content{padding:1rem}.ai-tools-workbench .tool-card .card-content .tool-title{font-size:1.3rem}.ai-tools-workbench .tool-card .card-content .tool-description{font-size:.9rem}.ai-tools-workbench .tool-card .card-footer{flex-shrink:0;padding:0 1rem 1rem}.ai-tools-workbench .workbench-footer{padding:3rem 1rem 1rem}.ai-tools-workbench .workbench-footer .footer-content h3{font-size:1.5rem}}@media(max-width:480px){.ai-tools-workbench .workbench-header .workbench-title{font-size:2rem}.ai-tools-workbench .tools-grid{grid-template-columns:1fr;padding:0 .5rem}.ai-tools-workbench .tool-card .card-header{flex-shrink:0;height:70px}.ai-tools-workbench .tool-card .card-header .tool-icon{font-size:2rem}.ai-tools-workbench .tool-card .card-content .tool-features .feature-tag{font-size:.75rem;padding:.25rem .6rem}.ai-tools-workbench .tool-card .card-footer{flex-shrink:0}}.image-upload-component{margin-bottom:2rem}.image-upload-component .component-header{margin-bottom:1.5rem}.image-upload-component .component-header .component-title{align-items:center;color:#fff;color:var(--color-text-primary,#fff);display:flex;font-size:1.5rem;font-weight:700;gap:.25rem;margin:0 0 .5rem}.image-upload-component .component-header .component-title .required-mark{color:#ff6b6b;font-size:1rem}.image-upload-component .component-header .component-description{color:#aaa;color:var(--color-text-secondary,#aaa);font-size:.9rem;line-height:1.4;margin:0}.image-upload-component .upload-container .image-upload-area{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e1e1e;background:var(--color-bg-card,#1e1e1e);border:2px dashed #444;border-radius:16px;cursor:pointer;margin-bottom:20px;padding:3rem 2rem;text-align:center;transition:all .3s ease}.image-upload-component .upload-container .image-upload-area.dragging,.image-upload-component .upload-container .image-upload-area:hover{background:#4caf501a;border-color:#4caf50;border-color:var(--color-primary,#4caf50);transform:translateY(-2px)}.image-upload-component .upload-container .image-upload-area.uploading{opacity:.7;pointer-events:none}.image-upload-component .upload-container .image-upload-area .upload-content .upload-icon{color:#888;font-size:4rem;margin-bottom:1rem;opacity:.7}.image-upload-component .upload-container .image-upload-area .upload-content .upload-icon .loading-spinner{animation:spin 1s linear infinite;border:3px solid #333;border-radius:50%;border-top-color:#00b894;height:48px;margin:0 auto;width:48px}.image-upload-component .upload-container .image-upload-area .upload-content h3{color:#fff;color:var(--color-text-primary,#fff);font-size:1.3rem;font-weight:600;margin:0 0 .5rem}.image-upload-component .upload-container .image-upload-area .upload-content p{color:#aaa;color:var(--color-text-secondary,#aaa);font-size:.9rem;margin:0}.image-upload-component .upload-container .image-upload-area .upload-content p.size-limit{color:#888;font-size:.7rem;margin-top:5px}.image-upload-component .upload-container .image-upload-area:hover .upload-content .upload-icon{color:#4caf50;color:var(--color-primary,#4caf50)}.image-upload-component .upload-container .image-preview{margin-top:10px}.image-upload-component .upload-container .image-preview .preview-container{background:#1e1e1e;background:var(--color-bg-card,#1e1e1e);border:1px solid #333;border:1px solid var(--color-border,#333);border-radius:16px;overflow:hidden;position:relative}.image-upload-component .upload-container .image-preview .preview-container img{display:block;height:300px;object-fit:contain;width:100%}.image-upload-component .upload-container .image-preview .preview-container .remove-button{align-items:center;background:#ef444433;border:1px solid #ef444480;border-radius:50%;color:#ef4444;cursor:pointer;display:flex;font-size:.8rem;height:32px;justify-content:center;position:absolute;right:8px;top:8px;transition:all .3s ease;width:32px}.image-upload-component .upload-container .image-preview .preview-container .remove-button:hover{background:#ef44444d;transform:scale(1.1)}.image-upload-component .upload-container .image-preview .file-info{align-items:center;background:#00000080;display:flex;justify-content:space-between;padding:1rem}.image-upload-component .upload-container .image-preview .file-info .file-name{color:#fff;flex:1 1;font-size:.9rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.image-upload-component .upload-container .image-preview .file-info .file-size{color:#888;font-size:.8rem;margin-left:1rem}.image-upload-component .upload-container .image-preview-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));margin-top:10px}.image-upload-component .upload-container .image-preview-grid .preview-item{background:#000;border:1px solid #333;border-radius:4px;overflow:hidden;position:relative}.image-upload-component .upload-container .image-preview-grid .preview-item img{display:block;height:80px;object-fit:cover;width:100%}.image-upload-component .upload-container .image-preview-grid .preview-item .remove-button{align-items:center;background:#000000b3;border:none;border-radius:2px;color:#fff;cursor:pointer;display:flex;font-size:8px;font-weight:700;height:14px;justify-content:center;position:absolute;right:2px;top:2px;width:14px}.image-upload-component .upload-container .image-preview-grid .preview-item .remove-button:hover{background:#f00c}.image-upload-component .upload-container .image-preview-grid .preview-item .file-info{background:#000c;padding:4px}.image-upload-component .upload-container .image-preview-grid .preview-item .file-info .file-name{color:#fff;display:block;font-size:.6rem;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.image-upload-component .upload-container .image-preview-grid .preview-item .file-info .file-size{color:#888;font-size:.5rem;margin-top:1px}.image-upload-component .upload-container .add-more-button{align-items:center;background:#00b8941a;border:1px solid #00b894;border-radius:8px;color:#00b894;cursor:pointer;display:flex;font-size:.9rem;gap:.5rem;margin-top:1rem;padding:.75rem 1.5rem;transition:all .2s ease}.image-upload-component .upload-container .add-more-button:hover{background:#00b89433;transform:translateY(-1px)}@media(max-width:768px){.image-upload-component .upload-container .image-upload-area{padding:2rem 1rem}.image-upload-component .upload-container .image-upload-area .upload-content .upload-icon .loading-spinner,.image-upload-component .upload-container .image-upload-area .upload-content .upload-icon svg{height:36px;width:36px}.image-upload-component .upload-container .image-upload-area .upload-content h3{font-size:1.1rem}.image-upload-component .upload-container .image-upload-area .upload-content p{font-size:.8rem}.image-upload-component .upload-container .image-preview .preview-container img{max-height:150px;max-width:250px}.image-upload-component .upload-container .image-preview-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.image-upload-component .upload-container .image-preview-grid .preview-item img{height:120px}}@media(max-width:480px){.image-upload-component .upload-container .image-upload-area{padding:1.5rem .75rem}.image-upload-component .upload-container .image-preview .preview-container img{max-height:120px;max-width:200px}.image-upload-component .upload-container .image-preview-grid{grid-template-columns:1fr}.image-upload-component .upload-container .image-preview-grid .preview-item img{height:100px}}.prompt-input-component{margin-bottom:2rem}.prompt-input-component .component-header{margin-bottom:1.8rem}.prompt-input-component .component-header .component-title{align-items:center;color:#fff;color:var(--color-text-primary,#fff);display:flex;font-size:1.5rem;font-weight:700;gap:.25rem;margin:0 0 .5rem}.prompt-input-component .component-header .component-title .required-mark{color:#ff6b6b;font-size:1rem}.prompt-input-component .component-header .component-description{color:#aaa;color:var(--color-text-secondary,#aaa);font-size:.9rem;line-height:1.4;margin:0}.prompt-input-component .input-container .textarea-wrapper{background:#ffffff05;border:2px solid #444;border-radius:12px;overflow:hidden;position:relative;transition:all .3s ease}.prompt-input-component .input-container .textarea-wrapper:hover{background:#ffffff0a;border-color:#555}.prompt-input-component .input-container .textarea-wrapper.focused{background:#00b8940d;border-color:#00b894;box-shadow:0 0 0 3px #00b8941a}.prompt-input-component .input-container .textarea-wrapper.error{background:#ff6b6b0d;border-color:#ff6b6b}.prompt-input-component .input-container .textarea-wrapper.error.focused{box-shadow:0 0 0 3px #ff6b6b1a}.prompt-input-component .input-container .textarea-wrapper .prompt-textarea{background:#0000;border:none;color:#fff;font-family:inherit;font-size:.95rem;line-height:1.6;min-height:120px;outline:none;padding:1rem 1.25rem;resize:vertical;width:100%}.prompt-input-component .input-container .textarea-wrapper .prompt-textarea::placeholder{color:#666;opacity:1}.prompt-input-component .input-container .textarea-wrapper .prompt-textarea:disabled{cursor:not-allowed;opacity:.6}.prompt-input-component .input-container .textarea-wrapper .prompt-textarea.auto-resize{overflow:hidden;resize:none}.prompt-input-component .input-container .textarea-wrapper .prompt-textarea[style*=height]{min-height:0!important;min-height:auto!important;overflow-y:auto;resize:none!important}.prompt-input-component .input-container .textarea-wrapper .char-count{background:#0009;border-radius:4px;bottom:.75rem;color:#666;font-size:.8rem;padding:.25rem .5rem;pointer-events:none;position:absolute;right:1rem}.prompt-input-component .input-container .textarea-wrapper .char-count.over-limit{background:#ff6b6b33;color:#ff6b6b}.prompt-input-component .input-container .validation-message{align-items:center;display:flex;font-size:.85rem;gap:.5rem;margin-top:.5rem}.prompt-input-component .input-container .validation-message.error{color:#ff6b6b}.prompt-input-component .input-container .validation-message.success{color:#00b894}.prompt-input-component .input-container .validation-message.warning{color:#fdcb6e}.prompt-input-component .input-container .suggestions-section{margin-top:1rem}.prompt-input-component .input-container .suggestions-section .suggestions-toggle{align-items:center;background:#ffffff0d;border:1px solid #444;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;justify-content:space-between;padding:.75rem 1rem;transition:all .2s ease;width:100%}.prompt-input-component .input-container .suggestions-section .suggestions-toggle:hover{background:#ffffff14;border-color:#555}.prompt-input-component .input-container .suggestions-section .suggestions-toggle:disabled{cursor:not-allowed;opacity:.6}.prompt-input-component .input-container .suggestions-section .suggestions-toggle .toggle-icon{transition:transform .2s ease}.prompt-input-component .input-container .suggestions-section .suggestions-toggle .toggle-icon.expanded{transform:rotate(180deg)}.prompt-input-component .input-container .suggestions-section .suggestions-list{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0006;border:1px solid #444;border-radius:8px;margin-top:.75rem;overflow:hidden}.prompt-input-component .input-container .suggestions-section .suggestions-list .suggestions-header{background:#ffffff0d;border-bottom:1px solid #444;color:#b0b0b0;font-size:.85rem;font-weight:500;padding:.75rem 1rem}.prompt-input-component .input-container .suggestions-section .suggestions-list .suggestions-grid{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:1fr;max-height:300px;overflow-y:auto;padding:.5rem}.prompt-input-component .input-container .suggestions-section .suggestions-list .suggestions-grid .suggestion-item{background:#ffffff05;border:1px solid #333;border-radius:6px;color:#fff;cursor:pointer;padding:.75rem;text-align:left;transition:all .2s ease}.prompt-input-component .input-container .suggestions-section .suggestions-list .suggestions-grid .suggestion-item:hover{background:#00b8941a;border-color:#00b894;transform:translateY(-1px)}.prompt-input-component .input-container .suggestions-section .suggestions-list .suggestions-grid .suggestion-item:disabled{cursor:not-allowed;opacity:.6}.prompt-input-component .input-container .suggestions-section .suggestions-list .suggestions-grid .suggestion-item .suggestion-content .suggestion-title{color:#00b894;font-size:.85rem;font-weight:600;margin-bottom:.25rem}.prompt-input-component .input-container .suggestions-section .suggestions-list .suggestions-grid .suggestion-item .suggestion-content .suggestion-text{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#ccc;display:-webkit-box;font-size:.8rem;line-height:1.4;overflow:hidden}@media(max-width:768px){.prompt-input-component .input-container .textarea-wrapper .prompt-textarea{font-size:.9rem;min-height:100px;padding:.875rem 1rem}.prompt-input-component .input-container .textarea-wrapper .char-count{bottom:.5rem;font-size:.75rem;right:.75rem}.prompt-input-component .input-container .suggestions-section .suggestions-toggle{font-size:.85rem;padding:.625rem .875rem}.prompt-input-component .input-container .suggestions-section .suggestions-list .suggestions-header{font-size:.8rem;padding:.625rem .875rem}.prompt-input-component .input-container .suggestions-section .suggestions-list .suggestions-grid{padding:.375rem}.prompt-input-component .input-container .suggestions-section .suggestions-list .suggestions-grid .suggestion-item{padding:.625rem}.prompt-input-component .input-container .suggestions-section .suggestions-list .suggestions-grid .suggestion-item .suggestion-content .suggestion-title{font-size:.8rem}.prompt-input-component .input-container .suggestions-section .suggestions-list .suggestions-grid .suggestion-item .suggestion-content .suggestion-text{font-size:.75rem}}@media(max-width:480px){.prompt-input-component .input-container .textarea-wrapper .prompt-textarea{font-size:.85rem;min-height:80px;padding:.75rem}.prompt-input-component .input-container .suggestions-section .suggestions-list .suggestions-grid{max-height:200px}}.suggestions-grid::-webkit-scrollbar{width:6px}.suggestions-grid::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.suggestions-grid::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.suggestions-grid::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.color-picker-container{margin-bottom:2rem}.color-picker-container .component-header{margin-bottom:1.5rem}.color-picker-container .component-header .component-title{align-items:center;color:#fff;color:var(--color-text-primary,#fff);display:flex;font-size:1.5rem;font-weight:700;gap:.25rem;margin:0 0 .5rem}.color-picker-container .component-header .component-title .required-indicator{color:#ff6b6b;font-size:1rem}.color-picker-container .component-header .component-description{color:#aaa;color:var(--color-text-secondary,#aaa);font-size:.9rem;line-height:1.4;margin:0}.color-picker-container .color-picker-content .current-color-display{align-items:center;background:#ffffff05;border:2px solid #444;border-radius:12px;display:flex;gap:1rem;padding:1rem;transition:all .3s ease}.color-picker-container .color-picker-content .current-color-display:hover{background:#ffffff0a;border-color:#555}.color-picker-container .color-picker-content .current-color-display .color-preview{border:2px solid #555;border-radius:8px;box-shadow:0 2px 4px #0000004d;cursor:pointer;height:60px;position:relative;transition:all .2s ease;width:60px}.color-picker-container .color-picker-content .current-color-display .color-preview:hover{box-shadow:0 4px 8px #0006;transform:scale(1.05)}.color-picker-container .color-picker-content .current-color-display .color-preview .no-color-indicator{align-items:center;background:linear-gradient(45deg,#333 25%,#0000 0),linear-gradient(-45deg,#333 25%,#0000 0),linear-gradient(45deg,#0000 75%,#333 0),linear-gradient(-45deg,#0000 75%,#333 0);background-position:0 0,0 4px,4px -4px,-4px 0;background-size:8px 8px;border-radius:6px;display:flex;inset:0;justify-content:center;position:absolute}.color-picker-container .color-picker-content .current-color-display .color-preview .no-color-indicator span{background:#000c;border-radius:4px;color:#ccc;font-size:.7rem;padding:.2rem .4rem}.color-picker-container .color-picker-content .current-color-display .color-info{display:flex;flex:1 1;flex-direction:column;gap:.25rem}.color-picker-container .color-picker-content .current-color-display .color-info .color-label{color:#aaa;font-size:.9rem;font-weight:500}.color-picker-container .color-picker-content .current-color-display .color-info .color-value{color:#fff;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:1rem;font-weight:600}.color-picker-container .color-picker-content .current-color-display .palette-toggle{background:#00b894;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:.5rem 1rem;transition:all .2s ease}.color-picker-container .color-picker-content .current-color-display .palette-toggle:hover:not(:disabled){background:#00a085;transform:translateY(-1px)}.color-picker-container .color-picker-content .current-color-display .palette-toggle:disabled{background:#95a5a6;cursor:not-allowed}.color-picker-container .color-picker-content .color-palette{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0006;border:2px solid #444;border-radius:12px;box-shadow:0 4px 6px #0000004d;margin-top:1rem;padding:1.5rem}.color-picker-container .color-picker-content .color-palette .palette-section-title{color:#fff;font-size:1rem;font-weight:600;margin:0 0 1rem}.color-picker-container .color-picker-content .color-palette .preset-colors{margin-bottom:1.5rem}.color-picker-container .color-picker-content .color-palette .preset-colors .color-grid{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(auto-fill,minmax(40px,1fr));max-width:100%}.color-picker-container .color-picker-content .color-palette .preset-colors .color-grid .color-option{border:2px solid #555;border-radius:6px;cursor:pointer;height:40px;position:relative;transition:all .2s ease;width:40px}.color-picker-container .color-picker-content .color-palette .preset-colors .color-grid .color-option:hover:not(:disabled){box-shadow:0 4px 8px #0006;transform:scale(1.1);z-index:1}.color-picker-container .color-picker-content .color-palette .preset-colors .color-grid .color-option.selected{border-color:#00b894;border-width:3px;box-shadow:0 0 0 2px #00b89433}.color-picker-container .color-picker-content .color-palette .preset-colors .color-grid .color-option:disabled{cursor:not-allowed;opacity:.5}.color-picker-container .color-picker-content .color-palette .custom-color{margin-bottom:1.5rem}.color-picker-container .color-picker-content .color-palette .custom-color .custom-color-input{align-items:center;display:flex;gap:.75rem}.color-picker-container .color-picker-content .color-palette .custom-color .custom-color-input .color-input{background:none;border:2px solid #555;border-radius:6px;cursor:pointer;height:40px;width:60px}.color-picker-container .color-picker-content .color-palette .custom-color .custom-color-input .color-input:hover:not(:disabled){border-color:#00b894}.color-picker-container .color-picker-content .color-palette .custom-color .custom-color-input .color-input:disabled{cursor:not-allowed;opacity:.5}.color-picker-container .color-picker-content .color-palette .custom-color .custom-color-input .hex-input{background:#ffffff0d;border:2px solid #555;border-radius:6px;color:#fff;flex:1 1;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.9rem;padding:.75rem;transition:all .2s ease}.color-picker-container .color-picker-content .color-palette .custom-color .custom-color-input .hex-input:focus{background:#00b8940d;border-color:#00b894;box-shadow:0 0 0 3px #00b8941a;outline:none}.color-picker-container .color-picker-content .color-palette .custom-color .custom-color-input .hex-input:disabled{background:#ffffff05;cursor:not-allowed;opacity:.6}.color-picker-container .color-picker-content .color-palette .custom-color .custom-color-input .hex-input::placeholder{color:#666}.color-picker-container .color-picker-content .color-palette .color-actions .clear-color-button{background:#e74c3c;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:.5rem 1rem;transition:all .2s ease}.color-picker-container .color-picker-content .color-palette .color-actions .clear-color-button:hover:not(:disabled){background:#c0392b;transform:translateY(-1px)}.color-picker-container .color-picker-content .color-palette .color-actions .clear-color-button:disabled{background:#95a5a6;cursor:not-allowed}.color-picker-container .color-picker-content .validation-message{border-radius:4px;font-size:.85rem;font-weight:500;margin-top:.5rem;padding:.5rem .75rem}.color-picker-container .color-picker-content .validation-message.error{background:#ff6b6b1a;border:1px solid #ff6b6b4d;color:#ff6b6b}.color-picker-container.invalid .current-color-display{background:#ff6b6b0d;border-color:#ff6b6b}@media(max-width:768px){.color-picker-container .color-picker-content .current-color-display{align-items:stretch;flex-direction:column;gap:.75rem}.color-picker-container .color-picker-content .current-color-display .color-preview{align-self:center}.color-picker-container .color-picker-content .current-color-display .color-info{text-align:center}.color-picker-container .color-picker-content .color-palette{padding:1rem}.color-picker-container .color-picker-content .color-palette .preset-colors .color-grid{gap:.4rem;grid-template-columns:repeat(auto-fill,minmax(35px,1fr))}.color-picker-container .color-picker-content .color-palette .preset-colors .color-grid .color-option{height:35px;width:35px}.color-picker-container .color-picker-content .color-palette .custom-color .custom-color-input{align-items:stretch;flex-direction:column}}.parameter-selector-container{margin-bottom:2rem}.parameter-selector-container .component-header{margin-bottom:1.5rem}.parameter-selector-container .component-header .component-title{align-items:center;color:#fff;color:var(--color-text-primary,#fff);display:flex;font-size:1.5rem;font-weight:700;gap:.25rem;margin:0 0 .5rem}.parameter-selector-container .component-header .component-title .required-indicator{color:#ff6b6b;font-size:1rem}.parameter-selector-container .component-header .component-description{color:#aaa;color:var(--color-text-secondary,#aaa);font-size:.9rem;line-height:1.4;margin:0}.parameter-selector-container .parameter-selector-content .parameter-cards{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.parameter-selector-container .parameter-selector-content .parameter-cards .parameter-card{align-items:center;background:#ffffff0d;border:2px solid #444;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;min-height:120px;padding:1.5rem;position:relative;text-align:center;transition:all .3s ease}.parameter-selector-container .parameter-selector-content .parameter-cards .parameter-card:hover:not(.disabled){background:#00b8941a;border-color:#00b894;box-shadow:0 4px 12px #00b89433;transform:translateY(-2px)}.parameter-selector-container .parameter-selector-content .parameter-cards .parameter-card.selected{background:#00b89426;border-color:#00b894;box-shadow:0 0 0 2px #00b8944d}.parameter-selector-container .parameter-selector-content .parameter-cards .parameter-card.disabled{cursor:not-allowed;opacity:.5}.parameter-selector-container .parameter-selector-content .parameter-cards .parameter-card .card-icon{font-size:2rem;margin-bottom:.5rem}.parameter-selector-container .parameter-selector-content .parameter-cards .parameter-card .card-content{display:flex;flex:1 1;flex-direction:column;justify-content:center}.parameter-selector-container .parameter-selector-content .parameter-cards .parameter-card .card-content .card-label{color:#fff;font-size:1rem;font-weight:600;margin-bottom:.5rem}.parameter-selector-container .parameter-selector-content .parameter-cards .parameter-card .card-content .card-description{color:#aaa;font-size:.85rem;line-height:1.3}.parameter-selector-container .parameter-selector-content .parameter-cards .parameter-card .selection-indicator{align-items:center;background:#00b894;border-radius:50%;color:#fff;display:flex;font-size:.8rem;font-weight:700;height:24px;justify-content:center;position:absolute;right:.5rem;top:.5rem;width:24px}.parameter-selector-container .parameter-selector-content .parameter-buttons{display:flex;flex-wrap:wrap;gap:.75rem}.parameter-selector-container .parameter-selector-content .parameter-buttons .parameter-button{align-items:center;background:#ffffff0d;border:2px solid #444;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.parameter-selector-container .parameter-selector-content .parameter-buttons .parameter-button:hover:not(:disabled){background:#00b8941a;border-color:#00b894}.parameter-selector-container .parameter-selector-content .parameter-buttons .parameter-button.selected{background:#00b89433;border-color:#00b894;color:#00b894}.parameter-selector-container .parameter-selector-content .parameter-buttons .parameter-button:disabled{cursor:not-allowed;opacity:.5}.parameter-selector-container .parameter-selector-content .parameter-buttons .parameter-button .button-icon{font-size:1rem}.parameter-selector-container .parameter-selector-content .parameter-buttons .parameter-button .button-label{white-space:nowrap}.parameter-selector-container .parameter-selector-content .parameter-dropdown .dropdown-select{background:#ffffff0d;border:2px solid #444;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;padding:1rem;transition:all .2s ease;width:100%}.parameter-selector-container .parameter-selector-content .parameter-dropdown .dropdown-select:hover:not(:disabled){border-color:#555}.parameter-selector-container .parameter-selector-content .parameter-dropdown .dropdown-select:focus{border-color:#00b894;box-shadow:0 0 0 2px #00b89433;outline:none}.parameter-selector-container .parameter-selector-content .parameter-dropdown .dropdown-select.invalid{border-color:#ff6b6b}.parameter-selector-container .parameter-selector-content .parameter-dropdown .dropdown-select:disabled{cursor:not-allowed;opacity:.5}.parameter-selector-container .parameter-selector-content .parameter-dropdown .dropdown-select option{background:#2a2a2a;color:#fff;padding:.5rem}.parameter-selector-container .validation-message{font-size:.85rem;margin-top:.5rem}.parameter-selector-container .validation-message.error{color:#ff6b6b}.parameter-selector-container.invalid .parameter-selector-content .parameter-buttons .parameter-button,.parameter-selector-container.invalid .parameter-selector-content .parameter-cards .parameter-card{border-color:#ff6b6b}@media(max-width:768px){.parameter-selector-container .parameter-selector-content .parameter-cards{gap:.75rem;grid-template-columns:1fr}.parameter-selector-container .parameter-selector-content .parameter-cards .parameter-card{min-height:100px;padding:1rem}.parameter-selector-container .parameter-selector-content .parameter-buttons{gap:.5rem}.parameter-selector-container .parameter-selector-content .parameter-buttons .parameter-button{font-size:.85rem;padding:.5rem 1rem}}@media(max-width:480px){.parameter-selector-container .parameter-selector-content .parameter-cards .parameter-card{min-height:80px;padding:.75rem}.parameter-selector-container .parameter-selector-content .parameter-cards .parameter-card .card-icon{font-size:1.5rem}.parameter-selector-container .parameter-selector-content .parameter-cards .parameter-card .card-content .card-label{font-size:.9rem}.parameter-selector-container .parameter-selector-content .parameter-cards .parameter-card .card-content .card-description{font-size:.8rem}.parameter-selector-container .parameter-selector-content .parameter-buttons .parameter-button{font-size:.8rem;padding:.5rem .75rem}}.ai-tool-template{background:#121212;background:var(--color-bg-primary,#121212);color:#fff;color:var(--color-text-primary,#fff);min-height:100vh}.ai-tool-template .page-header{border-bottom:1px solid #333;border-bottom:1px solid var(--color-border,#333);padding:1rem 2rem;position:relative}.ai-tool-template .page-header .back-button{align-items:center;background:#2a2a2a;background:var(--color-bg-hover,#2a2a2a);border:1px solid #444;border:1px solid var(--color-border-light,#444);border-radius:8px;color:#fff;color:var(--color-text-primary,#fff);cursor:pointer;display:flex;font-size:.9rem;gap:.5rem;margin-bottom:1.5rem;padding:.75rem 1rem;transition:all .3s ease}.ai-tool-template .page-header .back-button:hover{background:#1e1e1e;background:var(--color-bg-card,#1e1e1e);border-color:#4caf50;border-color:var(--color-primary,#4caf50);transform:translateX(-2px)}.ai-tool-template .page-header .back-button svg{transition:transform .3s ease}.ai-tool-template .page-header .back-button:hover svg{transform:translateX(-2px)}.ai-tool-template .page-header .header-content{margin:0 auto;max-width:800px;text-align:center}.ai-tool-template .page-header .header-content .page-title{-webkit-text-fill-color:#0000;align-items:center;background:linear-gradient(135deg,var(--gradient-start) 0,var(--gradient-end) 100%);-webkit-background-clip:text;background-clip:text;display:flex;font-size:3rem;font-weight:800;gap:1rem;justify-content:center;margin:0 0 1rem}.ai-tool-template .page-header .header-content .page-title .title-icon{-webkit-font-smoothing:antialiased;-webkit-text-fill-color:initial;background:none;-webkit-background-clip:initial;background-clip:initial;display:inline-block;font-family:Apple Color Emoji,Segoe UI Emoji,Noto Color Emoji,sans-serif;font-size:3rem;line-height:1;text-rendering:optimizeLegibility;text-shadow:0 0 10px #4caf504d;vertical-align:middle}.ai-tool-template .page-header .header-content .page-description{color:#aaa;color:var(--color-text-secondary,#aaa);font-size:1.1rem;line-height:1.6;margin:0}.ai-tool-template .main-content{margin:0 auto;max-width:1400px;padding:2rem 2rem 120px}.ai-tool-template .main-content .content-grid{grid-gap:3rem;align-items:start;display:grid;gap:3rem;grid-template-columns:1fr 1fr}@media(max-width:768px){.ai-tool-template .main-content .content-grid{gap:2rem;grid-template-columns:1fr}}.ai-tool-template .section-header{margin-bottom:1.5rem}.ai-tool-template .section-header h2{color:#fff;color:var(--color-text-primary,#fff);font-size:1.5rem;font-weight:700;margin:0 0 .5rem}.ai-tool-template .section-header p{color:#aaa;color:var(--color-text-secondary,#aaa);font-size:.9rem;margin:0}.ai-tool-template .upload-section .upload-area{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e1e1e;background:var(--color-bg-card,#1e1e1e);border:2px dashed #4caf5080;border-radius:16px;cursor:pointer;padding:3rem 2rem;text-align:center;transition:all .3s ease}.ai-tool-template .upload-section .upload-area:hover{background:#4caf501a;border-color:#4caf50;border-color:var(--color-primary,#4caf50);transform:translateY(-2px)}.ai-tool-template .upload-section .upload-area .upload-icon{font-size:4rem;margin-bottom:1rem;opacity:.7}.ai-tool-template .upload-section .upload-area h3{color:#fff;color:var(--color-text-primary,#fff);font-size:1.3rem;font-weight:600;margin:0 0 .5rem}.ai-tool-template .upload-section .upload-area p{color:#aaa;color:var(--color-text-secondary,#aaa);font-size:.9rem;margin:0}.ai-tool-template .upload-section .uploaded-image{background:#1e1e1e;background:var(--color-bg-card,#1e1e1e);border:1px solid #333;border:1px solid var(--color-border,#333);border-radius:16px;overflow:hidden;position:relative}.ai-tool-template .upload-section .uploaded-image img{display:block;height:300px;object-fit:contain;width:100%}.ai-tool-template .upload-section .uploaded-image .image-info{align-items:center;background:#00000080;display:flex;justify-content:space-between;padding:1rem}.ai-tool-template .upload-section .uploaded-image .image-info .image-name{color:#fff;flex:1 1;font-size:.9rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ai-tool-template .upload-section .uploaded-image .image-info .remove-button{align-items:center;background:#ef444433;border:1px solid #ef444480;border-radius:50%;color:#ef4444;cursor:pointer;display:flex;font-size:.8rem;height:32px;justify-content:center;transition:all .3s ease;width:32px}.ai-tool-template .upload-section .uploaded-image .image-info .remove-button:hover{background:#ef44444d;transform:scale(1.1)}.ai-tool-template .upload-section .error-message{background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;color:#ef4444;font-size:.9rem;margin-top:1rem;padding:1rem;text-align:center}.ai-tool-template .upload-section .generate-button{align-items:center;background:#00b894;border:none;border-radius:12px;bottom:20px;box-shadow:0 4px 20px #00b8944d;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;font-weight:600;gap:.5rem;justify-content:center;left:50%;margin-top:0;overflow:hidden;padding:1rem 2rem;position:fixed;transform:translateX(-50%);transition:all .3s ease;width:500px;z-index:1000}.ai-tool-template .upload-section .generate-button:hover:not(:disabled){box-shadow:0 8px 25px #00b89466;transform:translateX(-50%) translateY(-2px)}.ai-tool-template .upload-section .generate-button:disabled{cursor:not-allowed;opacity:.6}.ai-tool-template .upload-section .generate-button.generating{animation:pulse 2s infinite;color:#fff;font-weight:600}.ai-tool-template .upload-section .generate-button.generating:before{animation:move 1s linear infinite;background:linear-gradient(45deg,#0000 25%,#ffffff1a 0,#ffffff1a 50%,#0000 0,#0000 75%,#ffffff1a 0);background-size:20px 20px;bottom:0;content:"";left:0;position:absolute;right:0;top:0}.ai-tool-template .generate-section .generate-button{align-items:center;background:#00b894;border:none;border-radius:12px;bottom:20px;box-shadow:0 4px 20px #00b8944d;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;font-weight:600;gap:.5rem;justify-content:center;left:50%;margin-top:0;overflow:hidden;padding:1rem 2rem;position:fixed;transform:translateX(-50%);transition:all .3s ease;width:300px;z-index:1000}.ai-tool-template .generate-section .generate-button:hover:not(:disabled){box-shadow:0 8px 25px #00b89466;transform:translateX(-50%) translateY(-2px)}.ai-tool-template .generate-section .generate-button:disabled{cursor:not-allowed;opacity:.6}.ai-tool-template .generate-section .generate-button.generating{animation:pulse 2s infinite;color:#fff;font-weight:600}.ai-tool-template .generate-section .generate-button.generating:before{animation:move 1s linear infinite;background:linear-gradient(45deg,#0000 25%,#ffffff1a 0,#ffffff1a 50%,#0000 0,#0000 75%,#ffffff1a 0);background-size:20px 20px;bottom:0;content:"";left:0;position:absolute;right:0;top:0}.ai-tool-template .result-section .result-image{background:#1e1e1e;background:var(--color-bg-card,#1e1e1e);border:1px solid #333;border:1px solid var(--color-border,#333);border-radius:12px;box-shadow:0 4px 12px #0000001a;margin-bottom:1.5rem;overflow:hidden}.ai-tool-template .result-section .result-image img{display:block;height:360px;object-fit:contain;width:100%}.ai-tool-template .result-section .result-placeholder{align-items:center;border:2px dashed #4caf5080;border-radius:12px;display:flex;flex-direction:column;height:300px;justify-content:center;padding:3rem 2rem;text-align:center}.ai-tool-template .result-section .result-placeholder .placeholder-icon{font-size:3rem;margin-bottom:1rem;opacity:.6}.ai-tool-template .result-section .result-placeholder h3{color:#666;font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.ai-tool-template .result-section .result-placeholder p{color:#999;font-size:.9rem;line-height:1.4}.ai-tool-template .result-section .result-actions{display:flex;gap:1rem}.ai-tool-template .result-section .result-actions button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;flex:1 1;font-weight:500;gap:.5rem;justify-content:center;padding:.75rem 1.5rem;transition:all .2s ease}.ai-tool-template .result-section .result-actions button.download-button{background:var(--gradient-start);color:#fff}.ai-tool-template .result-section .result-actions button.download-button:hover{background:var(--gradient-end);transform:translateY(-1px)}.ai-tool-template .result-section .result-actions button.regenerate-button{background:#f5f5f5;border:1px solid #e0e0e0;color:#666}.ai-tool-template .result-section .result-actions button.regenerate-button:hover{background:#e9e9e9;transform:translateY(-1px)}@media(max-width:1200px){.ai-tool-template .main-content .content-grid{gap:2rem;grid-template-columns:1fr}.ai-tool-template .main-content .content-grid:has(.result-section){grid-template-columns:1fr}}@media(max-width:768px){.ai-tool-template .page-header{padding:1rem}.ai-tool-template .page-header .header-content .page-title{flex-direction:column;font-size:2rem;gap:.5rem}.ai-tool-template .page-header .header-content .page-title .title-icon{font-size:1.8rem}.ai-tool-template .page-header .header-content .page-description{font-size:1rem}.ai-tool-template .main-content,.ai-tool-template .upload-section .upload-area{padding:2rem 1rem}.ai-tool-template .upload-section .upload-area .upload-icon{font-size:3rem}.ai-tool-template .upload-section .upload-area h3{font-size:1.1rem}}@media(max-width:480px){.ai-tool-template .page-header .header-content .page-title{font-size:1.8rem}.ai-tool-template .main-content{padding:1.5rem .5rem}.ai-tool-template .result-section .result-image .result-actions{flex-direction:column;gap:.5rem}}.upload-section .prompt-input-area{margin-bottom:20px}.upload-section .prompt-input-area .prompt-textarea{background:#1a1a1a;border:2px dashed #444;border-radius:8px;color:#fff;font-size:14px;line-height:1.5;min-height:120px;padding:15px;resize:vertical;transition:all .3s ease;width:100%}.upload-section .prompt-input-area .prompt-textarea:focus{background:#222;border-color:#00b894;box-shadow:0 0 0 3px #00b8941a;outline:none}.upload-section .prompt-input-area .prompt-textarea::placeholder{color:#999}.face-swap-container{background:#121212;background:var(--color-bg-primary,#121212);color:#fff;color:var(--color-text-primary,#fff);font-family:Inter,sans-serif;font-family:var(--font-family-primary,"Inter",sans-serif);min-height:100vh}.face-swap-container .page-header{border-bottom:1px solid #333;border-bottom:1px solid var(--color-border,#333);padding:1rem 2rem;position:relative}.face-swap-container .page-header .back-button{align-items:center;background:#2a2a2a;background:var(--color-bg-hover,#2a2a2a);border:1px solid #444;border:1px solid var(--color-border-light,#444);border-radius:8px;color:#fff;color:var(--color-text-primary,#fff);cursor:pointer;display:flex;font-size:.9rem;gap:.5rem;margin-bottom:1.5rem;padding:.75rem 1rem;transition:all .3s ease}.face-swap-container .page-header .back-button:hover{background:#1e1e1e;background:var(--color-bg-card,#1e1e1e);border-color:#4caf50;border-color:var(--color-primary,#4caf50);transform:translateX(-2px)}.face-swap-container .page-header .back-button svg{transition:transform .3s ease}.face-swap-container .page-header .back-button:hover svg{transform:translateX(-2px)}.face-swap-container .page-header .header-content{margin:0 auto;max-width:800px;text-align:center}.face-swap-container .page-header .header-content .page-title{-webkit-text-fill-color:#0000;align-items:center;background:linear-gradient(135deg,#4caf50,#00e5b8);background:linear-gradient(135deg,var(--color-primary,#4caf50) 0,var(--color-secondary,#00e5b8) 100%);-webkit-background-clip:text;background-clip:text;display:flex;font-size:3rem;font-weight:800;gap:1rem;justify-content:center;margin:0 0 1rem}.face-swap-container .page-header .header-content .page-title .title-icon{-webkit-font-smoothing:antialiased;-webkit-text-fill-color:initial;background:none;-webkit-background-clip:initial;background-clip:initial;display:inline-block;font-family:Apple Color Emoji,Segoe UI Emoji,Noto Color Emoji,sans-serif;font-size:3rem;line-height:1;text-rendering:optimizeLegibility;text-shadow:0 0 10px #4caf504d;vertical-align:middle}.face-swap-container .page-header .header-content .page-description{color:#aaa;color:var(--color-text-secondary,#aaa);font-size:1.1rem;line-height:1.6;margin:0}.face-swap-container .main-content{display:flex;gap:20px;margin:0 auto;max-width:1400px;padding:20px}.face-swap-container .main-content:before{background:radial-gradient(circle at 20% 80%,#4caf500d 0,#0000 50%),radial-gradient(circle at 80% 20%,#00e5b80d 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.face-swap-container .main-content>*{position:relative;z-index:1}.face-swap-container .main-content .main-tabs{background:#1e1e1e;background:var(--color-bg-card,#1e1e1e);border:1px solid #333;border:1px solid var(--color-border,#333);border-radius:12px;display:flex;margin-bottom:20px;overflow:hidden}.face-swap-container .main-content .main-tabs button{background:#0000;border:none;color:#aaa;color:var(--color-text-secondary,#aaa);cursor:pointer;flex:1 1;font-size:16px;font-weight:600;padding:10px;transition:all .3s ease}.face-swap-container .main-content .main-tabs button:hover{background:#2a2a2a;background:var(--color-bg-hover,#2a2a2a);color:#fff;color:var(--color-text-primary,#fff)}.face-swap-container .main-content .main-tabs button.active{background:linear-gradient(135deg,#4caf50,#00e5b8);background:linear-gradient(135deg,var(--color-primary,#4caf50) 0,var(--color-secondary,#00e5b8) 100%);box-shadow:0 4px 12px #4caf504d;color:#fff}.face-swap-container .main-content .main-tabs button:not(:last-child){border-right:1px solid #333;border-right:1px solid var(--color-border,#333)}.face-swap-container .main-content .prompt-section{margin-bottom:20px}.face-swap-container .main-content .prompt-section label{color:#fff;color:var(--color-text-primary,#fff);display:block;font-weight:600;margin-bottom:5px}.face-swap-container .main-content .prompt-section textarea{background:#1a1a1a;background:var(--color-bg-secondary,#1a1a1a);border:1px solid #333;border:1px solid var(--color-border,#333);border-radius:8px;color:#fff;color:var(--color-text-primary,#fff);font-family:inherit;min-height:80px;padding:10px;resize:vertical;transition:all .3s ease;width:100%}.face-swap-container .main-content .prompt-section textarea:focus{border-color:#4caf50;border-color:var(--color-primary,#4caf50);box-shadow:0 0 0 3px #4caf501a;outline:none}.face-swap-container .main-content .prompt-section textarea::placeholder{color:#666;color:var(--color-text-muted,#666)}.face-swap-container .main-content .prompt-actions{display:flex;justify-content:flex-end;margin-top:10px}.face-swap-container .main-content .prompt-actions button{background:#1a1a1a;background:var(--color-bg-secondary,#1a1a1a);border:1px solid #333;border:1px solid var(--color-border,#333);border-radius:6px;color:#fff;color:var(--color-text-primary,#fff);cursor:pointer;margin-left:10px;padding:5px 10px;transition:all .3s ease}.face-swap-container .main-content .prompt-actions button:hover{background:#2a2a2a;background:var(--color-bg-hover,#2a2a2a);border-color:#4caf50;border-color:var(--color-primary,#4caf50)}.face-swap-container .main-content .left-panel{background:#1e1e1e;background:var(--color-bg-card,#1e1e1e);border:1px solid #333;border:1px solid var(--color-border,#333);border-radius:16px;box-shadow:0 4px 12px #0000001a;display:flex;flex-direction:column;padding:20px;position:relative;width:400px}.face-swap-container .main-content .left-panel .tabs{display:flex;flex-wrap:wrap;gap:5px;justify-content:space-between;margin-bottom:20px}.face-swap-container .main-content .left-panel .tab-button{background:none;border:none;border-radius:6px;color:#aaa;color:var(--color-text-secondary,#aaa);cursor:pointer;font-size:14px;padding:8px 10px;transition:all .3s ease}.face-swap-container .main-content .left-panel .tab-button:hover{background:#2a2a2a;background:var(--color-bg-hover,#2a2a2a);color:#fff;color:var(--color-text-primary,#fff)}.face-swap-container .main-content .left-panel .tab-button.active{background:#4caf501a;border-bottom:2px solid #4caf50;border-bottom:2px solid var(--color-primary,#4caf50);color:#4caf50;color:var(--color-primary,#4caf50);font-weight:700}.face-swap-container .main-content .left-panel .option-item{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.face-swap-container .main-content .left-panel .option-item label{color:#fff;color:var(--color-text-primary,#fff);font-weight:500}.face-swap-container .main-content .left-panel .custom-select{position:relative;width:55%}.face-swap-container .main-content .left-panel .custom-select select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:#1a1a1a;background:var(--color-bg-secondary,#1a1a1a);border:1px solid #333;border:1px solid var(--color-border,#333);border-radius:6px;color:#fff;color:var(--color-text-primary,#fff);cursor:pointer;padding:8px;transition:all .3s ease;width:100%}.face-swap-container .main-content .left-panel .custom-select select:focus{border-color:#4caf50;border-color:var(--color-primary,#4caf50);box-shadow:0 0 0 3px #4caf501a;outline:none}.face-swap-container .main-content .left-panel .custom-select select:hover{border-color:#555;border-color:var(--color-border-light,#555)}.face-swap-container .main-content .left-panel .custom-select select option{background:#1a1a1a;background:var(--color-bg-secondary,#1a1a1a);color:#fff;color:var(--color-text-primary,#fff)}.face-swap-container .main-content .left-panel .custom-select:after{color:#aaa;color:var(--color-text-secondary,#aaa);content:"▼";font-size:12px;pointer-events:none;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.face-swap-container .main-content .left-panel .generate-button{background-color:#00b894;border:none;border-radius:10px;bottom:0;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;margin-top:20px;overflow:hidden;padding:15px;position:-webkit-sticky;position:sticky;transition:background-color .3s;width:100%;z-index:10}.face-swap-container .main-content .left-panel .generate-button:hover:not(:disabled){background-color:#00a383}.face-swap-container .main-content .left-panel .generate-button:disabled{background-color:#666;cursor:not-allowed}.face-swap-container .main-content .left-panel .generate-button.generating{animation:pulse 2s infinite}.face-swap-container .main-content .left-panel .generate-button.generating:before{animation:move 1s linear infinite;background:linear-gradient(45deg,#0000 25%,#ffffff1a 0,#ffffff1a 50%,#0000 0,#0000 75%,#ffffff1a 0);background-size:20px 20px;bottom:0;content:"";left:0;position:absolute;right:0;top:0}.face-swap-container .right-panel{background:#1e1e1e;background:var(--color-bg-card,#1e1e1e);border:1px solid #333;border:1px solid var(--color-border,#333);border-radius:16px;box-shadow:0 4px 12px #0000001a;display:flex;flex:1 1;flex-direction:column;overflow:hidden;padding:20px;position:relative}.face-swap-container .right-panel .image-to-image-panel{gap:30px}.face-swap-container .right-panel .image-to-image-panel,.face-swap-container .right-panel .text-to-image-panel{display:flex;flex:1 1;flex-direction:column;overflow-y:auto;padding-bottom:80px}.face-swap-container .right-panel .generate-bar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e1e1e;background:var(--color-bg-card,#1e1e1e);border-top:1px solid #333;border-top:1px solid var(--color-border,#333);bottom:0;left:0;margin:0 -20px -20px;padding:20px;position:-webkit-sticky;position:sticky;right:0;z-index:10}.face-swap-container .right-panel .generate-bar .generate-button{background-color:#00b894;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;overflow:hidden;padding:15px;position:relative;transition:background-color .3s;width:100%}.face-swap-container .right-panel .generate-bar .generate-button:hover:not(:disabled){background-color:#00a383}.face-swap-container .right-panel .generate-bar .generate-button:disabled{background-color:#666;cursor:not-allowed}.face-swap-container .right-panel .generate-bar .generate-button.generating{animation:pulse 2s infinite}.face-swap-container .right-panel .generate-bar .generate-button.generating:before{animation:move 1s linear infinite;background:linear-gradient(45deg,#0000 25%,#ffffff1a 0,#ffffff1a 50%,#0000 0,#0000 75%,#ffffff1a 0);background-size:20px 20px;bottom:0;content:"";left:0;position:absolute;right:0;top:0}.face-swap-container .right-panel .result-section,.face-swap-container .right-panel .upload-section{display:flex;flex-direction:column;gap:15px}.face-swap-container .right-panel .section-title{color:#fff;color:var(--color-text-primary,#fff);font-size:16px;font-weight:600;margin:0;padding-left:5px}.face-swap-container .right-panel .result-container,.face-swap-container .right-panel .upload-container{align-items:center;background:#1a1a1a;background:var(--color-bg-secondary,#1a1a1a);border:2px dashed #4caf5080;border-radius:12px;display:flex;justify-content:center;min-height:350px;padding:20px;text-align:center}.face-swap-container .right-panel .upload-container{cursor:pointer;flex-direction:column;transition:all .3s ease}.face-swap-container .right-panel .upload-container:hover{background:#4caf500d;border-color:#4caf50;border-color:var(--color-primary,#4caf50);transform:translateY(-2px)}.face-swap-container .right-panel .result-placeholder,.face-swap-container .right-panel .upload-placeholder{align-items:center;color:#aaa;color:var(--color-text-secondary,#aaa);display:flex;flex-direction:column;gap:10px}.face-swap-container .right-panel .result-placeholder p,.face-swap-container .right-panel .upload-placeholder p{font-size:16px;margin:0}.face-swap-container .right-panel .upload-icon{font-size:48px;opacity:.7}.face-swap-container .right-panel .image-preview{border:1px solid #333;border:1px solid var(--color-border,#333);border-radius:8px;max-height:350px;max-width:100%}.face-swap-container .right-panel .section-actions{display:flex;gap:10px;justify-content:center;margin-top:10px}.face-swap-container .right-panel .section-actions .download-btn{align-items:center;background:linear-gradient(135deg,#4caf50,#00e5b8);background:linear-gradient(135deg,var(--color-primary,#4caf50) 0,var(--color-secondary,#00e5b8) 100%);border:none;border-radius:6px;box-shadow:0 2px 8px #4caf504d;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:8px 16px;transition:all .3s ease}.face-swap-container .right-panel .section-actions .download-btn:hover{box-shadow:0 4px 12px #4caf5066;transform:translateY(-2px)}.face-swap-container .right-panel .section-actions .download-btn:active{transform:translateY(0)}.face-swap-container .right-panel .section-actions .download-btn svg{height:16px;width:16px}.face-swap-container .right-panel .generated-image-area,.face-swap-container .right-panel .upload-area{display:none}@keyframes pulse{0%,to{box-shadow:0 0 0 0 #00b89466}50%{box-shadow:0 0 0 10px #00b89400}}@keyframes move{0%{background-position:0 0}to{background-position:20px 20px}}@media(max-width:768px){.face-swap-container{flex-direction:column;padding:10px}.face-swap-container .left-panel{margin-bottom:20px;width:100%}.face-swap-container .right-panel{width:100%}.face-swap-container .tabs{justify-content:center}.face-swap-container .tab-button{font-size:12px;padding:8px}}.preview-btn{align-items:center;background:linear-gradient(135deg,#4caf50,#00e5b8);background:linear-gradient(135deg,var(--color-primary,#4caf50) 0,var(--color-secondary,#00e5b8) 100%);border:none;border-radius:6px;box-shadow:0 2px 8px #4caf504d;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;margin-right:12px;padding:8px 16px;transition:all .3s ease}.preview-btn:hover{box-shadow:0 4px 12px #4caf5066;transform:translateY(-2px)}.preview-btn:active{transform:translateY(0)}.preview-btn svg{height:16px;width:16px}.preview-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.preview-modal{animation:modalSlideIn .3s ease-out;background:#1e1e1e;background:var(--color-bg-card,#1e1e1e);border:1px solid #333;border:1px solid var(--color-border,#333);border-radius:16px;box-shadow:0 20px 25px -5px #0000004d,0 10px 10px -5px #0003;display:flex;flex-direction:column;height:auto;max-height:95vh;max-width:95vw;overflow:hidden;width:auto}@media(max-width:768px){.preview-modal{border-radius:12px;max-height:98vh;max-width:98vw}}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.preview-modal-header{align-items:center;background:#1a1a1a;background:var(--color-bg-secondary,#1a1a1a);border-bottom:1px solid #333;border-bottom:1px solid var(--color-border,#333);display:flex;justify-content:space-between;padding:20px 24px}.preview-modal-header h3{color:#fff;color:var(--color-text-primary,#fff);font-size:18px;font-weight:600;margin:0}.preview-modal-header .close-btn{background:none;border:none;border-radius:8px;color:#aaa;color:var(--color-text-secondary,#aaa);cursor:pointer;padding:8px;transition:all .2s ease}.preview-modal-header .close-btn:hover{background:#2a2a2a;background:var(--color-bg-hover,#2a2a2a);color:#fff;color:var(--color-text-primary,#fff)}.preview-modal-header .close-btn svg{height:24px;width:24px}.preview-modal-content{align-items:center;background:#1e1e1e;background:var(--color-bg-card,#1e1e1e);display:flex;flex:1 1;justify-content:center;overflow:auto;padding:24px}.preview-modal-content .preview-image{border:1px solid #333;border:1px solid var(--color-border,#333);border-radius:8px;box-shadow:0 4px 12px #0000004d;max-height:calc(95vh - 140px);max-width:100%;object-fit:contain}@media(max-width:768px){.preview-modal-content .preview-image{max-height:calc(98vh - 120px)}}.preview-modal-actions{background:#1a1a1a;background:var(--color-bg-secondary,#1a1a1a);border-top:1px solid #333;border-top:1px solid var(--color-border,#333);display:flex;justify-content:center;padding:20px 24px}.preview-modal-actions .download-btn{align-items:center;background:linear-gradient(135deg,#4caf50,#00e5b8);background:linear-gradient(135deg,var(--color-primary,#4caf50) 0,var(--color-secondary,#00e5b8) 100%);border:none;border-radius:8px;box-shadow:0 2px 8px #4caf504d;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 24px;transition:all .3s ease}.preview-modal-actions .download-btn:hover{box-shadow:0 4px 12px #4caf5066;transform:translateY(-2px)}.preview-modal-actions .download-btn:active{transform:translateY(0)}.preview-modal-actions .download-btn svg{height:16px;width:16px}.payment-success-container{align-items:center;background:#0a0a0a;display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;justify-content:center;min-height:100vh;padding:20px}.payment-success-container .payment-success-card{background:#1e1e1e;border:1px solid #333;border-radius:16px;box-shadow:0 20px 40px #0000004d;max-width:500px;overflow:hidden;padding:60px 40px;position:relative;text-align:center;width:100%}.payment-success-container .payment-success-card:before{background:linear-gradient(90deg,#4caf50,#00e5b8);content:"";height:4px;left:0;position:absolute;right:0;top:0}.payment-success-container .payment-success-card .success-icon{display:flex;justify-content:center;margin-bottom:24px}.payment-success-container .payment-success-card .success-icon svg{animation:scaleIn .5s ease-out;filter:drop-shadow(0 4px 8px rgba(76,175,80,.3))}.payment-success-container .payment-success-card h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#4caf50,#00e5b8);-webkit-background-clip:text;background-clip:text;color:#fff;font-size:28px;font-weight:700;margin-bottom:16px;margin-top:0}.payment-success-container .payment-success-card p{color:#aaa;font-size:16px;line-height:1.6;margin-bottom:16px}.payment-success-container .payment-success-card p:first-of-type{color:#fff;font-weight:500}.payment-success-container .payment-success-card p:last-of-type{margin-bottom:32px}.payment-success-container .payment-success-card .continue-button{background:linear-gradient(135deg,#4caf50,#00e5b8);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:24px;min-width:200px;overflow:hidden;padding:16px 32px;position:relative;transition:all .3s ease}.payment-success-container .payment-success-card .continue-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.payment-success-container .payment-success-card .continue-button:hover{box-shadow:0 12px 24px #4caf5066;transform:translateY(-2px)}.payment-success-container .payment-success-card .continue-button:hover:before{left:100%}.payment-success-container .payment-success-card .continue-button:active{transform:translateY(0)}@media(max-width:480px){.payment-success-container .payment-success-card{padding:32px 24px}.payment-success-container .payment-success-card h1{font-size:24px}}.payment-callback-container{align-items:center;background:#0a0a0a;display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;justify-content:center;min-height:100vh;padding:20px}.payment-callback-card{background:#1e1e1e;border:1px solid #333;border-radius:16px;box-shadow:0 20px 40px #0000004d;max-width:500px;overflow:hidden;position:relative;width:100%}.payment-callback-card:before{background:linear-gradient(90deg,#4caf50,#00e5b8);content:"";height:4px;left:0;position:absolute;right:0;top:0}.callback-content{padding:60px 40px;text-align:center}.callback-content h1{color:#fff;font-size:28px;font-weight:700;margin:24px 0 16px}.callback-content p{color:#aaa;font-size:16px;line-height:1.6;margin-bottom:16px}.callback-content p:last-of-type{margin-bottom:32px}.callback-content p:first-of-type{color:#fff;font-weight:500}.callback-content .payment-details{background:#2d2d2d;border:1px solid #444;border-radius:12px;margin:24px 0;padding:20px;text-align:left}.callback-content .payment-details p{color:#aaa;font-size:14px;margin-bottom:8px}.callback-content .payment-details p:last-child{margin-bottom:0}.callback-content .payment-details p strong{color:#fff;font-weight:600}.callback-content .continue-button{background:linear-gradient(135deg,#4caf50,#00e5b8);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;min-width:200px;overflow:hidden;padding:16px 32px;position:relative;transition:all .3s ease}.callback-content .continue-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.callback-content .continue-button:hover{box-shadow:0 12px 24px #4caf5066;transform:translateY(-2px)}.callback-content .continue-button:hover:before{left:100%}.callback-content .continue-button:active{transform:translateY(0)}.callback-content .continue-button.success{background:linear-gradient(135deg,#4caf50,#00e5b8)}.callback-content .continue-button.success:hover{box-shadow:0 12px 24px #4caf5066}.callback-content .continue-button.cancelled{background:linear-gradient(135deg,#ff9800,#f57c00)}.callback-content .continue-button.cancelled:hover{background:linear-gradient(135deg,#f57c00,#e65100);box-shadow:0 12px 24px #ff980066}.callback-content .continue-button.error{background:linear-gradient(135deg,#f44336,#d32f2f)}.callback-content .continue-button.error:hover{background:linear-gradient(135deg,#d32f2f,#b71c1c);box-shadow:0 12px 24px #f4433666}.processing .loading-spinner{animation:spin 1s linear infinite;border:4px solid #333;border-radius:50%;border-top-color:#4caf50;height:64px;margin:0 auto 24px;width:64px}.success h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#4caf50,#00e5b8);-webkit-background-clip:text;background-clip:text}.success .success-icon{margin-bottom:24px}.success .success-icon svg{animation:scaleIn .5s ease-out;filter:drop-shadow(0 4px 8px rgba(76,175,80,.3))}.quick-success h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#4caf50,#00e5b8);-webkit-background-clip:text;background-clip:text}.quick-success .success-icon{margin-bottom:24px}.quick-success .success-icon svg{animation:scaleIn .5s ease-out;filter:drop-shadow(0 4px 8px rgba(76,175,80,.3))}.quick-success .credits-processing-indicator{align-items:center;background:#2d2d2d;border:1px solid #444;border-radius:12px;display:flex;gap:12px;justify-content:center;margin:24px 0;padding:20px}.quick-success .credits-processing-indicator .small-loading-spinner{animation:spin 1s linear infinite;border:2px solid #333;border-radius:50%;border-top-color:#4caf50;height:20px;width:20px}.quick-success .credits-processing-indicator .processing-text{color:#aaa;font-size:14px;margin:0}.processing_timeout h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#ff9800,#f57c00);-webkit-background-clip:text;background-clip:text}.processing_timeout .warning-icon{margin-bottom:24px}.processing_timeout .warning-icon svg{animation:scaleIn .5s ease-out;filter:drop-shadow(0 4px 8px rgba(255,152,0,.3))}.processing_timeout .continue-button.warning{background:linear-gradient(135deg,#ff9800,#f57c00)}.processing_timeout .continue-button.warning:hover{background:linear-gradient(135deg,#f57c00,#e65100);box-shadow:0 12px 24px #ff980066}.cancelled h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#ff9800,#f57c00);-webkit-background-clip:text;background-clip:text}.cancelled .cancelled-icon{margin-bottom:24px}.cancelled .cancelled-icon svg{animation:scaleIn .5s ease-out;filter:drop-shadow(0 4px 8px rgba(255,152,0,.3))}.error h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f44336,#d32f2f);-webkit-background-clip:text;background-clip:text}.error .error-icon{margin-bottom:24px}.error .error-icon svg{animation:scaleIn .5s ease-out;filter:drop-shadow(0 4px 8px rgba(244,67,54,.3))}@keyframes scaleIn{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@media(max-width:768px){.payment-callback-container{padding:16px}.callback-content{padding:40px 24px}.callback-content h1{font-size:24px}.callback-content p{font-size:15px}.callback-content .continue-button{font-size:15px;min-width:180px;padding:12px 24px}}.avatar-upload{align-items:center;display:flex;flex-direction:column;gap:16px}.avatar-upload .avatar-container{display:inline-block;position:relative}.avatar-upload .success-message{align-items:center;display:flex}.avatar-upload .success-message .avatar-upload-success-icon{margin-right:5px}.avatar-upload .avatar-preview{border:3px solid #e1e5e9;border-radius:50%;cursor:pointer;height:120px;overflow:hidden;position:relative;transition:all .3s ease;width:120px}.avatar-upload .avatar-preview .avatar-image{display:block;height:100%;object-fit:cover;width:100%}.avatar-upload .avatar-preview .avatar-overlay{align-items:center;background:#0009;bottom:0;color:#fff;display:flex;flex-direction:column;justify-content:center;left:0;opacity:1;position:absolute;right:0;top:0;transition:opacity .3s ease}.avatar-upload .avatar-preview .avatar-overlay .upload-icon{margin-bottom:8px}.avatar-upload .avatar-preview .avatar-overlay .upload-icon .loading-spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:24px;width:24px}.avatar-upload .avatar-preview .avatar-overlay .upload-text{font-size:12px;font-weight:500}.avatar-upload .file-input{display:none}.avatar-upload .error-message{background:#f8d7da;border:1px solid #f5c6cb;border-radius:4px;color:#dc3545;font-size:14px;margin-top:8px;padding:8px 12px;text-align:center}.avatar-upload .upload-tips{color:#fff;font-size:12px;line-height:1.4;text-align:center}.avatar-upload .upload-tips p{margin:0 0 4px}.avatar-upload .upload-tips p:last-child{margin-bottom:0}@media(max-width:768px){.avatar-upload .avatar-preview{height:100px;width:100px}}.profile-form{margin:0 auto;max-width:400px}.profile-form .form-group{margin-bottom:24px}.profile-form .form-group .form-label{color:#fff;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.profile-form .form-group .form-label .required{color:#f44336;margin-left:2px}.profile-form .form-group .form-input{background:#fff;border:1px solid #ddd;border-radius:8px;font-size:14px;padding:12px 16px;transition:all .3s ease;width:100%}.profile-form .form-group .form-input:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a;outline:none}.profile-form .form-group .form-input.error{border-color:#dc3545}.profile-form .form-group .form-input.error:focus{border-color:#dc3545;box-shadow:0 0 0 3px #dc35451a}.profile-form .form-group .form-input:disabled{background:#f8f9fa;color:#6c757d;cursor:not-allowed}.profile-form .form-group .form-input::placeholder{color:#999}.profile-form .form-group .input-hint{color:#6c757d;font-size:12px;margin-top:4px;text-align:right}.profile-form .message{align-items:center;border-radius:6px;display:flex;font-size:14px;gap:8px;margin-bottom:20px;padding:12px 16px}.profile-form .message svg{flex-shrink:0}.profile-form .message.error-message{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.profile-form .message.success-message{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.profile-form .form-actions{display:flex;gap:12px;justify-content:flex-end}.profile-form .form-actions .btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;min-width:100px;padding:10px 20px;transition:all .3s ease}.profile-form .form-actions .btn:disabled{cursor:not-allowed;opacity:.6}.profile-form .form-actions .btn.btn-secondary{background:#6c757d;color:#fff}.profile-form .form-actions .btn.btn-secondary:hover:not(:disabled){background:#5a6268}.profile-form .form-actions .btn.btn-primary{background:#007bff;color:#fff}.profile-form .form-actions .btn.btn-primary:hover:not(:disabled){background:#0056b3}.profile-form .form-actions .btn .loading-spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}@media(max-width:768px){.profile-form{max-width:100%}.profile-form .form-actions{flex-direction:column}.profile-form .form-actions .btn{width:100%}}.loading-state{align-items:center;display:flex;justify-content:center;padding:40px 20px}.loading-state.full-height{min-height:200px}.loading-state .loading-content{align-items:center;display:flex;flex-direction:column;text-align:center}.loading-state .loading-spinner{animation:spin 1s linear infinite;border:3px solid #333;border-radius:50%;border-top-color:#4caf50;margin-bottom:16px}.loading-state .loading-spinner.small{border-width:2px;height:24px;width:24px}.loading-state .loading-spinner.medium{border-width:3px;height:40px;width:40px}.loading-state .loading-spinner.large{border-width:4px;height:56px;width:56px}.loading-state .loading-message{color:#aaa;font-size:14px;font-weight:500;margin:0}.error-state{align-items:center;display:flex;justify-content:center;min-height:200px;padding:60px 20px}.error-state .error-content{align-items:center;display:flex;flex-direction:column;max-width:400px;text-align:center}.error-state .error-icon{margin-bottom:16px;opacity:.9}.error-state .error-title{color:#fff;font-size:20px;font-weight:600;margin:0 0 8px}.error-state .error-message{color:#aaa;font-size:14px;line-height:1.5;margin:0 0 24px}.error-state .retry-button{align-items:center;background:#4caf50;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 24px;transition:all .3s ease}.error-state .retry-button:hover{background:#3d8b40;transform:translateY(-1px)}.error-state .retry-button:active{transform:translateY(0)}.error-state .retry-button:focus{box-shadow:0 0 0 3px #4caf504d;outline:none}.error-state .retry-button svg{flex-shrink:0}@media(max-width:480px){.error-state{padding:40px 16px}.error-state .error-title{font-size:18px}.error-state .retry-button{justify-content:center;width:100%}}.user-info-display{margin-bottom:32px}.user-info-display .info-item{align-items:center;border-bottom:1px solid #2a2a2a;display:flex;justify-content:space-between;padding:16px 0}.user-info-display .info-item:last-child{border-bottom:none}.user-info-display .info-item .info-label{color:#aaa;font-size:14px;font-weight:500;min-width:80px}.user-info-display .info-item .info-value{align-items:center;display:flex;flex:1 1;gap:12px;justify-content:flex-end}.user-info-display .info-item .info-value .info-text{color:#fff;font-size:14px;word-break:break-all}.user-info-display .info-item .info-value .info-badge{border-radius:16px;font-size:12px;font-weight:500;padding:4px 12px;white-space:nowrap}.user-info-display .info-item .info-value .info-badge.verified{background:#28a7451a;border:1px solid #28a74533;color:#28a745}.user-info-display .info-item .info-value .info-badge.unverified{background:#ffc1071a;border:1px solid #ffc10733;color:#ffc107}@media(max-width:768px){.user-info-display .info-item{align-items:flex-start;flex-direction:column;gap:8px;padding:12px 0}.user-info-display .info-item .info-label{min-width:auto}.user-info-display .info-item .info-value{flex-wrap:wrap;justify-content:flex-start;width:100%}}@media(max-width:480px){.user-info-display .info-item .info-value .info-text{font-size:13px}.user-info-display .info-item .info-value .info-badge{font-size:11px;padding:3px 8px}}.my-profile{background-color:#121212;color:#fff;margin:0 auto;max-width:800px;padding:24px}.my-profile .profile-header{margin-bottom:32px;text-align:center}.my-profile .profile-header h2{color:#28a745;font-size:36px;font-weight:700;margin:0 0 8px}.my-profile .profile-header p{color:#aaa;font-size:16px;margin:0}.my-profile .profile-content{display:flex;flex-direction:column;gap:32px}.my-profile .profile-section{background:#1e1e1e;border:1px solid #333;border-radius:12px;box-shadow:0 8px 30px #0000004d;padding:24px}.my-profile .profile-section h3{border-bottom:1px solid #333;color:#fff;font-size:18px;font-weight:600;margin:0 0 20px;padding-bottom:12px}@media(max-width:768px){.my-profile{padding:16px}.my-profile .profile-section{padding:20px 16px}.my-profile .profile-section .section-content .user-info .info-item{align-items:flex-start;flex-direction:column;gap:8px}.my-profile .profile-section .section-content .user-info .info-item .info-value{justify-content:flex-start;width:100%}}@media(max-width:480px){.my-profile .profile-header h2{font-size:24px}.my-profile .profile-section{padding:16px 12px}.my-profile .profile-section h3{font-size:16px}}.refund-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.refund-modal-overlay .refund-modal{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;display:flex;flex-direction:column;max-height:90vh;max-width:600px;overflow:hidden;width:100%}.refund-modal-overlay .refund-modal-header{align-items:center;background:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:24px}.refund-modal-overlay .refund-modal-title{align-items:center;color:#111827;display:flex;font-size:18px;font-weight:600;gap:8px;margin:0}.refund-modal-overlay .refund-modal-close{background:none;border:none;border-radius:6px;color:#6b7280;cursor:pointer;padding:8px;transition:all .2s ease}.refund-modal-overlay .refund-modal-close:hover{background:#f3f4f6;color:#374151}.refund-modal-overlay .refund-modal-content{flex:1 1;overflow-y:auto;padding:24px}.refund-modal-overlay .refund-modal-loading{align-items:center;color:#6b7280;display:flex;justify-content:center;padding:40px}.refund-modal-overlay .refund-modal-error{color:#ef4444;padding:40px;text-align:center}.refund-modal-overlay .refund-modal-order-info{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:24px;padding:20px}.refund-modal-overlay .refund-modal-order-info h3{color:#1e293b;font-size:16px;font-weight:600;margin:0 0 16px}.refund-modal-overlay .refund-modal-order-info-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.refund-modal-overlay .refund-modal-order-info-item{display:flex;flex-direction:column;gap:4px}.refund-modal-overlay .refund-modal-order-info-item .label{color:#64748b;font-size:12px;font-weight:500;letter-spacing:.05em;text-transform:uppercase}.refund-modal-overlay .refund-modal-order-info-item .value{color:#1e293b;font-size:14px;font-weight:600}.refund-modal-overlay .refund-modal-conditions{margin-bottom:24px}.refund-modal-overlay .refund-modal-conditions h3{color:#1e293b;font-size:16px;font-weight:600;margin:0 0 16px}.refund-modal-overlay .refund-modal-conditions-list{display:flex;flex-direction:column;gap:12px;list-style:none;margin:0;padding:0}.refund-modal-overlay .refund-modal-conditions-list li{align-items:center;background:#f8fafc;border-left:4px solid #0000;border-radius:6px;display:flex;gap:12px;padding:12px}.refund-modal-overlay .refund-modal-conditions-list li.success{background:#ecfdf5;border-left-color:#10b981}.refund-modal-overlay .refund-modal-conditions-list li.success .icon{color:#10b981}.refund-modal-overlay .refund-modal-conditions-list li.error{background:#fef2f2;border-left-color:#ef4444}.refund-modal-overlay .refund-modal-conditions-list li.error .icon{color:#ef4444}.refund-modal-overlay .refund-modal-conditions-list li .icon{flex-shrink:0;font-size:16px}.refund-modal-overlay .refund-modal-conditions-list li .text{color:#374151;font-size:14px}.refund-modal-overlay .refund-modal-reason{margin-bottom:24px}.refund-modal-overlay .refund-modal-reason label{color:#374151;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.refund-modal-overlay .refund-modal-reason textarea{border:1px solid #d1d5db;border-radius:6px;font-family:inherit;font-size:14px;min-height:100px;padding:12px;resize:vertical;transition:border-color .2s ease;width:100%}.refund-modal-overlay .refund-modal-reason textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.refund-modal-overlay .refund-modal-reason textarea::placeholder{color:#9ca3af}.refund-modal-overlay .refund-modal-notice{background:#fef3c7;border:1px solid #f59e0b;border-radius:6px;margin-bottom:24px;padding:16px}.refund-modal-overlay .refund-modal-notice h4{align-items:center;color:#92400e;display:flex;font-size:14px;font-weight:600;gap:8px;margin:0 0 8px}.refund-modal-overlay .refund-modal-notice ul{color:#92400e;font-size:13px;line-height:1.5;margin:0;padding-left:16px}.refund-modal-overlay .refund-modal-notice ul li{margin-bottom:4px}.refund-modal-overlay .refund-modal-footer{background:#f9fafb;border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;padding:24px}.refund-modal-overlay .refund-modal-button{border:1px solid #0000;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s ease}.refund-modal-overlay .refund-modal-button.secondary{background:#fff;border-color:#d1d5db;color:#374151}.refund-modal-overlay .refund-modal-button.secondary:hover{background:#f9fafb;border-color:#9ca3af}.refund-modal-overlay .refund-modal-button.primary{background:#3b82f6;color:#fff}.refund-modal-overlay .refund-modal-button.primary:hover{background:#2563eb}.refund-modal-overlay .refund-modal-button.primary:disabled{background:#9ca3af;cursor:not-allowed}.refund-modal-overlay .refund-modal-button.danger{background:#ef4444;color:#fff}.refund-modal-overlay .refund-modal-button.danger:hover{background:#dc2626}.refund-modal-overlay .refund-modal-button.danger:disabled{background:#9ca3af;cursor:not-allowed}@media(max-width:640px){.refund-modal-overlay{padding:10px}.refund-modal-overlay .refund-modal{max-height:95vh}.refund-modal-overlay .refund-modal-content,.refund-modal-overlay .refund-modal-header{padding:16px}.refund-modal-overlay .refund-modal-footer{flex-direction:column;padding:16px}.refund-modal-overlay .refund-modal-footer .refund-modal-button{justify-content:center;width:100%}.refund-modal-overlay .refund-modal-order-info-grid{grid-template-columns:1fr}}.personal-center{background-color:#0a0a0a;color:#fff;min-height:calc(100vh - 70px)}.personal-center .personal-center-container{margin:0 auto;max-width:1200px;padding:40px 20px}.personal-center .page-header{margin-bottom:40px;text-align:center}.personal-center .page-header h1{color:#28a745;font-size:48px;font-weight:700;letter-spacing:-.5px;margin:0 0 16px}.personal-center .page-header p{color:#aaa;font-size:18px;line-height:1.5;margin:0}.personal-center .page-header .credits-display{align-items:center;display:flex;gap:8px;justify-content:center;margin-top:16px}.personal-center .page-header .credits-display .credits-label{color:#aaa;font-size:18px}.personal-center .page-header .credits-display .credits-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#28a745,#20c997);-webkit-background-clip:text;background-clip:text;color:#28a745;font-size:32px;font-weight:700;letter-spacing:-.5px;text-shadow:0 2px 4px #28a7454d}.personal-center .tab-navigation{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:40px}.personal-center .tab-navigation .tab-button{background:#222;border:2px solid #444;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:all .2s ease;white-space:nowrap}.personal-center .tab-navigation .tab-button:hover:not(.active){border-color:#28a745;color:#28a745}.personal-center .tab-navigation .tab-button.active{background:#28a745;border-color:#28a745;color:#fff}.personal-center .tab-content{background:#111;border:1px solid #333;border-radius:16px;box-shadow:0 8px 30px #0000004d;padding:32px}@media(max-width:768px){.personal-center .personal-center-container{padding:20px 16px}.personal-center .page-header h1{font-size:36px}.personal-center .page-header p{font-size:16px}.personal-center .tab-navigation{align-items:center;flex-direction:column;gap:8px}.personal-center .tab-navigation .tab-button{justify-content:center;max-width:300px;width:100%}.personal-center .tab-content{padding:24px 16px}}.invitation-code-section .code-display .code-view .code-display-row{align-items:center;display:flex;gap:12px;justify-content:space-between;width:100%}.invitation-code-section .code-display .code-view .code-display-row .code-text{background:#111;border:1px solid #333;border-radius:8px;color:#28a745;font-family:JetBrains Mono,Courier New,monospace;font-size:18px;font-weight:700;letter-spacing:.1em;padding:12px 16px}.invitation-code-section .code-display .code-view .code-display-row .button-group{display:flex;gap:8px}.invitation-code-section .code-display .code-edit .code-input{background:#111;border:1px solid #333;border-radius:8px;color:#fff;font-size:16px;margin-bottom:12px;padding:12px 16px;width:100%}.invitation-code-section .code-display .code-edit .code-input:focus{border-color:#28a745;outline:none}.invitation-code-section .code-display .code-edit .code-input::placeholder{color:#666}.invitation-code-section .code-display .code-edit .code-actions{display:flex;gap:8px}.invitation-code-section .code-description{color:#888;font-size:14px;font-style:italic;margin-top:12px}@media(max-width:768px){.personal-center-container{padding:24px 16px}.page-header h1{font-size:36px}.page-header p{font-size:16px}.tab-navigation{flex-direction:column;gap:8px}.tab-navigation .tab-button{text-align:center;width:100%}.tab-content{padding:24px 16px}}.card{background:#1a1a1a;border:1px solid #333;border-radius:12px;margin-bottom:24px;padding:24px}.card .card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.card .card-header h3{color:#fff;font-size:18px;font-weight:600;margin:0}.card .card-content{color:#ccc}.stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:24px}.stats-grid .stat-card{background:#1a1a1a;border:1px solid #333;border-radius:12px;padding:20px;text-align:center}.stats-grid .stat-card .stat-value{color:#28a745;font-size:24px;font-weight:700;margin-bottom:4px}.stats-grid .stat-card .stat-label{color:#888;font-size:14px}.table-container{background:#1a1a1a;border:1px solid #333;border-radius:12px;overflow:hidden}.table-container .profile-table-header{display:flex;justify-content:space-between}.table-container .profile-table-header,.table-container .table-header{background:#111;border-bottom:1px solid #333;padding:20px 24px}.table-container .table-header h3{color:#fff;font-size:18px;font-weight:600;margin:0}.table-container .table-wrapper{overflow-x:auto}.table-container .table{border-collapse:collapse;width:100%}.table-container .table thead{background:#111}.table-container .table thead th{border-bottom:1px solid #333;color:#fff;font-size:14px;font-weight:600;letter-spacing:.5px;padding:16px 20px;text-align:left;text-transform:uppercase}.table-container .table tbody tr{border-bottom:1px solid #333;transition:background-color .2s ease}.table-container .table tbody tr:hover{background:#1a1a1a}.table-container .table tbody tr:last-child{border-bottom:none}.table-container .table tbody td{color:#ccc;font-size:14px;padding:16px 20px}.table-container .table tbody td.no-data{color:#888;font-style:italic;padding:40px 20px;text-align:center}.btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;padding:8px 16px;text-decoration:none;transition:all .2s ease}.btn.btn-primary{background:#28a745;color:#fff}.btn.btn-primary:hover{background:#218838}.btn.btn-secondary{background:#6c757d;color:#fff}.btn.btn-secondary:hover{background:#5a6268}.btn.btn-outline{background:#0000;border:1px solid #333;color:#ccc}.btn.btn-outline:hover{background:#1a1a1a;border-color:#28a745;color:#28a745}.btn.retry-button{background:#dc3545;color:#fff}.btn.retry-button:hover{background:#c82333}.loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.loading-container .loading-spinner{animation:spin 1s linear infinite;border:3px solid #333;border-radius:50%;border-top-color:#28a745;height:40px;margin-bottom:16px;width:40px}.loading-container p{color:#888;font-size:16px}.error-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.error-container .error-message{color:#dc3545;font-size:16px;margin-bottom:16px;text-align:center}.empty-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.empty-state .empty-icon{color:#666;margin-bottom:16px}.empty-state h3{color:#fff;font-size:20px;font-weight:600;margin-bottom:8px}.empty-state p{color:#888;font-size:16px}.status{border-radius:20px;font-size:12px;font-weight:600;padding:4px 12px;text-transform:uppercase}.status.completed{background:#28a74533;color:#28a745}.status.pending{background:#ffc10733;color:#ffc107}.status.cancelled{background:#dc354533;color:#dc3545}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.code-input{background:#222;border:1px solid #444;border-radius:8px;color:#fff;font-size:14px;margin-bottom:12px;padding:12px 16px;width:100%}.code-input:focus{border-color:#28a745;outline:none}.code-input::placeholder{color:#888}.code-display .code-view{align-items:center;background:#222;border-radius:8px;display:flex;gap:12px;margin-bottom:12px;padding:12px 16px}.code-display .code-view .code-text{color:#28a745;font-family:Monaco,Menlo,monospace;font-size:14px}.code-display .code-edit .code-actions{display:flex;gap:8px}.code-description{color:#888;font-size:14px;margin:0}.reward-balance{text-align:center}.reward-balance .balance-amount{color:#28a745;display:flex;font-size:36px;font-weight:700;justify-content:center;padding-bottom:40px}.App{background:linear-gradient(135deg,var(--color-bg) 0,var(--color-bg-card) 100%);color:var(--color-text);font-family:var(--font-body)}.App,.auth-container{min-height:100vh}*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0;padding:0}button,input,textarea{font-family:inherit}.main-content{min-height:calc(100vh - 80px);padding-top:80px}.container{margin:0 auto;max-width:1200px;padding:0 20px}.container-fluid{padding:0 20px;width:100%}.section{padding:80px 0}.section-sm{padding:40px 0}.section-lg{padding:120px 0}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.d-flex{display:flex}.flex-column{flex-direction:column}.flex-row{flex-direction:row}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.align-center{align-items:center}.align-start{align-items:flex-start}.align-end{align-items:flex-end}.m-0{margin:0}.m-1{margin:8px}.m-2{margin:16px}.m-3{margin:24px}.m-4{margin:32px}.m-5{margin:40px}.mt-0{margin-top:0}.mt-1{margin-top:8px}.mt-2{margin-top:16px}.mt-3{margin-top:24px}.mt-4{margin-top:32px}.mt-5{margin-top:40px}.mb-0{margin-bottom:0}.mb-1{margin-bottom:8px}.mb-2{margin-bottom:16px}.mb-3{margin-bottom:24px}.mb-4{margin-bottom:32px}.mb-5{margin-bottom:40px}.ml-0{margin-left:0}.ml-1{margin-left:8px}.ml-2{margin-left:16px}.ml-3{margin-left:24px}.ml-4{margin-left:32px}.ml-5{margin-left:40px}.mr-0{margin-right:0}.mr-1{margin-right:8px}.mr-2{margin-right:16px}.mr-3{margin-right:24px}.mr-4{margin-right:32px}.mr-5{margin-right:40px}.p-0{padding:0}.p-1{padding:8px}.p-2{padding:16px}.p-3{padding:24px}.p-4{padding:32px}.p-5{padding:40px}.pt-0{padding-top:0}.pt-1{padding-top:8px}.pt-2{padding-top:16px}.pt-3{padding-top:24px}.pt-4{padding-top:32px}.pt-5{padding-top:40px}.pb-0{padding-bottom:0}.pb-1{padding-bottom:8px}.pb-2{padding-bottom:16px}.pb-3{padding-bottom:24px}.pb-4{padding-bottom:32px}.pb-5{padding-bottom:40px}.pl-0{padding-left:0}.pl-1{padding-left:8px}.pl-2{padding-left:16px}.pl-3{padding-left:24px}.pl-4{padding-left:32px}.pl-5{padding-left:40px}.pr-0{padding-right:0}.pr-1{padding-right:8px}.pr-2{padding-right:16px}.pr-3{padding-right:24px}.pr-4{padding-right:32px}.pr-5{padding-right:40px}.w-100{width:100%}.w-75{width:75%}.w-50{width:50%}.w-25{width:25%}.h-100{height:100%}.h-75{height:75%}.h-50{height:50%}.h-25{height:25%}.d-none{display:none}.d-block{display:block}.d-inline{display:inline}.d-inline-block{display:inline-block}.position-relative{position:relative}.position-absolute{position:absolute}.position-fixed{position:fixed}.position-sticky{position:-webkit-sticky;position:sticky}.rounded{border-radius:8px}.rounded-sm{border-radius:4px}.rounded-lg{border-radius:12px}.rounded-xl{border-radius:16px}.rounded-full{border-radius:50%}.shadow-sm{box-shadow:0 2px 4px #0000001a}.shadow{box-shadow:0 4px 8px #0003}.shadow-lg{box-shadow:0 8px 16px #0000004d}.shadow-xl{box-shadow:0 12px 24px #0006}@media (max-width:768px){.container{padding:0 16px}.section{padding:60px 0}.section-lg{padding:80px 0}.main-content{padding-top:70px}}
/*# sourceMappingURL=main.f6c721dd.css.map*/