.auth-nav{display:flex;align-items:center;gap:1rem;padding:.5rem 1rem;background:#ffffff1a;border-radius:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.auth-nav .nav-link{color:#333;text-decoration:none;padding:.5rem 1rem;border-radius:6px;transition:all .3s ease;font-weight:500}.auth-nav .nav-link:hover{background:#0000001a;color:#000}.auth-nav .nav-button{background:#ff4757;color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-weight:500;transition:all .3s ease}.auth-nav .nav-button:hover{background:#ff3742;transform:translateY(-1px)}.auth-nav span{color:#333;font-weight:500;margin-right:.5rem}.auth-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;padding:2rem;text-align:center;background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;margin:2rem auto;max-width:500px}.auth-error h2{color:#ff4757;margin-bottom:1rem;font-size:1.5rem}.auth-error p{color:#666;margin-bottom:1.5rem;line-height:1.6}.auth-error-button{background:#ff4757;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;font-weight:500;transition:all .3s ease;font-size:1rem}.auth-error-button:hover{background:#ff3742;transform:translateY(-2px);box-shadow:0 4px 12px #ff47574d}body{font-family:Inter,sans-serif;margin:0;padding:0}.container{display:flex;height:100vh}.main-content{margin-left:17%;width:88%;padding:0;box-sizing:border-box}.sidebar{background-color:#000;color:#fff;padding:20px 10px;width:12%;display:flex;flex-direction:column;align-items:center;position:fixed;left:0;bottom:0;height:100vh;z-index:1000}.logo{text-align:center;margin-bottom:20px}.logo img{max-width:80%;height:auto;max-height:100px;margin-top:80px}.sidebar nav{width:100%;margin-top:150px}.sidebar nav ul{list-style-type:none;padding:0;margin:20px 0;display:flex;flex-direction:column;align-items:center}.sidebar nav li{margin-bottom:50px;display:flex;align-items:center}.sidebar nav a{display:flex;align-items:center;justify-content:center!important;text-align:center;width:125px;height:75px;padding:15px;border-radius:15px;font-size:12px;font-weight:700;text-decoration:none;color:#fff;transition:background-color .3s ease,transform .3s ease}.sidebar nav a:hover,.sidebar nav a.active{background:linear-gradient(90deg,#9b51e0b2,#5d5fefbb);color:#fff}.nav-icon{margin-right:10px;font-size:18px!important}.sidebar nav a i{margin-right:10px!important;font-size:25px!important}.sidebar p{text-align:center!important;margin-top:auto}.topbar{position:fixed;top:0;left:12%;width:89%;color:#000;display:flex;justify-content:flex-end;align-items:center;padding:5px 20px;z-index:1000;box-sizing:border-box;background:#fff9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transition:backdrop-filter .3s ease,background-color .3s ease}.topbar.scrolled{background:#ffffff80;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px)}.topbar h2{margin:0;font-size:18px;font-weight:700;color:#38b6ff}.topbar p{margin:0;font-size:14px;word-wrap:break-word;overflow:hidden}.welcome-message{margin-left:20px;color:#64709a;flex-grow:1}.welcome-message p{margin:0;font-weight:600;font-size:18px}.toast-coming-soon{position:fixed;top:20px;right:20px;background:linear-gradient(135deg,#5d5fef,#9b51e0);color:#fff;padding:1rem 1.5rem;border-radius:12px;box-shadow:0 10px 40px #5d5fef4d;font-weight:600;font-size:1rem;z-index:1000;animation:slideInRight .3s ease-out}.coming-soon-btn{opacity:.6;cursor:not-allowed;pointer-events:auto;font-size:inherit;font-weight:600;padding:10px 20px;border-radius:30px;background-color:#f3f4f6;color:#374151;text-decoration:none;transition:all .4s ease;border:1px solid transparent;margin-top:-3px;width:80%;max-width:200px;display:inline-flex;align-items:center;justify-content:center}.coming-soon-btn:hover{opacity:.8;transform:none;background-color:#f3f4f6;color:#374151;box-shadow:none}.floating-button{position:fixed;bottom:30px;right:30px;width:60px;height:60px;background:linear-gradient(90deg,#5d5fef,#9b51e0);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;text-decoration:none;box-shadow:0 4px 15px #5d5fef4d;transition:all .3s ease;z-index:1000}.floating-button i{font-size:24px}.floating-button:hover{transform:translateY(-5px);box-shadow:0 6px 20px #5d5fef66}.icon-large{font-size:24px}.language-selector{display:flex;align-items:center;margin-right:15px;position:relative}.language-selector select{padding:5px 25px 5px 8px;border-radius:4px;border:1px solid #ddd;background-color:#fff;font-size:14px;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.language-selector:after{content:"";font-family:"Font Awesome 5 Free";font-weight:900;position:absolute;right:8px;pointer-events:none;font-size:12px}.language-selector select:focus{outline:none;border-color:#007bff}.flag-icon{margin-right:5px;width:16px;height:12px;display:inline-block;vertical-align:middle}.content{margin-top:50px;width:93%;padding:0}.actions{display:flex;align-items:center;gap:15px;margin-right:20px}.upgrade-button{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;border:none;border-radius:18px;padding:9px 20px;margin-top:9px;margin-bottom:9px;cursor:pointer;font-size:14px;font-weight:600;font-family:system-ui,-apple-system,BlinkMacSystemFont,sans-serif;text-decoration:none;box-shadow:0 6px 20px #4f46e54d;transition:all .3s ease;position:relative;overflow:hidden;letter-spacing:.3px;text-transform:uppercase;height:36px;display:flex;align-items:center;justify-content:center}.upgrade-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .6s ease}.upgrade-button:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,transparent 50%,rgba(255,255,255,.1) 100%);opacity:0;transition:opacity .3s ease}.upgrade-button:hover{background:linear-gradient(135deg,#4338ca,#6d28d9);transform:translateY(-2px) scale(1.02);box-shadow:0 8px 25px #4f46e566}.upgrade-button:hover:before{left:100%}.upgrade-button:hover:after{opacity:1}.upgrade-button:active{transform:translateY(0) scale(.98);transition:all .1s ease}.profile-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;margin-top:9px;margin-bottom:9px;background-color:#ff4365;color:#fff;font-size:15px;font-weight:500;font-family:system-ui,-apple-system,BlinkMacSystemFont,sans-serif;border-radius:50%;text-decoration:none;box-shadow:none;transition:background-color .2s ease;line-height:1;padding-bottom:1px}.profile-icon:hover{background-color:#e63d5c;transform:none}.crown-icon{display:none}.topbar .logo{display:none;align-items:center;margin-right:auto}.topbar .logo img{max-height:30px;width:auto}@media screen and (min-width: 768px) and (max-width: 1023px){.container{flex-direction:column}.main-content{margin:0 auto;width:100%;padding:15px}.welcome-message{display:none}.sidebar{border-top:1px solid #58585857;background:#fff;width:100%;padding:0;position:fixed;bottom:0;height:70px;flex-direction:row;justify-content:center;z-index:9999}.logo{display:none}.sidebar nav{margin-top:0;width:100%}.sidebar nav ul{flex-direction:row;justify-content:center;margin:0;width:100%;padding:0;gap:60px}.sidebar nav li{margin:0;display:flex;justify-content:center;flex:1;max-width:100px}.sidebar nav a{background:linear-gradient(90deg,#00000095,#00000095);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:700;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px;width:80px;height:65px;font-size:12px}.sidebar nav a:hover,.sidebar nav a.active{background:linear-gradient(90deg,#9b51e0,#5d5fef);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.sidebar nav a .nav-icon{color:#000000cb;transition:color .3s ease}.sidebar nav a:hover .nav-icon,.sidebar nav a.active .nav-icon{color:#9b51e0}.nav-icon{font-size:24px!important;margin-left:6px!important;margin-bottom:5px;transition:color .3s ease}.topbar{left:0;width:100%;border-bottom:#9b9b9b85 1px solid}.content{width:100%;margin-bottom:80px;z-index:1}.topbar .logo{display:flex;align-items:center;justify-content:flex-start;margin-right:auto;padding-left:10px}.topbar .logo img{max-height:auto!important;width:auto;margin-top:0;margin-bottom:-0px}.topbar{left:0;width:100%;padding:10px 20px}.upgrade-button{display:none}.crown-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:#fff0;color:#000000bd;font-size:20px;text-decoration:none;transition:transform .3s ease,background-color .3s ease}.crown-icon:hover{color:#000;transform:scale(1.1)}.row-2,.row-3{grid-template-columns:repeat(2,1fr)}.update-p{display:none}.floating-button{position:fixed;bottom:100px!important;right:30px;width:60px;height:60px;background:linear-gradient(90deg,#5d5fef,#9b51e0);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;text-decoration:none;box-shadow:0 4px 15px #5d5fef4d;transition:all .3s ease;z-index:1000}.floating-button i{font-size:24px}.floating-button:hover{transform:translateY(-5px);box-shadow:0 6px 20px #5d5fef66}.icon-large{font-size:24px}.project-card img{height:200px}.create-now{margin-bottom:20px;align-self:center;display:inline-flex;align-items:center;justify-content:center;padding:10px 20px;border-radius:30px;background-color:#f3f4f6;color:#374151;text-decoration:none;font-weight:600;transition:all .4s ease;border:1px solid transparent;opacity:0;transform:translateY(0);z-index:2;margin-top:8px;width:80%;max-width:200px}.project-card .create-now{opacity:1;transform:translateY(0);background:linear-gradient(90deg,#5d5fef,#9b51e0);box-shadow:0 6px 20px #5d5fef66;transform:translateY(-5px);color:#fff;box-shadow:0 4px 15px #5d5fef4d}.create-now:hover{background:linear-gradient(90deg,#5d5fef,#9b51e0);box-shadow:0 6px 20px #5d5fef66;transform:translateY(-5px)}.project-card p:hover,.project-card p{display:none!important}.project-card{padding-bottom:15px!important}}@media screen and (max-width: 767px){.container{flex-direction:column}.sidebar{border-top:1px solid #58585857;background-color:#fff;width:100%;padding:0;position:fixed;bottom:0;height:65px;flex-direction:row;justify-content:center;z-index:9999}.sidebar .nav-icon{font-size:20px!important;margin-left:6px!important;margin-bottom:3px}.floating-button{position:fixed;bottom:90px!important;right:30px;width:60px;height:60px;background:linear-gradient(90deg,#5d5fef,#9b51e0);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;text-decoration:none;box-shadow:0 4px 15px #5d5fef4d;transition:all .3s ease;z-index:1000}.floating-button i{font-size:24px}.floating-button:hover{transform:translateY(-5px);box-shadow:0 6px 20px #5d5fef66}.icon-large{font-size:24px}.main-content{margin:0 auto;width:100%;padding:18px}.logo,.welcome-message{display:none}.sidebar nav{margin-top:0;width:100%}.sidebar nav ul{flex-direction:row;justify-content:center;margin:0;width:100%;padding:0;gap:30px}.sidebar nav li{margin:0;display:flex;justify-content:center;flex:1;max-width:80px}.sidebar nav a{background:linear-gradient(90deg,#000000a6,#000000a6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:5px;width:50px;height:50px;font-size:11px;border-radius:8px;transition:background-color .3s ease}.sidebar nav a:hover,.sidebar nav a.active{background:linear-gradient(90deg,#9b51e0,#5d5fef);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.sidebar nav a .nav-icon{color:#000000cb;transition:color .3s ease}.sidebar nav a:hover .nav-icon,.sidebar nav a.active .nav-icon{color:#9b51e0}.nav-icon{font-size:30px!important;margin-left:8px!important;margin-bottom:5px;transition:color .3s ease}.topbar .logo{display:flex;align-items:center;justify-content:flex-start;margin-right:auto;padding-left:10px}.topbar .logo img{max-height:45px;width:auto;margin-top:10px;margin-bottom:-10px}.topbar{left:0;width:100%;padding:10px 20px;border-bottom:#9b9b9b65 1px solid}.content{width:100%;margin-bottom:75px;z-index:1}.upgrade-button{display:none}.crown-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:#fff0;color:#000000bd;font-size:20px;text-decoration:none;transition:transform .3s ease,background-color .3s ease}.crown-icon:hover{color:#000;transform:scale(1.1)}.main-content{width:100%;overflow-x:hidden}.content{width:100%;padding:0}.unique-content{padding:10px;max-width:100%}.cards-row,.cards-row.row-2,.cards-row.row-3{grid-template-columns:1fr;gap:16px;padding:0 -20px}.row-22,.row-33{grid-template-columns:1fr!important}.unique-content{padding:0 10px}.unique-header{margin-top:40px;margin-bottom:20px;padding:0 16px;flex-wrap:wrap}.project-card{padding:20px;padding-bottom:15px!important}.project-card h2{font-size:20px;margin-bottom:8px}.voice-example{padding:12px;margin:12px 0}.voice-tags{flex-wrap:wrap}.tarif-title{font-size:1.3rem}.extra-credits-title{font-size:1.1rem}.project-card img{height:250px;aspect-ratio:auto}.create-now{margin-bottom:-30px!important;margin-top:5px!important;align-self:center;display:inline-flex;align-items:center;justify-content:center;padding:10px 20px;border-radius:30px;background-color:#f3f4f6;color:#374151;text-decoration:none;font-weight:600;transition:all .4s ease;border:1px solid transparent;opacity:0;transform:translateY(0);z-index:2;width:80%;max-width:200px}.project-card .create-now{opacity:1;transform:translateY(0);background:linear-gradient(90deg,#5d5fef,#9b51e0);box-shadow:0 6px 20px #5d5fef66;transform:translateY(-5px);color:#fff;box-shadow:0 4px 15px #5d5fef4d}.create-now:hover{background:linear-gradient(90deg,#9b51e0,#5d5fef)!important;box-shadow:0 6px 20px #5d5fef66;transform:translateY(-5px)}.project-card p:hover,.project-card p{display:none!important}@media screen and (min-width: 768px){.topbar .logo{display:none}}}body{font-family:Inter,sans-serif;background-color:var(--soft-background);color:var(--text-dark);margin:0;padding:0;min-height:100vh}:root{--primary-gradient: linear-gradient(90deg, #5D5FEF 0%, #9B51E0 100%);--secondary-gradient: linear-gradient(135deg, #6EECB8 0%, #3AB5A3 100%);--soft-background: #F4F6FF;--text-dark: #1A1A1A;--text-muted: #666666;--hover-effect: rgba(93, 95, 239, .1)}.unique-header{display:flex;align-items:center;gap:20px;margin-bottom:30px;margin-top:80px}.unique-header h1{font-size:32px;margin:0;font-weight:700}.unique-badge-nouveautes{background-color:#eef2ff;color:#4f46e5;padding:8px 16px;border-radius:20px;text-decoration:none;font-size:14px;font-weight:600;transition:background-color .3s ease}.unique-badge-nouveautes:hover{background-color:#e0e7ff}.unique-project-title{font-size:20px;font-weight:700;margin:40px 0 20px;color:#1f2937}.unique-projects-section{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;margin-bottom:40px}.unique-create-video-card{background:#fff;border:2px dashed #d1d5db;border-radius:12px;padding:30px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;transition:all .3s ease;min-height:200px}.unique-create-video-card:hover{border-color:#4f46e5;background-color:#f5f5f5}.unique-plus-button{width:50px;height:50px;background-color:#eef2ff;color:#4f46e5;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;margin-bottom:15px;transition:all .3s ease}.unique-create-video-text{color:#4b5563;font-size:16px;font-weight:500}.unique-empty{text-align:center;color:#6b7280;font-size:16px;padding:40px;background:#f9fafb;border-radius:12px;margin:20px 0}.unique-content{padding:0 20px;max-width:1200px;margin:0 auto}.cards-row{display:grid;gap:15px;margin-bottom:15px;width:100%}.row-22{margin-top:80px;grid-template-columns:repeat(2,1fr)}.row-33{padding-bottom:80px;grid-template-columns:repeat(3,1fr)}.row-2{grid-template-columns:repeat(2,1fr)}.row-3{grid-template-columns:repeat(3,1fr)}.project-card:hover{transform:translateY(-2px);box-shadow:0 4px 6px #0000001a}.project-card1{background:#fff;border-radius:16px;padding:24px;box-shadow:0 10px 25px #00000014;transition:all .3s ease;border:1px solid #e6e6e6;position:relative;overflow:hidden;display:flex;flex-direction:column}.project-card1:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px}.project-card1 img{width:100%;height:220px;object-fit:cover;border-radius:16px;margin-bottom:24px;transition:transform .2s;box-shadow:0 8px 20px #0000001f}.project-card1:hover img{transform:scale(1.02)}.project-card{background:#fff;border-radius:16px;padding:8px;box-shadow:0 10px 25px #00000014;transition:all .3s ease;border:1px solid #e6e6e6;position:relative;overflow:hidden;display:flex;flex-direction:column;min-height:320px;text-align:center}.coming-soon-badge{position:absolute;top:30px!important;right:0!important;background:#3b82f6;color:#fff;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;z-index:10;box-shadow:0 4px 12px #3b82f64d;animation:pulse 2s infinite}.coming-soon-badge1{position:absolute;top:30px!important;right:-30px!important;background:#3b82f6;color:#fff;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;z-index:10;box-shadow:0 4px 12px #3b82f64d;animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1);box-shadow:0 4px 12px #3b82f64d}50%{transform:scale(1.05);box-shadow:0 6px 16px #3b82f666}to{transform:scale(1);box-shadow:0 4px 12px #3b82f64d}}.project-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px}.project-card img{width:100%;height:auto;object-fit:cover;border-radius:12px;margin-bottom:16px;box-shadow:0 8px 20px #0000001f}.project-card:hover{transform:translateY(-2px);box-shadow:0 12px 30px #5d5fef26}.project-card h2{font-size:20px;font-weight:700;color:#1f2937;margin:0 auto 20px;transition:all .3s ease;position:relative;z-index:2;text-align:center;line-height:1.3;height:auto}.project-card p{color:#6b7280;font-size:14px;line-height:1.5;margin-bottom:0;flex-grow:1;transition:opacity .3s ease,transform .3s ease;position:relative;z-index:2;text-align:center;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;height:auto}.project-card:hover p{display:none}.create-now{margin-bottom:0;align-self:center;display:inline-flex;align-items:center;justify-content:center;padding:10px 20px;border-radius:30px;background-color:#f3f4f6;color:#374151;text-decoration:none;font-weight:600;transition:all .4s ease;border:1px solid transparent;opacity:0;transform:translateY(0);z-index:2;margin-top:-3px;width:80%;max-width:200px}.project-card:hover .create-now{opacity:1;transform:translateY(0);background-color:#5d5fef;color:#fff;border-color:#5d5fef;box-shadow:0 4px 15px #5d5fef4d}.create-now:hover{background:linear-gradient(90deg,#5d5fef,#9b51e0);box-shadow:0 6px 20px #5d5fef66;transform:translateY(-5px)}.row-2 .project-card,.row-3 .project-card{height:100%;display:flex;flex-direction:column}.create-now1{display:inline-flex;align-items:center;padding:14px 24px;border-radius:30px;background:linear-gradient(90deg,#5d5fef,#9b51e0);color:#fff;text-decoration:none;font-size:16px;font-weight:600;transition:transform .3s ease,box-shadow .3s ease}.create-now1:hover{transform:translateY(-2px);box-shadow:0 4px 12px #5d5fef66}.create-now1 i{margin-left:8px}.voice-example{background:#f9fafb;border-radius:12px;padding:16px;margin:16px 0}.voice-info{display:flex;flex-direction:column;gap:8px}.voice-name{font-weight:600;font-size:16px;color:#1a1a1a}.voice-description{color:#666;font-size:14px}.voice-tags{display:flex;gap:8px}.tag{padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500}.tag.male{background-color:#e0e7ff;color:#4f46e5}.tag.middle-age{background-color:#ecfdf5;color:#047857}.tag.english{background-color:#f0f9ff;color:#0369a1}.video-examples{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin:16px 0}.update-card{margin-bottom:2px!important;position:relative;border:1px solid rgba(78,70,229,.3);background-color:#d8c8e6;background-image:linear-gradient(135deg,#d3b0f0,#7928ca,#451e80);box-shadow:0 10px 25px #4e46e533;padding:32px;display:flex;flex-direction:column;justify-content:center;border-radius:16px;overflow:hidden;transition:all .3s ease}.update-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiPjxkZWZzPjxwYXR0ZXJuIGlkPSJwYXR0ZXJuIiB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHBhdHRlcm5Vbml0cz0idXNlclNwYWNlT25Vc2UiIHBhdHRlcm5UcmFuc2Zvcm09InJvdGF0ZSgxMCkiPjxyZWN0IHdpZHRoPSIyIiBoZWlnaHQ9IjIiIHg9IjAiIHk9IjAiIGZpbGw9IiNmZmZmZmYxMCIvPjwvcGF0dGVybj48L2RlZnM+PHJlY3Qgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNwYXR0ZXJuKSIvPjwvc3ZnPg==);opacity:.3;z-index:0}.update-card:hover{transform:translateY(-5px);box-shadow:0 15px 30px #4e46e54d}.update-header{position:relative;display:flex;justify-content:center;align-items:center;width:100%;text-align:center;z-index:1}.update-header h2{font-size:32px;font-weight:700;color:#fff;text-align:center;text-shadow:0 2px 4px rgba(0,0,0,.2);letter-spacing:1px;margin:0;padding:16px 0;position:relative}.update-header h2:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:60px;height:3px;background:#ffffffb3;border-radius:3px}.sparkle{position:absolute;background-color:#fff;border-radius:50%;pointer-events:none;opacity:0;z-index:2}@media screen and (max-width: 768px){.update-card{max-width:100%;margin-bottom:-10px}.update-header{flex-wrap:wrap;gap:8px}.update-badge,.update-p{display:none}}.videocreate-container{width:80%;max-width:70%;height:80%;max-height:90%;margin:auto;position:absolute;top:54%;left:54%;transform:translate(-50%,-50%);background:#fff;border-radius:15px;padding:3%;box-shadow:0 10px 20px #0000001a;display:flex;flex-direction:column;align-items:center;justify-content:center}.videocreate-title-image{max-width:100%;height:auto;margin-bottom:20px;display:block}.videocreate-container label{display:block;font-weight:700;margin-bottom:10px;font-size:16px;color:#333}.videocreate-container label i{margin-right:5px;color:#000}.videocreate-container .option label,.videocreate-audio label,.videocreate-input-link label,.videocreate-subtitle-options label{color:#000}h1{text-align:center;margin-bottom:15px;color:#333}.videocreate-input-link{width:100%;margin-bottom:20px}.videocreate-link-container{display:flex;align-items:center;width:100%}.videocreate-link-container input{flex:1;padding:10px 15px;border:2px solid #ddd;border-radius:10px 0 0 10px;font-size:14px;outline:none;height:43px}.videocreate-link-container button{padding:10px 20px;height:44px;background:linear-gradient(45deg,#295be2,#25adfc);color:#fff;border:none;border-radius:0 30px 30px 0;cursor:pointer}.videocreate-options{display:flex;justify-content:space-between;margin-bottom:20px;width:100%;gap:10px}.option{flex:1}.option label{display:block;font-weight:700;margin-bottom:5px}.option input{width:100%;padding:10px;border:2px solid #ddd;border-radius:5px;box-sizing:border-box;height:44px}.videocreate-audio{width:100%;margin-bottom:20px}.videocreate-audio label{display:block;font-weight:700;margin-bottom:5px}.videocreate-audio select{width:100%;padding:10px;border:2px solid #ddd;border-radius:5px;box-sizing:border-box}.videocreate-subtitle-options{margin-bottom:20px;width:100%}.subtitle-previews{display:flex;justify-content:space-between;width:100%}.subtitle-style{width:30%;cursor:pointer;border-radius:10px;transition:transform .2s,box-shadow .2s}.subtitle-style:hover{transform:scale(1.1);box-shadow:0 5px 15px #0003}.subtitle-style.active{border:2px solid transparent;background:linear-gradient(45deg,#25adfc,#295be2);background-clip:border-box;-webkit-background-clip:border-box;border-radius:4px}.videocreate-submit-btn{width:100%;padding:15px;background:linear-gradient(45deg,#295be2,#25adfc);color:#fff;font-size:16px;border:none;border-radius:30px;cursor:pointer;transition:background .3s;margin-bottom:10px}.videocreate-submit-btn:hover{background:linear-gradient(45deg,#25adfc,#295be2)}.pricing-toggle{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:2rem}.toggle-switch{position:relative;display:inline-block;width:60px;height:30px}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s;border-radius:34px}.slider:before{position:absolute;content:"";height:22px;width:22px;left:4px;bottom:4px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.slider{background-color:#6366f1}input:checked+.slider:before{transform:translate(30px)}.toggle-label{color:#666;cursor:pointer}.toggle-label.active{color:#6366f1;font-weight:600}.tarifs-container{padding:20px;border-radius:5px}.tarif-title{text-align:center;margin-top:20px;margin-bottom:30px;font-size:1.8rem;font-weight:700;color:#000}.tarif-title .highlight,.extra-credits-title .highlight1{background:linear-gradient(90deg,#9b51e0,#5d5fef);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.credit-info{text-align:center;font-size:.9rem;color:#6c757d;margin-top:20px;font-style:italic}.tarifs-grid{display:flex;justify-content:space-between;gap:2rem;margin-top:20px;flex-wrap:wrap;align-items:stretch}.tarif-card{background-color:#fff;border-radius:8px;padding:20px;flex:1;min-width:280px;text-align:center;box-shadow:0 4px 6px #0000001a;transition:transform .3s ease;display:flex;flex-direction:column;justify-content:space-between}.tarif-card:hover{transform:translateY(-5px)}.tarif-card.popular{border:2px solid #6366F1;position:relative}.tarif-card p,.credit-card p{margin-top:20px;margin-bottom:20px;font-size:18px}.popular-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background-color:#6366f1;color:#fff;padding:4px 12px;border-radius:12px;font-size:14px}.price-amount{font-size:2.5rem;font-weight:700;color:#1a1a1a}.price-period{color:#666;font-size:.9rem}.features-list{list-style:none;padding:0;margin:2rem 0;text-align:left}.features-list li{margin:.75rem 0;display:flex;align-items:center;gap:.5rem;color:#666}.features-list li:before{content:"✓";color:#6366f1;font-weight:700}.btn-subscribe{width:100%;padding:.75rem;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:background-color .3s ease;text-decoration:none}.btn-primary{background-color:#6366f1;color:#fff}.btn-primary:hover{background-color:#4f46e5}.btn-outline{background-color:transparent;border:2px solid #6366F1;color:#6366f1}.btn-outline:hover{background-color:#6366f1;color:#fff}.extra-credits-section{max-width:1200px;margin:0 auto;padding:0 20px}.extra-credits-section{margin-top:50px;text-align:center}.extra-credits-title{font-size:1.8rem;font-weight:700;color:#333;margin-bottom:30px}.extra-credits-grid{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap;margin-top:20px}.credit-card{background-color:#fff;border-radius:8px;padding:20px;flex:1 1 300px;max-width:350px;text-align:center;box-shadow:0 4px 6px #0000001a;transition:transform .3s ease;display:flex;flex-direction:column;justify-content:space-between;margin:10px}.credit-card:hover{transform:translateY(-5px)}.credit-card.popular{border:2px solid #6366F1;position:relative}.price-amount{font-size:2rem;font-weight:700;color:#1a1a1a;margin:20px 0}.btn-buy{width:100%;padding:.75rem;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:background-color .3s ease;text-decoration:none}.credit-card .price{margin-bottom:10px}.profile-container{max-width:600px;margin:40px auto;padding:30px;background-color:#fff;border-radius:16px;box-shadow:0 6px 15px #0000001a;text-align:center}.profile-title{color:#333;margin-bottom:20px;font-size:28px;font-weight:700}.avatar-container{width:120px;height:120px;margin:0 auto 20px}.avatar{width:100%;height:100%;border-radius:50%;background-color:#06c;display:flex;align-items:center;justify-content:center;color:#fff;font-size:48px;font-weight:700;box-shadow:0 4px 8px #0003}.profile-info{text-align:center;margin-bottom:20px}.info-item{margin:10px 0;padding:10px 15px;background-color:#f0f8ff;border-radius:8px;display:flex;justify-content:center;gap:12px}.info-label{color:#666;font-size:.95rem;font-weight:500}.info-value{color:#333;font-weight:600}.low-credits-warning{background:linear-gradient(90deg,#9b51e0,#5d5fef);padding:25px;border-radius:16px;color:#fff;font-size:1.2rem;font-weight:700;margin:20px 0;box-shadow:0 4px 15px #0003;text-align:center}.buy-credits-button{margin-top:20px;padding:15px 25px;background:linear-gradient(to right,#3f962e,#31a131);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:1.2rem;font-weight:700;transition:background-color .3s ease,transform .2s ease;box-shadow:0 4px 8px #0003}.buy-credits-button:hover{transform:scale(1.05);box-shadow:0 6px 12px #0000004d}.logout-button{margin-top:20px;padding:12px 20px;background-color:#ff4d4f;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:700;transition:background-color .3s ease,transform .2s ease}.logout-button:hover{background-color:#d43536;transform:scale(1.05)}.vxb_affiliate_wrapper{font-family:system-ui,-apple-system,sans-serif;color:#333;margin:0;padding:20px}.vxb_affiliate_container{max-width:800px;margin:0 auto;text-align:center}.vxb_affiliate_header h1{margin-bottom:20px!important}.vxb_affiliate_header{margin-bottom:40px}.vxb_affiliate_main_section{background:linear-gradient(90deg,#9b51e0,#5d5fef);border-radius:16px;padding:30px;margin-bottom:40px;color:#fff;box-shadow:0 4px 8px #0003}.vxb_affiliate_cta_button{background:#4caf50;color:#fff;font-weight:700;border:none;padding:15px 30px;border-radius:20px;font-size:16px;cursor:pointer;width:100%;max-width:400px;margin:20px auto;box-shadow:0 4px 6px #0000001a;transition:transform .2s,background-color .2s}.vxb_affiliate_cta_button:hover{background:#388e3c;transform:translateY(-2px);box-shadow:0 6px 12px #0003}.vxb_affiliate_steps_grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px}.vxb_affiliate_step_card{background:linear-gradient(135deg,#fff,#e3f2fd);border-radius:16px;padding:20px;position:relative;color:#333;box-shadow:0 4px 8px #0003;transition:transform .2s,box-shadow .2s}.vxb_affiliate_step_card:hover{transform:translateY(-5px);box-shadow:0 8px 16px #0000004d}.vxb_affiliate_step_number{background:#4caf50;color:#fff;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;position:absolute;top:-15px;left:-15px;box-shadow:0 2px 4px #0000001a}.vxb_affiliate_step_card h3{color:#0056b3;margin-top:20px}.vxb_affiliate_step_card:nth-child(2) .vxb_affiliate_step_number{background:#0056b3;color:#fff}.vxb_affiliate_step_card p{margin-top:20px;margin-bottom:10px;color:#333;font-size:19px!important}.tutoriel-link{color:#007bff;text-decoration:none;font-weight:700;transition:color .3s ease-in-out}.tutoriel-link:hover{color:#0056b3;text-decoration:underline}.tutoriel-li{font-weight:600;color:#000}.tutoriel-linkk{margin-top:15px}@media (max-width: 768px){.vxb_affiliate_steps_grid{grid-template-columns:1fr}}.maj-header{padding:50px 20px;text-align:center}.maj-header h1{font-size:48px;color:#2e2e2e;margin:10px}.maj-header p{font-size:18px;color:#757575;margin-top:10px}.maj-container{max-width:800px;margin:40px auto;padding:20px;background-color:#fff;border-radius:10px;box-shadow:0 4px 15px #0000001a;text-align:left}.update-title{font-size:28px;color:#333;margin-bottom:20px;text-align:center}.imaje-container{text-align:center;margin:20px 0}.imaje-container img{width:100%;border-radius:10px;box-shadow:0 4px 10px #0000001a}.update-section{margin-top:30px}.update-section h3{font-size:24px;color:#0056b3;margin-bottom:15px}.update-section ul{list-style:none;padding:0}.update-section ul li{font-size:16px;line-height:1.8;color:#666;margin:10px 0}.update-section ul li:before{content:"• ";color:#4caf50;font-size:20px;vertical-align:middle}.download-container{display:flex;flex-direction:column;align-items:center;gap:20px}h1{font-size:2.5rem;margin-bottom:10px}p{font-size:1.2rem}.spinner{border:5px solid rgba(255,255,255,.3);border-top:5px solid white;border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite}#download-button{display:none;padding:15px 30px;font-size:1.2rem;color:#fff;background:#25adfc;border:none;border-radius:8px;cursor:pointer;box-shadow:0 4px 6px #0003;transition:transform .2s,background .2s}#download-button:hover{background:#1d91e2;transform:scale(1.05)}#download-button i{margin-right:10px}.project-project-container{padding:40px;max-width:1400px;margin:0 auto}.project-project-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px;flex-wrap:wrap;gap:20px}.project-project-header h1{font-size:32px;color:#1f2937;margin:0}.project-project-actions-wrapper{display:flex;gap:20px;align-items:center;width:100%}.project-project-search{position:relative;width:300px}.project-project-search-input{width:100%;padding:12px 40px;border-radius:30px;border:1px solid #e5e7eb;font-size:14px;outline:none;transition:all .3s ease}.project-project-search i{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:#9ca3af}.project-project-filters{display:flex;gap:10px}.project-project-sort-select,.project-project-filter-select{padding:10px 20px;border-radius:20px;border:1px solid #e5e7eb;background:#fff;font-size:14px;outline:none;cursor:pointer;transition:all .3s ease}.project-project-grid-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;margin-top:30px}.project-project-item-wrapper{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 6px #0000001a;transition:all .3s ease}.project-project-item-wrapper:hover{transform:translateY(-5px);box-shadow:0 8px 15px #0000001a}.project-project-thumbnail-container{border:1px solid #00000010;border-bottom:1px solid #00000042;position:relative;aspect-ratio:16/9;overflow:hidden;display:flex;align-items:center;justify-content:center}.project-project-thumbnail-image{width:auto;height:auto;object-fit:contain;object-position:center}.project-project-overlay-container{position:absolute;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;justify-content:center;align-items:center;gap:10px;opacity:0;transition:opacity .3s ease}.project-project-edit-button,.project-project-delete-button{background:#fff;border:none;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.project-project-edit-button:hover{background:#5d5fef;color:#fff}.project-project-delete-button:hover{background:#ef4444;color:#fff}.project-project-info-container{padding:20px}.project-project-title{margin:0 0 10px;font-size:18px;color:#1f2937}.project-project-metadata{display:flex;gap:15px;color:#6b7280;font-size:14px}.project-project-date,.project-project-type{display:flex;align-items:center;gap:5px}.project-project-empty-state{text-align:center;padding:60px 20px}.project-project-empty-state i{font-size:48px;color:#9ca3af;margin-bottom:20px}.project-project-empty-state h2{font-size:24px;color:#1f2937;margin-bottom:10px}.project-project-empty-state p{color:#6b7280;margin-bottom:30px}.project-project-create-button{display:inline-block;padding:12px 24px;background:linear-gradient(90deg,#5d5fef,#9b51e0);color:#fff;text-decoration:none;border-radius:30px;font-weight:500;transition:all .3s ease}.project-project-create-button:hover{transform:translateY(-2px);box-shadow:0 4px 15px #5d5fef4d}.format-selection-container{width:100%;max-width:1200px;margin:0 auto;padding:20px}.format-header{display:flex;align-items:center;margin-bottom:40px}.back-link{display:flex;align-items:center;color:#333;text-decoration:none;font-weight:500;margin-right:20px}.back-link svg{margin-right:8px}.format-title h1{font-size:24px;font-weight:600;margin:0}.format-options-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px;margin-bottom:40px}.format-option{border:1px solid #e0e0e0;border-radius:12px;padding:20px;cursor:pointer;transition:all .2s ease}.format-option:hover{border-color:#ccc;transform:translateY(-2px);box-shadow:0 4px 8px #0000000d}.format-option.selected{border:2px solid #007bff;box-shadow:0 4px 12px #007bff26}.format-preview{display:flex;justify-content:center;align-items:center;height:120px;margin-bottom:15px;background-color:#f8f9fa;border-radius:8px}.format-shape{background-color:#6c757d}.format-shape.vertical{width:50px;height:90px}.format-shape.landscape-yt{width:120px;height:68px}.format-shape.square{width:80px;height:80px}.format-shape.portrait{width:60px;height:75px}.format-shape.landscape-li{width:100px;height:80px}.format-info{text-align:center}.format-ratio{font-size:16px;font-weight:600;margin-bottom:4px}.format-label{font-size:14px;color:#6c757d}.format-navigation{display:flex;justify-content:center;margin-top:20px}.nav-button-container{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:500px}.nav-button{padding:10px 20px;border-radius:50px;font-weight:500;cursor:pointer;text-decoration:none;display:flex;align-items:center;justify-content:center}.nav-button.previous{background-color:#f1f3f5;color:#495057}.nav-button.continue{background-color:#ff5bc0;color:#fff;border:none}.nav-button.continue.disabled{background-color:#ccc;cursor:not-allowed}.pagination-indicator{display:flex;align-items:center;justify-content:center;font-size:14px;color:#6c757d}.current-page{font-weight:600}@media (max-width: 768px){.format-options-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.format-preview{height:100px}}@media (max-width: 576px){.format-header{flex-direction:column;align-items:flex-start}.back-link{margin-bottom:10px}.nav-button-container{flex-direction:column;gap:15px}.nav-button{width:100%}.pagination-indicator{margin:10px 0}}.language-dropdown{position:relative;display:inline-block}.language-current{display:flex;align-items:center;padding:8px 12px;background:#fff;border:1px solid #e1e5e9;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;color:#333;transition:all .2s ease;min-width:80px;position:relative;overflow:visible}.language-current span{color:#333!important;font-size:14px!important;font-weight:500!important;display:inline-block!important;visibility:visible!important;opacity:1!important}.language-current:hover{border-color:#9b51e0;box-shadow:0 2px 8px #9b51e01a}.language-current .arrow{font-size:8px!important;color:#666!important;transition:transform .2s ease;background:transparent!important;border:none!important;outline:none!important;display:inline-block!important;line-height:1!important;width:auto!important;height:auto!important;padding:0!important;margin:0!important;box-sizing:content-box!important}.language-dropdown .language-current .arrow,.language-selector .language-dropdown .language-current .arrow{margin-left:12px!important;font-size:8px!important}.language-options{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #e1e5e9;border-radius:8px;box-shadow:0 4px 20px #0000001a;z-index:1000;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .2s ease;margin-top:4px}.language-options.show{opacity:1;visibility:visible;transform:translateY(0)}.language-option{display:flex;align-items:center;padding:10px 12px;cursor:pointer;font-size:14px;font-weight:500;color:#333;transition:background-color .2s ease}.language-option span{color:#333!important;font-size:14px!important;font-weight:500!important;display:inline-block!important;visibility:visible!important;opacity:1!important}.language-option:first-child{border-radius:8px 8px 0 0}.language-option:last-child{border-radius:0 0 8px 8px}.language-option:hover{background-color:#f8f9fa}.language-option img{border-radius:2px;box-shadow:0 1px 3px #0000001a}.language-selector:after{display:none!important;content:none!important}.profile-dashboard{margin-top:75px!important;padding:2rem;max-width:1400px;margin:0 auto}.profile-header{display:flex;justify-content:space-between;align-items:flex-start;background:linear-gradient(135deg,#5d5fef,#9b51e0);border-radius:20px;padding:2.5rem;margin-bottom:2rem;color:#fff;box-shadow:0 20px 60px #5d5fef4d;border:1px solid rgba(255,255,255,.1);position:relative;overflow:hidden}.profile-header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="25" cy="25" r="1" fill="white" opacity="0.1"/><circle cx="75" cy="75" r="1" fill="white" opacity="0.1"/><circle cx="50" cy="10" r="0.5" fill="white" opacity="0.1"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');opacity:.3}.profile-avatar-section{display:flex;align-items:center;gap:1.5rem;position:relative;z-index:2}.profile-avatar{position:relative}.avatar-circle{width:100px;height:100px;border-radius:50%;background:linear-gradient(135deg,#9b51e0,#5d5fef);display:flex;align-items:center;justify-content:center;font-size:2.5rem;font-weight:700;color:#fff;box-shadow:0 10px 30px #0003;border:4px solid rgba(255,255,255,.3)}.avatar-status{position:absolute;bottom:5px;right:5px;background:#4ade80;border-radius:50%;width:25px;height:25px;display:flex;align-items:center;justify-content:center;border:3px solid white}.status-icon.online{color:#fff;font-size:.8rem}.profile-info-main h1{margin:0 0 .25rem;font-size:2.5rem;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.1);color:#fff;text-align:left}.profile-email{margin:0 0 .75rem;font-size:1.1rem;opacity:.9;font-weight:400;text-align:left}.profile-badge{display:inline-flex;align-items:center;gap:.5rem;background:#fff3;padding:.5rem 1rem;border-radius:25px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3)}.badge-icon{color:gold;font-size:1.1rem}.profile-actions{display:flex;gap:1rem;position:relative;z-index:2}.btn-secondary,.btn-primary{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:12px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .3s ease;text-decoration:none}.btn-secondary{background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-secondary:hover{background:#ffffff4d;transform:translateY(-2px)}.btn-primary{background:linear-gradient(135deg,#ff6b6b,#ff8e53);color:#fff;box-shadow:0 8px 25px #ff6b6b4d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 35px #ff6b6b66}.btn-buy-credits{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border:none;padding:1rem 2rem;border-radius:12px;font-weight:600;font-size:1rem;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;transition:all .3s ease;box-shadow:0 8px 25px #3b82f64d}.btn-buy-credits:hover{transform:translateY(-2px);box-shadow:0 12px 35px #3b82f666}.profile-tabs{display:flex;gap:.5rem;margin-bottom:2rem;background:#fff;padding:.5rem;border-radius:16px;box-shadow:0 4px 20px #00000014}.tab-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:none;background:transparent;border-radius:12px;font-weight:500;color:#64748b;cursor:pointer;transition:all .3s ease;flex:1;justify-content:center}.tab-button:hover{color:#3b82f6;background:#f1f5f9}.tab-button.active{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;box-shadow:0 4px 15px #3b82f64d}.tab-button svg{font-size:1.1rem}.tab-content{background:#fff;border-radius:20px;padding:2rem;box-shadow:0 4px 20px #00000014;margin-bottom:2rem}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-bottom:2rem;min-height:200px}.stats-grid-5{grid-template-columns:repeat(5,1fr)}.stat-card{background:#fff;border-radius:16px;padding:1.5rem;border:1px solid #e2e8f0;transition:all .3s ease;position:relative;overflow:hidden;min-width:0}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--accent-color),var(--accent-color-light))}.stat-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px #0000001a;border-color:var(--accent-color)}.stat-card:nth-child(1){--accent-color: #3b82f6;--accent-color-light: #60a5fa}.stat-card:nth-child(1) .stat-progress .progress-bar{background:#3b82f6!important}.stat-card:nth-child(2){--accent-color: #10b981;--accent-color-light: #34d399}.stat-card:nth-child(2) .stat-progress .progress-bar{background:#10b981!important}.stat-card:nth-child(3){--accent-color: #f59e0b;--accent-color-light: #fbbf24}.stat-card:nth-child(3) .stat-progress .progress-bar{background:#f59e0b!important}.stat-card:nth-child(4){--accent-color: #8b5cf6;--accent-color-light: #a78bfa}.stat-card:nth-child(4) .stat-progress .progress-bar{background:#8b5cf6!important}.stat-card:nth-child(5){--accent-color: #ef4444;--accent-color-light: #f87171}.stat-card:nth-child(5) .stat-progress .progress-bar{background:#ef4444!important}.stat-icon.credits{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.stat-icon.images{background:linear-gradient(135deg,#10b981,#059669)}.stat-icon.voice{background:linear-gradient(135deg,#f59e0b,#d97706)}.stat-icon.workflow{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.stat-icon.video{background:linear-gradient(135deg,#ef4444,#dc2626)}.stat-icon{width:60px;height:60px;border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;background:linear-gradient(135deg,var(--accent-color),var(--accent-color-light));color:#fff;font-size:1.5rem}.stat-content h3{margin:0 0 .5rem;font-size:.9rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.stat-value{font-size:2.5rem;font-weight:700;color:#1e293b;margin-bottom:.5rem}.stat-progress{width:100%;height:6px;background:#e2e8f0;border-radius:3px;margin-bottom:.5rem;overflow:hidden}.stat-progress .progress-bar{height:100%;background:#3b82f6;border-radius:3px;transition:width .3s ease;width:100%!important;display:block}.stat-description{margin:0;font-size:.85rem;color:#64748b;font-weight:500}.credits-warning{display:flex;align-items:center;gap:1.5rem;background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #f59e0b;border-radius:16px;padding:1.5rem;margin-bottom:2rem}.warning-icon{width:60px;height:60px;border-radius:50%;background:#f59e0b;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem;flex-shrink:0}.warning-content{flex:1}.warning-content h3{margin:0 0 .5rem;color:#92400e;font-size:1.25rem;font-weight:600}.warning-content p{margin:0;color:#92400e;opacity:.8;line-height:1.5}.btn-warning{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:12px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .3s ease;flex-shrink:0}.btn-warning:hover{transform:translateY(-2px);box-shadow:0 8px 25px #f59e0b4d}.recent-activity h2{margin:0 0 1.5rem;color:#1e293b;font-size:1.5rem;font-weight:600}.activity-list{display:flex;flex-direction:column;gap:1rem}.activity-item{display:flex;align-items:flex-start;gap:1rem;padding:1rem;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0;transition:all .3s ease}.activity-item:hover{background:#fff;box-shadow:0 4px 15px #00000014;transform:translate(5px)}.activity-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1rem;flex-shrink:0}.activity-icon.video{background:linear-gradient(135deg,#ef4444,#dc2626)}.activity-icon.image{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.activity-icon.audio{background:linear-gradient(135deg,#10b981,#059669)}.activity-content{flex:1}.activity-content h4{margin:0 0 .25rem;color:#1e293b;font-size:1rem;font-weight:600}.activity-content p{margin:0 0 .5rem;color:#64748b;font-size:.9rem;line-height:1.4}.activity-time{font-size:.8rem;color:#94a3b8;font-weight:500}.billing-info h2{margin:0 0 1.5rem;color:#1e293b;font-size:1.5rem;font-weight:600}.billing-details{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.billing-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0}.billing-label{font-weight:500;color:#64748b}.billing-value{font-weight:600;color:#1e293b}.billing-actions{display:flex;gap:1rem;flex-wrap:wrap}.billing-actions .btn-primary,.billing-actions .btn-secondary{flex:1;min-width:200px;justify-content:center}.logout-section{text-align:center;padding:2rem}.btn-logout{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;padding:1rem 2rem;border-radius:12px;font-weight:600;font-size:1rem;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;transition:all .3s ease;box-shadow:0 8px 25px #ef44444d}.btn-logout:hover{transform:translateY(-2px);box-shadow:0 12px 35px #ef444466}@media (max-width: 768px){.profile-dashboard{padding:1rem}.profile-header{flex-direction:column;gap:1.5rem;text-align:center;padding:2rem 1.5rem}.profile-avatar-section{flex-direction:column;gap:1rem;align-items:center}.profile-avatar{display:none}.profile-info-main{text-align:center;width:100%}.profile-info-main h1{font-size:2rem;margin-bottom:.5rem}.profile-email{font-size:1rem;margin-bottom:1rem}.profile-badge{justify-content:center;width:fit-content;margin:0 auto}.profile-actions{flex-direction:column;width:100%}.profile-tabs{flex-direction:column}.stats-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.stats-grid-5{grid-template-columns:repeat(2,1fr)}.credits-warning,.activity-item{flex-direction:column;text-align:center}}@media (max-width: 480px){.profile-header{padding:1.5rem 1rem}.profile-info-main h1{font-size:1.8rem}.profile-email{font-size:.95rem}.profile-badge{font-size:.9rem;padding:.4rem .8rem}.tab-content{padding:1.5rem 1rem}.stats-grid{grid-template-columns:1fr;gap:1rem}.stats-grid-5{grid-template-columns:1fr}}.billing-actions{margin-top:2rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.1)}.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:.5rem;box-shadow:0 4px 15px #ef44444d}.btn-danger:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-2px);box-shadow:0 8px 25px #ef444466}.btn-danger:disabled{background:#9ca3af;cursor:not-allowed;transform:none;box-shadow:none}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-content{background:#fff;border-radius:20px;max-width:500px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px #0000004d;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem 1rem;border-bottom:1px solid #e5e7eb}.modal-header h3{margin:0;font-size:1.5rem;font-weight:700;color:#1f2937}.modal-close{background:none;border:none;font-size:1.5rem;color:#6b7280;cursor:pointer;padding:.5rem;border-radius:8px;transition:all .2s ease}.modal-close:hover{background:#f3f4f6;color:#374151}.modal-body{padding:1.5rem 2rem}.modal-body p{margin:0;font-size:1.1rem;line-height:1.6;color:#4b5563}.modal-footer{display:flex;justify-content:flex-end;gap:1rem;padding:1rem 2rem 1.5rem;border-top:1px solid #e5e7eb}.btn-secondary{background:#f3f4f6;color:#374151;border:1px solid #d1d5db;padding:.75rem 1.5rem;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-secondary:hover{background:#e5e7eb;border-color:#9ca3af}.btn-secondary:disabled{background:#f3f4f6;color:#9ca3af;cursor:not-allowed}@media (max-width: 768px){.modal-content{width:95%;margin:1rem}.modal-header,.modal-body,.modal-footer{padding-left:1.5rem;padding-right:1.5rem}.modal-footer{flex-direction:column}.modal-footer button{width:100%}}.success-notification{position:fixed;top:100px;right:2rem;background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:1rem 1.5rem;border-radius:12px;box-shadow:0 10px 30px #10b9814d;z-index:1000;display:flex;align-items:center;gap:1rem;min-width:300px;animation:slideInRight .3s ease-out;border:1px solid rgba(255,255,255,.2)}.success-content{display:flex;align-items:center;gap:.75rem;flex:1}.success-icon{font-size:1.25rem;color:#fff}.success-text{font-size:1rem;font-weight:600;color:#fff}.success-close{background:#fff3;border:none;color:#fff;width:32px;height:32px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;font-size:.875rem}.success-close:hover{background:#ffffff4d;transform:scale(1.05)}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@media (max-width: 768px){.success-notification{top:80px;right:1rem;left:1rem;min-width:auto;width:calc(100% - 2rem)}.tab-content{margin-bottom:120px!important}}.tarifs-container{max-width:1200px;margin:0 auto;padding:2rem}.tarif-title{text-align:center;margin-bottom:1.5rem;position:relative}.tarif-title h2{font-size:2.5rem;font-weight:700;color:#1e293b;margin:0;line-height:1.2}.tarif-title .highlight{background:linear-gradient(135deg,#5d5fef,#9b51e0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.pricing-toggle{margin-top:-35px;display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:2rem;background:#fff;padding:.5rem;border-radius:16px;box-shadow:0 4px 20px #00000014;max-width:300px;margin-left:auto;margin-right:auto}.toggle-label{font-weight:600;color:#64748b;transition:all .3s ease;padding:.5rem 1rem;border-radius:12px;cursor:pointer}.toggle-label.active{color:#5d5fef;background:#f3f0ff}.toggle-switch{position:relative;display:inline-block;width:60px;height:32px}.toggle-switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background:#e2e8f0;transition:.3s;border-radius:32px}.slider:before{position:absolute;content:"";height:24px;width:24px;left:4px;bottom:4px;background:#fff;transition:.3s;border-radius:50%;box-shadow:0 2px 8px #00000026}input:checked+.slider{background:linear-gradient(135deg,#5d5fef,#9b51e0)}input:checked+.slider:before{transform:translate(28px)}.tarifs-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-bottom:1rem}.tarif-card{background:#fff;border-radius:24px;padding:2rem;border:2px solid #e2e8f0;transition:all .3s ease;position:relative;overflow:hidden;box-shadow:0 4px 20px #00000014}.tarif-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #00000026;border-color:#5d5fef}.tarif-card.popular{border-color:#5d5fef;box-shadow:0 8px 30px #5d5fef33;position:relative}.tarif-card.popular:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#5d5fef,#9b51e0)}.popular-badge{position:absolute;top:-.35rem;right:1rem;background:linear-gradient(135deg,#5d5fef,#9b51e0);color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 15px #5d5fef4d}.promo-badge{position:absolute;top:1rem;left:1rem;background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 15px #10b9814d;z-index:10}.tarif-card h2{font-size:1.8rem;font-weight:700;color:#1e293b;margin:0 0 .5rem;text-align:center}.tarif-card p{margin-bottom:-5px!important;color:#64748b;text-align:center;margin:0 0 1.5rem;font-size:1rem;line-height:1.5}.price{text-align:center;margin-bottom:2rem}.price-main{display:flex;align-items:baseline;justify-content:center;gap:.5rem;margin-bottom:.5rem}.price-amount{font-size:3rem;font-weight:800;color:#1e293b;line-height:1}.price-period{font-size:1.1rem;color:#64748b;font-weight:500}.price-monthly{background:#f1f5f9;padding:.5rem 1rem;border-radius:12px;display:inline-block;margin-top:.5rem}.price-monthly span{font-size:.9rem;color:#475569;font-weight:600}.video-ai-info{font-size:.9rem;color:#64748b;margin:.5rem 0 0;text-align:center;font-weight:500}.features-list{list-style:none;padding:0;margin:0 0 2rem}.features-list li{color:#475569;font-weight:500;position:relative;padding:.75rem 0 .75rem 2rem}.features-list li:before{content:"✓";position:absolute;left:0;top:.75rem;width:20px;height:20px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700}.btn-subscribe{display:block;width:100%;padding:1rem 2rem;border-radius:16px;font-weight:700;font-size:1rem;text-decoration:none;text-align:center;transition:all .3s ease;border:2px solid transparent;cursor:pointer}.btn-subscribe:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.btn-outline{background:transparent;color:#5d5fef;border-color:#5d5fef}.btn-outline:hover{background:#5d5fef;color:#fff}.btn-primary{background:linear-gradient(135deg,#5d5fef,#9b51e0);color:#fff;box-shadow:0 8px 25px #5d5fef4d}.btn-primary:hover{background:linear-gradient(135deg,#9b51e0,#7c3aed);box-shadow:0 12px 35px #5d5fef66}.btn-subscribe:disabled{opacity:.6;cursor:not-allowed;transform:none!important;box-shadow:none!important}.btn-subscribe:disabled:hover{transform:none!important;box-shadow:none!important}.credit-info{margin-top:20px!important;margin-bottom:-40px!important;text-align:center;color:#64748b;font-size:.9rem;font-weight:500;margin:.5rem 0;padding:.5rem;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0}.floating-button{position:fixed;bottom:2rem;right:2rem;width:60px;height:60px;background:linear-gradient(135deg,#5d5fef,#9b51e0);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;text-decoration:none;box-shadow:0 8px 25px #5d5fef4d;transition:all .3s ease;z-index:1000}.floating-button:hover{transform:scale(1.1);box-shadow:0 12px 35px #5d5fef66}.icon-large{font-size:1.5rem}@media (max-width: 1024px){.tarifs-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}}@media (max-width: 768px){.tarifs-container{padding:1rem}.tarif-title h2{font-size:2rem}.tarifs-grid{grid-template-columns:1fr;gap:1.5rem}.tarif-card{padding:1.5rem}.price-amount{font-size:2.5rem}.pricing-toggle{max-width:280px}}@media (max-width: 480px){.tarif-title h2{font-size:1.8rem}.pricing-toggle{margin-top:0;margin-bottom:2.5rem}.tarif-card{padding:2rem 1rem 1rem}.tarif-card h2{margin-top:1rem}.price-amount{font-size:2rem}.popular-badge,.promo-badge{font-size:.7rem;padding:.4rem .8rem}.floating-button{width:50px;height:50px;bottom:1rem;right:1rem}.icon-large{font-size:1.2rem}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.tarif-card{animation:fadeInUp .6s ease-out}.tarif-card:nth-child(1){animation-delay:.1s}.tarif-card:nth-child(2){animation-delay:.2s}.tarif-card:nth-child(3){animation-delay:.3s}.tarif-card:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#5d5fef0d,#9b51e00d);opacity:0;transition:opacity .3s ease;pointer-events:none}.tarif-card:hover:after{opacity:1}.tarif-card.popular:hover{border-color:#9b51e0;box-shadow:0 20px 40px #5d5fef40}.features-comparison{margin-top:4rem;padding:2rem 0}.features-title{text-align:center;font-size:2.5rem;font-weight:700;color:#000;margin-bottom:1rem}.comparison-table{background:#fff;border-radius:20px;box-shadow:0 10px 40px #0000001a;overflow:hidden;border:1px solid rgba(93,95,239,.1)}.comparison-header{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;background:linear-gradient(135deg,#5d5fef,#9b51e0);color:#fff;font-weight:600}.feature-column{padding:1.5rem;font-size:1.1rem;font-weight:700}.plan-column{padding:1.5rem;text-align:center;border-left:1px solid rgba(255,255,255,.2)}.plan-column h3{margin:0;font-size:1.2rem;font-weight:700}.comparison-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;border-bottom:1px solid #e2e8f0;transition:background-color .2s ease}.comparison-row:hover{background-color:#f8fafc}.comparison-row:last-child{border-bottom:none}.feature-name{padding:1.5rem;font-weight:500;color:#374151;display:flex;align-items:center}.plan-value{padding:1.5rem;text-align:center;font-weight:600;color:#6b7280;display:flex;align-items:center;justify-content:center;border-left:1px solid #e2e8f0}.plan-value.creator,.plan-value.expert,.plan-value.professional{color:#6b7280}.plan-value:contains("✓"){color:#6b7280}.plan-value.creator:contains("✓"){color:#5d5fef}.plan-value.expert:contains("✓"){background:linear-gradient(135deg,#5d5fef,#9b51e0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700}.plan-value.professional:contains("✓"){color:#059669}.checkmark-circle{width:20px;height:20px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:12px;border:2px solid}.checkmark-circle.creator{color:#000;border-color:#000;background-color:transparent}.checkmark-circle.expert{color:#fff;border-color:#059669;background-color:#059669}.checkmark-circle.professional{color:#000;border-color:#000;background-color:transparent}@media (max-width: 768px){.features-comparison{margin-top:2rem;padding:1rem 0}.features-title{font-size:2rem;margin-bottom:2rem}.comparison-table{display:block}.comparison-header,.plan-column{display:none!important}.comparison-row{display:block;margin-bottom:1rem;border:1px solid #e2e8f0;border-radius:8px;background:#fff}.feature-name{display:block;padding:1rem;font-weight:700;background:#f8fafc;border-bottom:1px solid #e2e8f0;text-align:center}.plan-value{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;border-bottom:1px solid #e2e8f0}.plan-value:last-child{border-bottom:none}.plan-value:before{content:attr(data-plan);font-weight:700;color:#1f2937}.plan-value.creator:before{content:"Creator"}.plan-value.expert:before{content:"Expert"}.plan-value.professional:before{content:"Professional"}.workflows-table{display:block}.workflows-header,.workflow-plan-column{display:none!important}.workflow-row{display:block!important;margin-bottom:1rem!important;border:1px solid #e2e8f0!important;border-radius:8px!important;background:#fff!important;grid-template-columns:none!important;transition:none!important}.workflow-row:hover{background-color:#fff!important}.workflow-feature-name{display:block!important;padding:1rem!important;font-weight:700!important;background:#f8fafc!important;border-bottom:1px solid #e2e8f0!important;text-align:center!important;color:#1f2937!important;align-items:unset!important}.workflow-plan-value{display:flex!important;justify-content:space-between!important;align-items:center!important;padding:.75rem 1rem!important;border-bottom:1px solid #e2e8f0!important;text-align:left!important;border-left:none!important;font-size:1rem!important}.workflow-plan-value:last-child{border-bottom:none}.workflow-plan-value:before{content:attr(data-plan);font-weight:700;color:#1f2937}.workflow-plan-value.creator:before{content:"Creator"}.workflow-plan-value.expert:before{content:"Expert"}.workflow-plan-value.professional:before{content:"Professional"}.workflows-section{margin-top:2rem;margin-bottom:100px!important;padding:1rem 0}.workflows-title{font-size:2rem;margin-bottom:2rem}}.workflows-section{margin-top:4rem;padding:2rem 0}.workflows-title{text-align:center;font-size:2.5rem;font-weight:700;color:#000;margin-bottom:1rem}.workflows-table{background:#fff;border-radius:20px;box-shadow:0 10px 40px #0000001a;overflow:hidden;border:1px solid rgba(93,95,239,.1)}.workflows-header{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;background:linear-gradient(135deg,#5d5fef,#9b51e0);color:#fff;font-weight:600}.workflow-feature-column{padding:1.5rem;font-size:1.1rem;font-weight:700}.workflow-plan-column{padding:1.5rem;text-align:center;border-left:1px solid rgba(255,255,255,.2)}.workflow-plan-column h3{margin:0;font-size:1.2rem;font-weight:700}.workflow-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;border-bottom:1px solid #e2e8f0;transition:background-color .2s ease}.workflow-row:hover{background-color:#f0fdf4}.workflow-row:last-child{border-bottom:none}.workflow-feature-name{padding:1.5rem;font-weight:500;color:#374151;display:flex;align-items:center}.workflow-plan-value{padding:1.5rem;text-align:center;font-weight:600;color:#6b7280;display:flex;align-items:center;justify-content:center;border-left:1px solid #e2e8f0;font-size:1.2rem}.workflow-plan-value.creator,.workflow-plan-value.expert,.workflow-plan-value.professional{color:#6b7280}.workflow-plan-value:contains("✓"){color:#6b7280}.workflow-plan-value.creator:contains("✓"){color:#5d5fef}.workflow-plan-value.expert:contains("✓"){background:linear-gradient(135deg,#5d5fef,#9b51e0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700}.workflow-plan-value.professional:contains("✓"){color:#059669}@media (max-width: 768px){.workflows-section{margin-top:2rem;padding:1rem 0}.workflows-title{font-size:2rem;margin-bottom:2rem}.workflows-header,.workflow-row{grid-template-columns:1fr;gap:.5rem}.workflow-feature-column,.workflow-plan-column,.workflow-feature-name,.workflow-plan-value{padding:1rem;text-align:left;border-left:none;border-bottom:1px solid #e2e8f0}.workflow-plan-column{background:#f0fdf4;font-weight:700}.workflow-plan-value{justify-content:flex-start}}.aff-dashboard{max-width:1400px;margin:0 auto;padding:2rem;min-height:calc(100vh - 200px);display:flex;flex-direction:column;gap:2rem}.aff-hero{background:linear-gradient(135deg,#5d5fef,#9b51e0);border-radius:24px;padding:3rem;color:#fff;text-align:center;position:relative;overflow:hidden;box-shadow:0 20px 60px #5d5fef4d;border:1px solid rgba(255,255,255,.1)}.aff-hero:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);animation:shimmer 3s infinite}.aff-hero-content{position:relative;z-index:2}.aff-hero-icon{width:80px;height:80px;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;font-size:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.3);filter:drop-shadow(0 4px 12px rgba(0,0,0,.2))}.aff-hero-title{font-size:3rem;font-weight:800;margin:0 0 1rem;line-height:1.2;color:#fff}.aff-hero-title span{color:#fff}.aff-hero-title .aff-highlight{background:linear-gradient(135deg,gold,#ffed4e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.aff-hero-subtitle{font-size:1.2rem;margin:0 0 2rem;opacity:.9;line-height:1.6;max-width:600px;margin-left:auto;margin-right:auto}.aff-hero-cta{background:linear-gradient(135deg,#ff6b6b,#ff8e53);color:#fff;border:none;padding:1rem 2rem;border-radius:16px;font-weight:700;font-size:1.1rem;cursor:pointer;display:inline-flex;align-items:center;gap:.75rem;transition:all .3s ease;box-shadow:0 8px 25px #5d5fef4d}.aff-hero-cta:hover{transform:translateY(-3px);box-shadow:0 12px 35px #5d5fef66}.aff-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:2rem}.aff-stat-card{background:#fff;border-radius:20px;padding:2rem;border:1px solid #e2e8f0;transition:all .3s ease;box-shadow:0 4px 20px #00000014;text-align:center}.aff-stat-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px #0000001f;border-color:#3b82f6}.aff-stat-icon{width:60px;height:60px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:16px;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;color:#fff;font-size:1.5rem}.aff-stat-content h3{margin:0 0 .5rem;font-size:.9rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.aff-stat-value{font-size:2.5rem;font-weight:800;color:#1e293b}.aff-steps{background:#fff;border-radius:24px;padding:2rem;box-shadow:0 4px 20px #00000014;border:1px solid #e2e8f0}.aff-steps h2{text-align:center;font-size:2rem;font-weight:700;color:#1e293b;margin:0 0 2rem}.aff-steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.aff-step-card{text-align:center;padding:1.5rem;border-radius:16px;background:#f8fafc;border:1px solid #e2e8f0;transition:all .3s ease;position:relative}.aff-step-card:hover{background:#fff;box-shadow:0 8px 25px #0000001a;transform:translateY(-3px)}.aff-step-number{position:absolute;top:-15px;left:50%;transform:translate(-50%);width:30px;height:30px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem;border:3px solid white}.aff-step-icon{width:60px;height:60px;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border-radius:16px;display:flex;align-items:center;justify-content:center;margin:1rem auto 1.5rem;color:#fff;font-size:1.5rem}.aff-step-card h3{margin:0 0 1rem;font-size:1.3rem;font-weight:700;color:#1e293b}.aff-step-card p{margin:0;color:#64748b;line-height:1.6;font-size:.95rem}.aff-coming-soon-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:10000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.aff-coming-soon-modal{background:#fff;border-radius:24px;padding:3rem;max-width:500px;width:90%;text-align:center;position:relative;box-shadow:0 25px 50px #00000040;animation:affModalSlideIn .3s ease-out}@keyframes affModalSlideIn{0%{opacity:0;transform:translateY(-30px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.aff-close-button{position:absolute;top:1rem;right:1rem;background:#f1f5f9;border:none;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#64748b;transition:all .3s ease}.aff-close-button:hover{background:#e2e8f0;color:#475569}.aff-coming-soon-icon{width:80px;height:80px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;color:#fff;font-size:2rem}.aff-coming-soon-content h2{margin:0 0 1rem;font-size:2rem;font-weight:700;color:#1e293b}.aff-coming-soon-content p{margin:0 0 2rem;color:#64748b;line-height:1.6;font-size:1.1rem}.aff-notify-button{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border:none;padding:1rem 2rem;border-radius:16px;font-weight:700;font-size:1rem;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;transition:all .3s ease;box-shadow:0 8px 25px #3b82f64d}.aff-notify-button:hover{transform:translateY(-2px);box-shadow:0 12px 35px #3b82f666}@media (max-width: 1200px){.aff-steps-grid{grid-template-columns:1fr;gap:1.5rem}}@media (max-width: 768px){.aff-dashboard{margin-top:80px!important;padding:1rem}.aff-hero{padding:2rem 1.5rem}.aff-hero-title{font-size:2rem}.aff-stats{grid-template-columns:1fr;gap:1rem}.aff-stat-card{padding:1.5rem}.aff-coming-soon-modal{padding:2rem 1.5rem;margin:1rem}.aff-steps{margin-bottom:120px!important}}@media (max-width: 480px){.aff-hero-title{font-size:1.8rem}.aff-hero-subtitle{font-size:1rem}.aff-hero-cta{padding:.75rem 1.5rem;font-size:1rem}.aff-coming-soon-content h2{font-size:1.5rem}.aff-coming-soon-content p{font-size:1rem}}.project-project-container{padding:2rem;max-width:1400px;margin:0 auto}.project-project-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2.5rem;padding:2rem;background:linear-gradient(135deg,#ffffffe6,#ffffffb3);border-radius:20px;box-shadow:0 8px 32px #5d5fef1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2)}.project-project-title-section{flex:1}.project-project-header h1{font-size:2.5rem;font-weight:700;background:linear-gradient(135deg,#5d5fef,#9b51e0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 .5rem}.project-project-subtitle{font-size:1rem;color:#64709a;margin:0;font-weight:500;line-height:1.5}.project-project-actions-wrapper{display:flex;gap:1.5rem;align-items:center}.project-project-search{position:relative}.search-icon{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:#64709a;font-size:16px;z-index:1}.project-project-search-input{width:300px;padding:12px 20px 12px 45px;border:2px solid rgba(93,95,239,.2);border-radius:15px;font-size:14px;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;outline:none}.project-project-search-input:focus{border-color:#5d5fef;box-shadow:0 0 0 3px #5d5fef1a;transform:translateY(-2px)}.project-project-search-input::placeholder{color:#64709a;font-weight:500}.project-project-filters{display:flex;gap:1rem}.project-project-sort-select,.project-project-filter-select{padding:12px 20px;border:2px solid rgba(93,95,239,.2);border-radius:15px;font-size:14px;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#333;cursor:pointer;transition:all .3s ease;outline:none;min-width:150px}.project-project-sort-select:focus,.project-project-filter-select:focus{border-color:#5d5fef;box-shadow:0 0 0 3px #5d5fef1a}.project-project-grid-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem;margin-top:2rem}.project-project-item-wrapper{background:linear-gradient(135deg,#fffffff2,#ffffffd9);border-radius:20px;overflow:hidden;box-shadow:0 10px 40px #5d5fef1a;transition:all .4s ease;border:1px solid rgba(255,255,255,.3);position:relative}.project-project-item-wrapper:hover{transform:translateY(-8px);box-shadow:0 20px 60px #5d5fef33}.project-project-thumbnail-container{position:relative;height:200px;overflow:hidden;background:#f8f9fa;display:flex;align-items:center;justify-content:center}.project-project-thumbnail-image,.project-project-thumbnail-video{width:100%!important;height:100%!important;object-fit:cover;transition:transform .4s ease;display:block}.project-project-thumbnail-video{object-position:center}.project-project-thumbnail-container img,.project-project-thumbnail-container video{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;flex-shrink:0}.project-project-thumbnail-container{position:relative;height:200px;overflow:hidden;background:#f8f9fa;display:flex;align-items:center;justify-content:center;width:100%}.project-project-item-wrapper:hover .project-project-thumbnail-image,.project-project-item-wrapper:hover .project-project-thumbnail-video{transform:scale(1.05)}.project-project-status-badge{position:absolute;top:15px;right:15px;padding:6px 12px;border-radius:20px;color:#fff;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;z-index:2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3)}.project-project-overlay-container{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#5d5fefe6,#9b51e0e6);display:flex;justify-content:center;align-items:center;gap:1rem;opacity:0;transition:opacity .3s ease}.project-project-item-wrapper:hover .project-project-overlay-container{opacity:1}.project-project-download-button,.project-project-delete-button{width:50px;height:50px;border:none;border-radius:50%;background:#fff3;color:#fff;font-size:18px;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3)}.project-project-download-button:hover{background:#22c55ecc;transform:scale(1.1)}.project-project-delete-button:hover{background:#ff6b6bcc;transform:scale(1.1)}.project-project-info-container{padding:1.5rem}.project-project-title{font-size:1.25rem;font-weight:600;color:#333;margin:0 0 .75rem;line-height:1.3}.project-project-description{font-size:.875rem;color:#64709a;margin:0 0 1rem;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.project-project-metadata{display:flex;justify-content:space-between;align-items:flex-end;font-size:.875rem;color:#64709a}.project-project-left-meta,.project-project-right-meta{display:flex;flex-direction:column;gap:.5rem}.project-project-date,.project-project-type,.project-project-duration,.project-project-views{display:flex;align-items:center;gap:.5rem;font-weight:500}.project-project-date svg,.project-project-type svg,.project-project-duration svg,.project-project-views svg{color:#5d5fef;font-size:14px}.project-project-empty-state{text-align:center;padding:4rem 2rem;background:linear-gradient(135deg,#ffffffe6,#ffffffb3);border-radius:20px;box-shadow:0 8px 32px #5d5fef1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2)}.project-project-empty-state .icon-large{font-size:4rem;color:#5d5fef;margin-bottom:1.5rem;opacity:.7}.project-project-empty-state h2{font-size:1.75rem;font-weight:600;color:#333;margin:0 0 1rem}.project-project-empty-state p{font-size:1rem;color:#64709a;margin:0 0 2rem;line-height:1.6}.project-project-create-button{display:inline-block;background:linear-gradient(135deg,#5d5fef,#9b51e0);color:#fff;padding:15px 30px;border-radius:25px;text-decoration:none;font-weight:600;font-size:1rem;transition:all .3s ease;box-shadow:0 8px 25px #5d5fef4d}.project-project-create-button:hover{transform:translateY(-3px);box-shadow:0 12px 35px #5d5fef66}@media (max-width: 1024px){.project-project-header{flex-direction:column;gap:1.5rem;text-align:center}.project-project-actions-wrapper{flex-direction:column;width:100%}.project-project-search-input{width:100%}.project-project-filters{width:100%;justify-content:center}.project-project-grid-container{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}}@media (max-width: 768px){.project-project-container{padding:1rem}.project-project-header{padding:1.5rem;margin-bottom:2rem}.project-project-header h1{font-size:2rem}.project-project-grid-container{grid-template-columns:1fr;gap:1rem}.project-project-item-wrapper{margin-bottom:1rem}}@media (max-width: 480px){.project-project-header h1{font-size:1.75rem}.project-project-actions-wrapper{gap:1rem}.project-project-filters{flex-direction:column;width:100%}.project-project-sort-select,.project-project-filter-select{width:100%}}*{margin:0;padding:0;box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.page-container-fm{background-color:#f8f9fa;min-height:100vh;display:flex;flex-direction:column}.topbar94{background-color:#fff;padding:1rem 2rem;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center;position:fixed;top:0;left:0;right:0;z-index:10}.back-link94{display:flex;align-items:center;color:#4a5568;text-decoration:none;font-weight:500}.back-link94 svg{margin-right:.5rem}.nav-links94{display:flex;gap:1.5rem}.nav-link94{display:flex;align-items:center;color:#4a5568;text-decoration:none;font-weight:500}.nav-link94 svg{margin-right:.5rem}.nav-link94.active{color:#3182ce}.main-content-fm{padding:2rem;display:flex;flex-direction:column;gap:2rem;width:80%;max-width:1200px;margin-left:auto;margin-right:auto;flex-grow:1;margin-bottom:5rem!important;margin-top:0rem}.content-section-fm{margin-top:70px;background:#fff;border-radius:1rem;padding:2rem;min-height:300px;box-shadow:0 4px 6px -1px #0000001a;width:100%}.title-fm{font-size:1.75rem;font-weight:600;margin-bottom:2rem;color:#333;text-align:center}.file-upload-container-fm{margin-bottom:2rem}.file-input-fm{display:none}.file-upload-box-fm{border:2px dashed #cbd5e0;border-radius:1rem;padding:3rem 2rem;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;cursor:pointer;transition:all .3s ease;background-color:#f7fafc}.file-upload-box-fm:hover{border-color:#3182ce;background-color:#ebf8ff}.upload-icon-fm{color:#3182ce;margin-bottom:1.5rem}.upload-text-fm{font-size:1.1rem;color:#4a5568;margin-bottom:.5rem}.upload-link-fm{color:#3182ce;font-weight:600;text-decoration:underline}.upload-formats-fm{font-size:.9rem;color:#718096}.preview-container-fm{display:flex;flex-direction:column;align-items:center;width:100%;border-radius:1rem;overflow:hidden;background-color:#f7fafc;position:relative}.video-preview-fm{max-width:100%;max-height:300px;width:100%;border-radius:.75rem;background-color:#000}.change-file-btn-fm{background-color:#3182cecc;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:500;cursor:pointer;transition:all .2s;margin-top:1rem}.change-file-btn-fm:hover{background-color:#3182ce;transform:translateY(-1px)}.format-grid-fm{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.5rem;margin-top:2rem}.format-card-fm{border:1px solid #e2e8f0;border-radius:.75rem;padding:1.5rem;display:flex;flex-direction:column;align-items:center;cursor:pointer;transition:all .2s ease}.format-card-fm:hover{border-color:#3182ce;box-shadow:0 4px 6px -1px #3182ce1a;transform:translateY(-2px)}.format-card-fm.selected-fm{border-color:#3182ce;background-color:#ebf8ff;box-shadow:0 4px 6px -1px #3182ce33}.format-preview-fm{display:flex;justify-content:center;align-items:center;margin-bottom:1rem;height:80px}.format-rectangle-fm{background-color:#3182ce;border-radius:4px}.format-label-fm{text-align:center}.format-ratio-fm{font-weight:600;font-size:1.1rem;color:#2d3748;margin-bottom:.25rem}.format-desc-fm{font-size:.9rem;color:#718096}.error-message-fm{display:flex;align-items:center;padding:1rem;background-color:#fed7d7;border-radius:.5rem;margin-bottom:1.5rem;color:#c53030}.error-message-fm svg{margin-right:.5rem;flex-shrink:0}.bottom-navigation-fm{position:fixed;bottom:0;left:0;right:0;background:#fff;padding:1.5rem;display:flex;justify-content:center;align-items:center;box-shadow:0 -2px 10px #0000000d;width:100%}.generate-button-center-fm{background:linear-gradient(135deg,#3182ce,#2c5282);color:#fff;border:none;padding:1rem 4rem;border-radius:1rem;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s;box-shadow:0 4px 10px #3182ce4d;text-transform:uppercase;letter-spacing:1px;width:50%;max-width:300px}.generate-button-center-fm:hover{transform:translateY(-2px);box-shadow:0 6px 15px #3182ce66}.generate-button-center-fm:active{transform:translateY(0)}.generate-button-center-fm.disabled-fm{background:linear-gradient(135deg,#cbd5e0,#a0aec0);cursor:not-allowed;box-shadow:none;opacity:.7}@keyframes pulse{0%{box-shadow:0 0 #3182ce66}70%{box-shadow:0 0 0 10px #3182ce00}to{box-shadow:0 0 #3182ce00}}.file-upload-box-fm:focus{animation:pulse 1.5s infinite;outline:none;border-color:#3182ce}@media (max-width: 768px){.main-content-fm{flex-grow:1;padding:1rem;width:100%;margin-top:1rem}.file-upload-box-fm{padding:2rem 1rem}.upload-icon-fm svg{width:40px;height:40px}.bottom-navigation-fm{position:fixed;padding:1rem;width:100%}.generate-button-center-fm{width:80%;padding:.875rem 1rem;font-size:1rem}.format-grid-fm{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem}}@media (max-width: 480px){.title-fm{font-size:1.2rem;text-align:center;margin-bottom:1.5rem}.upload-text-fm{font-size:.9rem}.upload-formats-fm{font-size:.8rem}.format-grid-fm{grid-template-columns:repeat(2,1fr);gap:.75rem}.format-card-fm{padding:1rem}.format-preview-fm{height:60px}.format-ratio-fm{font-size:.9rem}.format-desc-fm{font-size:.8rem}.generate-button-center-fm{width:100%;padding:.75rem 1rem}}.format-dashboard{margin-top:75px!important;padding:2rem;max-width:1400px;margin:0 auto;display:flex;flex-direction:column;gap:2rem}.format-hero{background:linear-gradient(135deg,#5d5fef,#9b51e0);border-radius:24px;padding:3rem;color:#fff;text-align:center;position:relative;overflow:hidden;box-shadow:0 20px 60px #5d5fef4d;border:1px solid rgba(255,255,255,.1)}.format-hero:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);animation:shimmer 3s infinite}.format-hero-content{position:relative;z-index:2}.format-hero-icon{width:80px;height:80px;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;font-size:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.3);filter:drop-shadow(0 4px 12px rgba(0,0,0,.2))}.format-hero-title{font-size:3rem;font-weight:800;margin:0 0 1rem;line-height:1.2;color:#fff}.format-hero-title .format-highlight{background:linear-gradient(135deg,gold,#ffed4e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.format-hero-subtitle{font-size:1.2rem;margin:0 0 2rem;opacity:.9;line-height:1.6;max-width:600px;margin-left:auto;margin-right:auto}.format-upload-section{background:linear-gradient(135deg,#fffffff2,#ffffffd9);border-radius:20px;padding:2.5rem;box-shadow:0 10px 40px #5d5fef1a;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:relative;overflow:hidden}.format-upload-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#5d5fef05,#9b51e005);pointer-events:none}.format-upload-title{font-size:1.5rem;font-weight:700;margin:0 0 1.5rem;color:#1f2937;text-align:center;position:relative;z-index:2;letter-spacing:-.01em}.format-file-input{display:none}.format-upload-box{border:3px dashed rgba(93,95,239,.2);border-radius:16px;padding:3rem 2rem;text-align:center;cursor:pointer;transition:all .3s ease;background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;z-index:2}.format-upload-box:hover{border-color:#5d5fef;background:#fffffff2;transform:translateY(-2px);box-shadow:0 8px 25px #5d5fef26}.format-upload-box.dragover{border-color:#5d5fef;background:#fffffff2;transform:scale(1.02);box-shadow:0 8px 25px #5d5fef33}.format-upload-icon{width:80px;height:80px;margin:0 auto 1.5rem;color:#9ca3af;transition:color .3s ease;filter:drop-shadow(0 2px 8px rgba(93,95,239,.2))}.format-upload-box:hover .format-upload-icon{color:#5d5fef;filter:drop-shadow(0 4px 12px rgba(93,95,239,.3))}.format-upload-text{font-size:1.1rem;color:#374151;margin:0 0 .5rem;font-weight:500}.format-upload-link{color:#5d5fef;font-weight:600;text-decoration:underline}.format-upload-formats{font-size:.9rem;color:#6b7280;margin:0}.format-preview-container{background:linear-gradient(135deg,#fffffff2,#ffffffd9);border-radius:16px;padding:2rem;box-shadow:0 10px 40px #5d5fef1a;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);margin-bottom:2rem;position:relative;overflow:hidden}.format-video-preview{width:100%;max-width:500px;height:auto;border-radius:12px;margin:0 auto 1.5rem;display:block;box-shadow:0 8px 25px #00000026}.format-change-file-btn{background:linear-gradient(135deg,#5d5fef,#9b51e0);color:#fff;border:none;padding:.875rem 1.75rem;border-radius:12px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #5d5fef4d;display:block;margin:0 auto}.format-change-file-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #5d5fef66}.format-selection-section{background:linear-gradient(135deg,#fffffff2,#ffffffd9);border-radius:20px;padding:2.5rem;box-shadow:0 10px 40px #5d5fef1a;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:relative;overflow:hidden}.format-selection-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#5d5fef05,#9b51e005);pointer-events:none}.format-selection-title{font-size:1.5rem;font-weight:700;margin:0 0 2rem;color:#1f2937;text-align:center;position:relative;z-index:2;letter-spacing:-.01em}.format-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-top:2rem;position:relative;z-index:2}.format-card{background:linear-gradient(135deg,#fffc,#f8fafccc);border:2px solid rgba(93,95,239,.1);border-radius:16px;padding:1.5rem;text-align:center;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;min-width:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.format-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px #5d5fef26;border-color:#5d5fef;background:linear-gradient(135deg,#fffffff2,#f8fafcf2)}.format-card.selected{border-color:#5d5fef;background:linear-gradient(135deg,#eff6ffe6,#dbeafee6);box-shadow:0 0 0 3px #5d5fef1a}.format-card.selected:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg,#5d5fef,#9b51e0)}.format-preview{margin-bottom:1.5rem;display:flex;justify-content:center;align-items:center;height:80px}.format-rectangle{background:linear-gradient(135deg,#5d5fef,#9b51e0);border-radius:8px;box-shadow:0 4px 15px #5d5fef4d}.format-label{text-align:center}.format-ratio{font-size:1.25rem;font-weight:700;color:#1f2937;margin-bottom:.5rem}.format-desc{font-size:.9rem;color:#6b7280;line-height:1.4}.format-error{background:#fef2f2;color:#991b1b;border:1px solid #fecaca;border-radius:12px;padding:1rem 1.5rem;margin:1.5rem 0;display:flex;align-items:center;gap:.75rem;font-weight:500}.format-error svg{color:#dc2626;flex-shrink:0}.format-success-message{background:#f0fdf4;color:#166534;border:1px solid #bbf7d0;border-radius:12px;padding:1rem 1.5rem;margin-bottom:1.5rem;display:flex;align-items:center;gap:.75rem;font-weight:500;animation:fadeInUp .5s ease-out}.format-success-message svg{color:#16a34a;flex-shrink:0;font-size:1.2rem}.format-timer{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem;margin-bottom:1.5rem;text-align:center}.format-timer-text{font-size:1.1rem;font-weight:600;color:#475569;margin-bottom:1rem}.format-timer-bar{width:100%;height:8px;background:#e2e8f0;border-radius:4px;overflow:hidden;position:relative}.format-timer-progress{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:4px;transition:width 1s linear;position:relative}.format-timer-progress:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.format-generate-section{background:linear-gradient(135deg,#fffffff2,#ffffffd9);border-radius:20px;padding:2.5rem;box-shadow:0 10px 40px #5d5fef1a;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);text-align:center;position:relative;overflow:hidden}.format-generate-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#5d5fef05,#9b51e005);pointer-events:none}.format-generate-button{background:linear-gradient(135deg,#5d5fef,#9b51e0);color:#fff;border:none;padding:1.25rem 3rem;border-radius:16px;font-weight:700;font-size:1.1rem;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 25px #5d5fef4d;min-width:200px;position:relative;z-index:2}.format-generate-button:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 12px 35px #5d5fef66}.format-generate-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.format-generate-button.processing{background:linear-gradient(135deg,#f093fb,#f5576c);cursor:not-allowed}@media (max-width: 1024px){.format-dashboard{padding:1.5rem}.format-hero{padding:2rem}.format-hero-title{font-size:2.5rem}.format-grid{grid-template-columns:repeat(2,1fr);gap:1rem}}@media (max-width: 768px){.format-dashboard{padding:1rem;margin-top:60px!important}.format-hero{padding:1.5rem}.format-hero-title{font-size:2rem}.format-hero-subtitle{font-size:1rem}.format-upload-section,.format-selection-section,.format-generate-section{padding:1.5rem}.format-upload-title,.format-selection-title{font-size:1.25rem}.format-grid{grid-template-columns:1fr;gap:1rem}.format-card{padding:1.5rem}.format-generate-button{padding:1rem 2rem;font-size:1rem;min-width:180px}.format-generate-section{margin-bottom:150px!important}}@media (max-width: 480px){.format-hero-title{font-size:1.75rem}.format-hero-icon{width:60px;height:60px;font-size:1.5rem}.format-upload-box{padding:2rem 1rem}.format-upload-icon{width:60px;height:60px}.format-upload-text{font-size:1rem}.format-upload-formats{font-size:.8rem}}.format-loading-popup{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .3s ease-out}.format-popup-content{background:#fff;border-radius:24px;padding:3rem;max-width:500px;width:90%;text-align:center;position:relative;animation:slideInUp .4s ease-out}.format-popup-content-landscape{background:#fff;border-radius:32px;padding:3rem;max-width:1000px;width:95%;box-shadow:0 32px 64px #00000026;position:relative;animation:slideInUp .4s ease-out;display:flex;align-items:center;gap:5rem;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.format-popup-left{flex:1;text-align:left}.format-popup-right{flex:0 0 auto;display:flex;justify-content:center;align-items:center}.format-popup-title{font-size:2.5rem;font-weight:800;color:#0f172a;margin:0 0 1.5rem;line-height:1.1;letter-spacing:-.02em;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.format-popup-subtitle{font-size:1.2rem;color:#64748b;margin:0 0 2.5rem;line-height:1.6;font-weight:400;letter-spacing:-.01em}.format-popup-progress{display:flex;justify-content:center;align-items:center;gap:2rem;margin:2rem 0}.format-progress-circle{position:relative;width:220px;height:220px;margin:0 auto}.format-progress-ring{transform:rotate(-90deg);width:100%;height:100%;position:absolute;top:0;left:0}.format-progress-ring-circle{fill:none;stroke-linecap:round}.format-progress-ring-fill{transition:stroke-dashoffset .3s ease}.format-progress-logo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:160px;height:160px;z-index:10;display:flex;align-items:center;justify-content:center;pointer-events:none;background:transparent}.format-progress-logo img{width:160px;height:160px;display:block;margin:0;padding:0;border:none;outline:none;background:transparent;mix-blend-mode:normal;filter:drop-shadow(0 4px 12px rgba(59,130,246,.3))}.format-progress-percentage-box{background:linear-gradient(135deg,#fff,#f8fafc);border-radius:20px;padding:1.5rem 2rem;box-shadow:0 8px 32px #0000001f;border:1px solid rgba(139,92,246,.1);font-size:2.5rem;font-weight:800;background:linear-gradient(135deg,#8b5cf6,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-align:center;min-width:100px;display:inline-block;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;letter-spacing:-.02em;position:relative;overflow:hidden}.format-progress-percentage-box:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(139,92,246,.1),transparent);animation:shimmer 3s infinite}@media (max-width: 1024px) and (min-width: 769px){.format-popup-content-landscape{max-width:900px;gap:4rem;padding:2.5rem}.format-progress-circle,.format-progress-ring{width:200px;height:200px}.format-progress-logo,.format-progress-logo img{width:140px;height:140px}.format-popup-title{font-size:2.2rem}.format-popup-subtitle{font-size:1.1rem}.format-progress-percentage-box{font-size:2.2rem}}@media (max-width: 768px){.format-popup-content{padding:2rem;margin:1rem}.format-popup-content-landscape{flex-direction:column;gap:2.5rem;padding:2.5rem;margin:1rem;max-width:600px}.format-popup-left{text-align:center}.format-popup-title{font-size:2rem}.format-popup-subtitle{font-size:1.1rem}.format-progress-circle,.format-progress-ring{width:200px;height:200px}.format-popup-progress{gap:1.5rem}.format-progress-percentage-box{font-size:2.2rem;padding:1.2rem 1.8rem;min-width:90px}.format-progress-logo,.format-progress-logo img{width:120px;height:120px}.format-progress-ring svg{width:200px!important;height:200px!important}}@media (max-width: 480px){.format-popup-content{padding:1.5rem}.format-popup-content-landscape{padding:2rem;gap:2rem;max-width:400px}.format-popup-title{font-size:1.8rem;margin-bottom:1rem}.format-popup-subtitle{font-size:1rem;margin-bottom:2rem}.format-progress-circle,.format-progress-ring{width:160px;height:160px}.format-progress-logo,.format-progress-logo img{width:100px;height:100px}.format-progress-percentage-box{font-size:1.8rem;padding:1rem 1.5rem;min-width:70px}.format-progress-ring svg{width:160px!important;height:160px!important}}.format-trimming-section{background:linear-gradient(135deg,#fffffff2,#ffffffd9);border-radius:20px;padding:2.5rem;box-shadow:0 10px 40px #5d5fef1a;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:relative;overflow:hidden;margin:2rem 0}.format-trimming-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#8b5cf60d,#3b82f60d);pointer-events:none}.format-trimming-title{font-size:1.5rem;font-weight:700;color:#1a202c;margin-bottom:.75rem;position:relative;z-index:1}.format-trimming-subtitle{color:#718096;margin-bottom:2rem;font-size:1rem;line-height:1.6;position:relative;z-index:1}.format-trimming-inputs{display:grid;grid-template-columns:1fr 1fr;gap:2rem;position:relative;z-index:1}.format-trimming-input-group{display:flex;flex-direction:column}.format-trimming-label{font-weight:600;color:#2d3748;margin-bottom:.75rem;font-size:1rem}.format-trimming-input{padding:1rem;border:2px solid #e2e8f0;border-radius:12px;font-size:1rem;transition:all .3s ease;background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.format-trimming-input:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 4px #8b5cf61a;transform:translateY(-2px)}.format-trimming-input::placeholder{color:#a0aec0;font-style:italic}@media (max-width: 768px){.format-trimming-inputs{grid-template-columns:1fr;gap:1.5rem}.format-trimming-section{padding:1.5rem}.format-trimming-title{font-size:1.25rem}.format-trimming-subtitle{font-size:.9rem}}.subtitlesclip-dashboard{margin-right:6%!important;margin-top:100px!important;width:auto!important;display:flex;flex-direction:column;gap:2rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.subtitlesclip-hero{background:linear-gradient(135deg,#5d5fef,#9b51e0);border-radius:24px;padding:3rem 2rem;text-align:center;color:#fff;margin-bottom:2rem;box-shadow:0 20px 60px #5d5fef4d;border:1px solid rgba(255,255,255,.1);position:relative;overflow:hidden}.subtitlesclip-hero:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);animation:shimmer 3s infinite}.subtitlesclip-hero-icon{font-size:3.5rem;margin-bottom:1rem;opacity:1;filter:drop-shadow(0 4px 12px rgba(0,0,0,.2))}.subtitlesclip-hero-title{font-size:2.5rem;font-weight:800;margin-bottom:1rem;line-height:1.2;color:#fff;letter-spacing:-.02em;text-shadow:0 2px 4px rgba(0,0,0,.1)}.subtitlesclip-highlight{background:linear-gradient(135deg,gold,orange);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:none}.subtitlesclip-hero-subtitle{font-size:1.1rem;opacity:.95;max-width:600px;margin:0 auto;line-height:1.6;font-weight:400;letter-spacing:-.01em}.subtitlesclip-input-options{display:grid;grid-template-columns:1fr;gap:1.5rem;margin-bottom:1.5rem}.subtitlesclip-upload-section{background:linear-gradient(135deg,#fffffff2,#ffffffd9);border-radius:20px;padding:2rem;box-shadow:0 10px 40px #5d5fef1a;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:relative;overflow:hidden}.subtitlesclip-upload-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#5d5fef05,#9b51e005);pointer-events:none}.subtitlesclip-upload-title{font-size:1.4rem;font-weight:700;margin-bottom:1.5rem;color:#1a202c;text-align:center;position:relative;z-index:2;letter-spacing:-.01em}.subtitlesclip-file-input{display:none}.subtitlesclip-preview-container{text-align:center;margin-top:.75rem}.subtitlesclip-video-preview{max-width:100%;max-height:300px;border-radius:.5rem;margin-bottom:.75rem;box-shadow:0 4px 6px #0000001a}.subtitlesclip-change-file-btn{background:#5d5fef;color:#fff;border:none;padding:.5rem 1rem;border-radius:.5rem;cursor:pointer;font-weight:500;transition:all .2s;display:block;margin:0 auto}.subtitlesclip-change-file-btn:hover{background:#9b51e0;transform:translateY(-1px)}.subtitlesclip-upload-box{border:2px dashed rgba(93,95,239,.3);border-radius:16px;padding:2.5rem 2rem;text-align:center;cursor:pointer;transition:all .3s ease;background:linear-gradient(135deg,#5d5fef05,#9b51e005);position:relative;z-index:2}.subtitlesclip-upload-box:hover,.subtitlesclip-upload-box.dragover{border-color:#5d5fef;background:linear-gradient(135deg,#5d5fef0d,#9b51e00d);transform:translateY(-2px);box-shadow:0 8px 25px #5d5fef26}.subtitlesclip-upload-icon{color:#5d5fef;margin-bottom:1rem;font-size:2.5rem;filter:drop-shadow(0 2px 8px rgba(93,95,239,.2))}.subtitlesclip-upload-text{font-size:1.1rem;color:#1a202c;margin-bottom:.75rem;font-weight:500}.subtitlesclip-upload-link{color:#5d5fef;font-weight:700;text-decoration:none;transition:all .3s ease}.subtitlesclip-upload-link:hover{color:#9b51e0;text-decoration:underline}.subtitlesclip-upload-formats{color:#64748b;font-size:.9rem;font-weight:400}.subtitlesclip-url-section{background:linear-gradient(135deg,#fffffff2,#ffffffd9);border-radius:20px;padding:2rem;box-shadow:0 10px 40px #5d5fef1a;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:relative;overflow:hidden}.subtitlesclip-url-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#5d5fef05,#9b51e005);pointer-events:none}.subtitlesclip-url-title{font-size:1.4rem;font-weight:700;margin-bottom:1.5rem;color:#1a202c;text-align:center;position:relative;z-index:2;letter-spacing:-.01em}.subtitlesclip-url-input-container{margin-bottom:1.5rem;position:relative;z-index:2}.subtitlesclip-url-input{width:100%;padding:1rem 1.25rem;border:2px solid rgba(93,95,239,.2);border-radius:12px;font-size:1rem;background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#1a202c;transition:all .3s ease}.subtitlesclip-url-input:focus{outline:none;border-color:#5d5fef;box-shadow:0 0 0 3px #5d5fef1a;transform:translateY(-1px)}.subtitlesclip-url-input:disabled{background:#f7fafc;color:#a0aec0;cursor:not-allowed}.subtitlesclip-platform-buttons{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap;position:relative;z-index:2}.subtitlesclip-platform-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;border:2px solid rgba(93,95,239,.2);border-radius:12px;background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#1a202c;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .3s ease}.subtitlesclip-platform-btn:hover{border-color:#5d5fef;transform:translateY(-2px);box-shadow:0 8px 25px #5d5fef26;background:#fffffff2}.subtitlesclip-platform-btn.youtube:hover{border-color:#e53e3e;box-shadow:0 8px 25px #e53e3e26}.subtitlesclip-platform-btn.tiktok:hover{border-color:#000;box-shadow:0 8px 25px #00000026}.subtitlesclip-platform-btn.twitch:hover{border-color:#9146ff;box-shadow:0 8px 25px #9146ff26}.subtitlesclip-error{background:#fed7d7;border:1px solid #feb2b2;color:#c53030;padding:.75rem;border-radius:.5rem;display:flex;align-items:center;gap:.5rem;margin:.75rem 0}.subtitlesclip-timing-section{background:linear-gradient(135deg,#fffffff2,#ffffffd9);border-radius:20px;padding:2rem;box-shadow:0 10px 40px #5d5fef1a;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:relative;overflow:hidden}.subtitlesclip-timing-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#5d5fef05,#9b51e005);pointer-events:none}.subtitlesclip-timing-title{font-size:1.4rem;font-weight:700;margin-bottom:1.5rem;color:#1a202c;display:flex;align-items:center;gap:.75rem;position:relative;z-index:2;letter-spacing:-.01em}.subtitlesclip-section-icon{color:#5d5fef;font-size:1.5rem;filter:drop-shadow(0 2px 8px rgba(93,95,239,.2))}.subtitlesclip-timing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.subtitlesclip-timing-option{display:flex;flex-direction:column;gap:.5rem}.subtitlesclip-timing-option label{font-weight:500;color:#1a202c;font-size:.95rem}.subtitlesclip-timing-input{padding:.75rem 1rem;border:2px solid rgba(93,95,239,.2);border-radius:10px;font-size:.95rem;transition:all .3s ease;background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#1a202c}@media (max-width: 480px){.subtitlesclip-timing-input{font-size:16px!important}}.subtitlesclip-timing-input:focus{outline:none;border-color:#5d5fef;box-shadow:0 0 0 3px #5d5fef1a;transform:translateY(-1px)}.subtitlesclip-timing-info{font-size:.8rem;color:#64748b;font-style:italic}.subtitlesclip-language-section{background:linear-gradient(135deg,#fffffff2,#ffffffd9);border-radius:20px;padding:2rem;box-shadow:0 10px 40px #5d5fef1a;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:relative;overflow:hidden}.subtitlesclip-language-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#5d5fef05,#9b51e005);pointer-events:none}.subtitlesclip-language-title{font-size:1.4rem;font-weight:700;margin-bottom:1.5rem;color:#1a202c;display:flex;align-items:center;gap:.75rem;position:relative;z-index:2;letter-spacing:-.01em}.subtitlesclip-language-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.75rem}.subtitlesclip-language-card{border:2px solid rgba(93,95,239,.2);border-radius:12px;padding:1rem;text-align:center;cursor:pointer;transition:all .3s ease;background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;z-index:2}.subtitlesclip-language-card:hover{border-color:#5d5fef;background:#fffffff2;transform:translateY(-3px);box-shadow:0 8px 25px #5d5fef26}.subtitlesclip-language-card.selected{border-color:#5d5fef;background:linear-gradient(135deg,#5d5fef0d,#9b51e00d);box-shadow:0 0 0 3px #5d5fef33,0 8px 25px #5d5fef26}.subtitlesclip-language-name{font-weight:600;color:#1a202c;margin-bottom:.25rem;font-size:.9rem}.subtitlesclip-language-code{font-size:.8rem;color:#64748b;font-family:monospace}.subtitlesclip-style-section{background:linear-gradient(135deg,#fffffff2,#ffffffd9);border-radius:20px;padding:2rem;box-shadow:0 10px 40px #5d5fef1a;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:relative;overflow:hidden}.subtitlesclip-style-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#5d5fef05,#9b51e005);pointer-events:none}.subtitlesclip-style-title{font-size:1.4rem;font-weight:700;margin-bottom:1.5rem;color:#1a202c;display:flex;align-items:center;gap:.75rem;position:relative;z-index:2;letter-spacing:-.01em}.subtitlesclip-style-scroll-container{width:100%;overflow-x:auto;overflow-y:hidden;padding:.5rem 0;margin:0 -.5rem}.subtitlesclip-style-scroll{display:flex;gap:.75rem;padding:0 .5rem;min-width:max-content}.subtitlesclip-style-scroll::-webkit-scrollbar{height:8px}.subtitlesclip-style-scroll::-webkit-scrollbar-track{background:#5d5fef1a;border-radius:4px}.subtitlesclip-style-scroll::-webkit-scrollbar-thumb{background:#5d5fef4d;border-radius:4px}.subtitlesclip-style-scroll::-webkit-scrollbar-thumb:hover{background:#5d5fef80}.subtitlesclip-style-card{border:2px solid rgba(93,95,239,.2);border-radius:16px;padding:1.25rem;cursor:pointer;transition:all .3s ease;background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:column;align-items:center;text-align:center;gap:.75rem;position:relative;z-index:2;min-width:200px;flex-shrink:0}.subtitlesclip-style-card:hover{border-color:#5d5fef;background:#fffffff2;transform:translateY(-3px);box-shadow:0 8px 25px #5d5fef26}.subtitlesclip-style-card.selected{border-color:#5d5fef;background:linear-gradient(135deg,#5d5fef0d,#9b51e00d);box-shadow:0 0 0 3px #5d5fef33,0 8px 25px #5d5fef26}.subtitlesclip-style-preview{flex-shrink:0}.subtitlesclip-style-icon{width:50px;height:50px;background:linear-gradient(135deg,#5d5fef,#9b51e0);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem;box-shadow:0 4px 12px #5d5fef4d}.subtitlesclip-style-label{width:100%}.subtitlesclip-style-name{font-weight:600;color:#1a202c;margin-bottom:.25rem;font-size:1rem}.subtitlesclip-style-desc{color:#64748b;font-size:.8rem;line-height:1.3}.subtitlesclip-generate-section{margin-bottom:20px!important;background:linear-gradient(135deg,#fffffff2,#ffffffd9);border-radius:20px;padding:2rem;box-shadow:0 10px 40px #5d5fef1a;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);text-align:center;position:relative;overflow:hidden}.subtitlesclip-generate-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#5d5fef05,#9b51e005);pointer-events:none}.subtitlesclip-success-message{background:#c6f6d5;border:1px solid #9ae6b4;color:#22543d;padding:.75rem;border-radius:.5rem;display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:1rem;font-weight:500;font-size:.9rem}.subtitlesclip-timer{margin-bottom:1rem}.subtitlesclip-timer-text{font-size:1rem;color:#1a202c;margin-bottom:.5rem;font-weight:500}.subtitlesclip-timer-bar{width:100%;height:8px;background:#e2e8f0;border-radius:4px;overflow:hidden}.subtitlesclip-timer-progress{height:100%;background:linear-gradient(135deg,#5d5fef,#9b51e0);transition:width 1s linear}.subtitlesclip-generate-button{background:linear-gradient(135deg,#5d5fef,#9b51e0);color:#fff;border:none;padding:1rem 2.5rem;border-radius:16px;font-size:1.2rem;font-weight:700;cursor:pointer;transition:all .3s ease;min-width:220px;box-shadow:0 8px 25px #5d5fef4d;position:relative;z-index:2}.subtitlesclip-generate-button:hover:not(.disabled){transform:translateY(-3px);box-shadow:0 12px 35px #5d5fef66}.subtitlesclip-generate-button.disabled{background:#cbd5e0;cursor:not-allowed;transform:none;box-shadow:none}.subtitlesclip-generate-button.processing{background:linear-gradient(135deg,#f093fb,#f5576c);cursor:not-allowed}.subtitlesclip-processing-indicator{display:flex;align-items:center;justify-content:center;gap:12px;margin:15px 0;padding:15px;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-radius:10px;border:1px solid #e2e8f0}.subtitlesclip-spinner{width:20px;height:20px;border:3px solid #e2e8f0;border-top:3px solid #5D5FEF;border-radius:50%;animation:spin 1s linear infinite}.subtitlesclip-processing-indicator span{color:#1a202c;font-weight:600;font-size:14px}.subtitlesclip-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.subtitlesclip-modal{background:#fff;border-radius:20px;max-width:90vw;max-height:90vh;overflow:hidden;box-shadow:0 25px 50px #00000040;animation:modalSlideIn .3s ease-out}.subtitlesclip-modal-header{display:flex;align-items:center;justify-content:space-between;padding:25px 30px;border-bottom:1px solid #e2e8f0;background:linear-gradient(135deg,#f8fafc,#e2e8f0)}.subtitlesclip-modal-title{display:flex;align-items:center;gap:15px;margin:0;color:#1e293b;font-size:24px;font-weight:700}.subtitlesclip-modal-close{background:none;border:none;font-size:32px;color:#64748b;cursor:pointer;padding:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.subtitlesclip-modal-close:hover{background:#f1f5f9;color:#334155}.subtitlesclip-modal-content{padding:30px;max-height:70vh;overflow-y:auto}.subtitlesclip-modal-video h3,.subtitlesclip-modal-subtitles h3{margin-bottom:20px;color:#334155;font-size:18px;font-weight:600}.subtitlesclip-modal-video-player{width:100%;border-radius:12px;box-shadow:0 8px 20px #00000026;margin-bottom:20px}.subtitlesclip-modal-video-actions{margin-bottom:30px;text-align:center}.subtitlesclip-modal-download-video-link{display:inline-block;padding:12px 24px;background:linear-gradient(135deg,#5d5fef,#9b51e0);color:#fff;text-decoration:none;border-radius:8px;font-weight:600;transition:all .3s ease;box-shadow:0 4px 12px #5d5fef4d}.subtitlesclip-modal-download-video-link:hover{transform:translateY(-2px);box-shadow:0 6px 16px #5d5fef66}.subtitlesclip-progress-logo img{width:160px;height:160px;display:block;margin:0;padding:0;border:none;outline:none;background:transparent;mix-blend-mode:normal;filter:drop-shadow(0 4px 12px rgba(93,95,239,.3))}.subtitlesclip-progress-percentage-box{background:linear-gradient(135deg,#fff,#f8fafc);border-radius:20px;padding:1.5rem 2rem;box-shadow:0 8px 32px #0000001f;border:1px solid rgba(93,95,239,.1);font-size:2.5rem;font-weight:800;background:linear-gradient(135deg,#5d5fef,#9b51e0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-align:center;min-width:100px;display:inline-block;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;letter-spacing:-.02em;position:relative;overflow:hidden}.subtitlesclip-progress-percentage-box:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(93,95,239,.1),transparent);animation:shimmer 3s infinite}.subtitlesclip-queue-info{background:#ffffff1a;border-radius:12px;padding:1rem;margin-top:1rem;border:1px solid rgba(255,255,255,.2)}.subtitlesclip-queue-status,.subtitlesclip-queue-position,.subtitlesclip-queue-size{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.subtitlesclip-queue-status:last-child,.subtitlesclip-queue-position:last-child,.subtitlesclip-queue-size:last-child{margin-bottom:0}.subtitlesclip-queue-label{font-size:.9rem;opacity:.9;font-weight:500}.subtitlesclip-queue-value{font-weight:600;font-size:.9rem}.subtitlesclip-queue-value.busy{color:#ff6b6b}.subtitlesclip-queue-value.available{color:#51cf66}@media (max-width: 1024px){.subtitlesclip-style-scroll-container{padding:.25rem 0}.subtitlesclip-style-card{min-width:180px}.subtitlesclip-input-options{grid-template-columns:1fr}.subtitlesclip-upload-separator span{background:transparent;padding:0;color:#5d5fef;font-size:1rem;text-transform:none;letter-spacing:normal;border:none}.subtitlesclip-dashboard{margin-right:0!important}}@media (max-width: 768px){.subtitlesclip-dashboard{margin-top:90px!important;margin-right:0!important;gap:1rem}.subtitlesclip-hero{padding:1.5rem 1rem;margin-bottom:1rem}.subtitlesclip-hero-title{font-size:1.75rem}.subtitlesclip-style-card{min-width:160px}.subtitlesclip-timing-grid{grid-template-columns:1fr}.subtitlesclip-language-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.subtitlesclip-upload-section,.subtitlesclip-timing-section,.subtitlesclip-language-section,.subtitlesclip-style-section,.subtitlesclip-generate-section{padding:1rem}}@media (max-width: 480px){.content{padding:0 .75rem}.subtitlesclip-hero{padding:1.25rem .75rem}.subtitlesclip-upload-section,.subtitlesclip-timing-section,.subtitlesclip-language-section,.subtitlesclip-style-section,.subtitlesclip-generate-section{padding:.75rem}.subtitlesclip-generate-button{padding:.5rem 1.5rem;font-size:1rem;min-width:180px}.subtitlesclip-generate-section{margin-bottom:150px!important}.subtitlesclip-language-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:.5rem}.subtitlesclip-language-card{padding:.5rem}.subtitlesclip-style-card{padding:.75rem}}@media (max-width: 1024px) and (min-width: 769px){.subtitlesclip-modal{max-width:90vw;max-height:88vh;margin:15px}.subtitlesclip-modal-header{padding:18px 25px}.subtitlesclip-modal-title{font-size:20px;gap:12px}.subtitlesclip-modal-close{font-size:28px;width:36px;height:36px}.subtitlesclip-modal-content{padding:20px 25px;max-height:70vh}.subtitlesclip-modal-video h3{font-size:17px;margin-bottom:18px}.subtitlesclip-modal-video-player{width:100%;max-height:55vh;object-fit:contain;margin-bottom:18px}.subtitlesclip-modal-download-video-link{padding:11px 22px;font-size:15px}}@media (max-width: 768px){.subtitlesclip-modal{max-width:95vw;max-height:90vh;margin:10px}.subtitlesclip-modal-header{padding:15px 20px}.subtitlesclip-modal-title{font-size:18px;gap:10px}.subtitlesclip-modal-close{font-size:24px;width:32px;height:32px}.subtitlesclip-modal-content{padding:15px 20px;max-height:65vh}.subtitlesclip-modal-video h3{font-size:16px;margin-bottom:15px}.subtitlesclip-modal-video-player{width:100%;max-height:50vh;object-fit:contain;margin-bottom:15px}.subtitlesclip-modal-download-video-link{padding:10px 20px;font-size:14px}}@media (max-width: 480px){.subtitlesclip-modal{max-width:98vw;max-height:85vh;margin:5px;border-radius:15px}.subtitlesclip-modal-header{padding:12px 15px}.subtitlesclip-modal-title{font-size:16px;gap:8px}.subtitlesclip-modal-close{font-size:20px;width:28px;height:28px}.subtitlesclip-modal-content{padding:12px 15px;max-height:60vh}.subtitlesclip-modal-video h3{font-size:14px;margin-bottom:12px}.subtitlesclip-modal-video-player{width:100%;max-height:40vh;object-fit:contain;margin-bottom:12px}.subtitlesclip-modal-download-video-link{padding:8px 16px;font-size:13px;border-radius:6px}}@media (min-width: 769px){.subtitlesclip-modal{max-width:80vw;max-height:85vh}.subtitlesclip-modal-content{padding:25px;max-height:60vh}.subtitlesclip-modal-video-player{max-height:40vh;object-fit:contain}.subtitlesclip-modal-video h3,.subtitlesclip-modal-subtitles h3{margin-bottom:15px;font-size:16px}.subtitlesclip-modal-subtitles-content{padding:20px}.subtitlesclip-modal-subtitles-content p{margin-bottom:15px;font-size:14px}.subtitlesclip-modal-download-video-link{padding:10px 20px;font-size:14px}}.voice-dashboard{margin-top:75px!important;padding:2rem;max-width:1400px;margin:0 auto;display:flex;flex-direction:column;gap:2rem}.voice-hero{background:linear-gradient(135deg,#5d5fef,#9b51e0);border-radius:24px;padding:3rem;color:#fff;text-align:center;position:relative;overflow:hidden;box-shadow:0 20px 60px #5d5fef4d;border:1px solid rgba(255,255,255,.1)}.voice-hero:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);animation:shimmer 3s infinite}.voice-hero-content{position:relative;z-index:2}.voice-hero-icon{width:80px;height:80px;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;font-size:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.3);filter:drop-shadow(0 4px 12px rgba(0,0,0,.2))}.voice-hero-title{font-size:3rem;font-weight:800;margin:0 0 1rem;line-height:1.2;color:#fff}.voice-hero-title .voice-highlight{background:linear-gradient(135deg,gold,#ffed4e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.voice-hero-subtitle{font-size:1.2rem;margin:0 0 2rem;opacity:.9;line-height:1.6;max-width:600px;margin-left:auto;margin-right:auto}.voice-language-section{background:linear-gradient(135deg,#fffffff2,#ffffffd9);border-radius:20px;padding:2.5rem;box-shadow:0 10px 40px #5d5fef1a;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:relative;overflow:hidden}.voice-language-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#5d5fef05,#9b51e005);pointer-events:none}.voice-language-title{font-size:1.5rem;font-weight:700;color:#1f2937;margin:0 0 1.5rem;text-align:center;position:relative;z-index:2;letter-spacing:-.01em}.voice-language-buttons{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap;position:relative;z-index:2}.voice-language-btn{background:#fffc;color:#6b7280;border:2px solid rgba(93,95,239,.1);padding:.75rem 1.5rem;border-radius:12px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;min-width:120px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.voice-language-btn:hover{background:#fffffff2;border-color:#5d5fef;transform:translateY(-1px);box-shadow:0 4px 15px #5d5fef26}.voice-language-btn.active{background:linear-gradient(135deg,#5d5fef,#9b51e0);color:#fff;border-color:#5d5fef;box-shadow:0 4px 15px #5d5fef4d}.voice-selection-section{background:linear-gradient(135deg,#fffffff2,#ffffffd9);border-radius:20px;padding:2.5rem;box-shadow:0 10px 40px #5d5fef1a;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:relative;overflow:hidden}.voice-selection-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#5d5fef05,#9b51e005);pointer-events:none}.voice-selection-title{font-size:1.5rem;font-weight:700;color:#1f2937;margin:0 0 2rem;text-align:center;position:relative;z-index:2;letter-spacing:-.01em}.voice-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-top:2rem;position:relative;z-index:2}.voice-card{background:linear-gradient(135deg,#fffc,#f8fafccc);border:2px solid rgba(93,95,239,.1);border-radius:16px;padding:1.5rem;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.voice-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #5d5fef26;border-color:#5d5fef;background:linear-gradient(135deg,#fffffff2,#f8fafcf2)}.voice-card.selected{background:linear-gradient(135deg,#eff6ffe6,#dbeafee6);border-color:#5d5fef;box-shadow:0 8px 25px #5d5fef33}.voice-card-content{margin-bottom:1rem}.voice-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.voice-name{font-size:1.25rem;font-weight:700;color:#1f2937}.voice-badge{padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.voice-badge.fr{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}.voice-badge.en{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.voice-description{color:#6b7280;font-size:.9rem;line-height:1.5;margin:0}.voice-card-actions{display:flex;justify-content:center}.voice-sample-btn{background:linear-gradient(135deg,#5d5fef,#9b51e0);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:12px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;min-width:120px;justify-content:center}.voice-sample-btn:hover{transform:translateY(-1px);box-shadow:0 4px 15px #5d5fef66}.voice-sample-btn.playing{background:linear-gradient(135deg,#ef4444,#dc2626)}.voice-sample-btn svg{transition:transform .3s ease}.voice-sample-btn:hover svg{transform:scale(1.1)}.voice-text-section{background:linear-gradient(135deg,#fffffff2,#ffffffd9);border-radius:20px;padding:2.5rem;box-shadow:0 10px 40px #5d5fef1a;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:relative;overflow:hidden}.voice-text-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#5d5fef05,#9b51e005);pointer-events:none}.voice-text-title{font-size:1.5rem;font-weight:700;color:#1f2937;margin:0 0 1.5rem;text-align:center;position:relative;z-index:2;letter-spacing:-.01em}.voice-text-input{width:100%;min-height:150px;padding:1.5rem;border:2px solid rgba(93,95,239,.2);border-radius:16px;font-size:1rem;font-family:inherit;line-height:1.6;resize:vertical;transition:all .3s ease;background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin-bottom:1rem;position:relative;z-index:2}.voice-text-input:focus{outline:none;border-color:#5d5fef;background:#fffffff2;box-shadow:0 0 0 3px #5d5fef1a;transform:translateY(-1px)}.voice-text-input::placeholder{color:#9ca3af;font-style:italic}.voice-text-counter{text-align:right;color:#6b7280;font-size:.9rem;font-weight:500;position:relative;z-index:2}.voice-info-section{background:linear-gradient(135deg,#fffffff2,#ffffffd9);border-radius:20px;padding:2.5rem;box-shadow:0 10px 40px #5d5fef1a;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:relative;overflow:hidden}.voice-info-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#5d5fef05,#9b51e005);pointer-events:none}.voice-info-card{display:flex;align-items:center;gap:1.5rem;text-align:left;position:relative;z-index:2}.voice-info-icon{width:60px;height:60px;background:linear-gradient(135deg,#5d5fef,#9b51e0);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem;flex-shrink:0;filter:drop-shadow(0 4px 12px rgba(93,95,239,.3))}.voice-info-text h3{font-size:1.25rem;font-weight:700;color:#1f2937;margin:0 0 .5rem}.voice-info-text p{font-size:1rem;color:#6b7280;margin:0;line-height:1.5}.voice-error{background:#fef2f2;color:#991b1b;border:1px solid #fecaca;border-radius:12px;padding:1rem 1.5rem;margin:1.5rem 0;display:flex;align-items:center;gap:.75rem;font-weight:500}.voice-error svg{color:#dc2626;flex-shrink:0}.voice-generate-section{background:linear-gradient(135deg,#fffffff2,#ffffffd9);border-radius:20px;padding:2.5rem;box-shadow:0 10px 40px #5d5fef1a;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);text-align:center;position:relative;overflow:hidden}.voice-generate-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#5d5fef05,#9b51e005);pointer-events:none}.voice-generate-button{background:linear-gradient(135deg,#5d5fef,#9b51e0);color:#fff;border:none;padding:1.25rem 3rem;border-radius:16px;font-weight:700;font-size:1.1rem;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 25px #5d5fef4d;min-width:200px;display:inline-flex;align-items:center;justify-content:center;gap:.75rem;position:relative;z-index:2}.voice-generate-button:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 12px 35px #5d5fef66}.voice-generate-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.voice-generate-button.processing{background:linear-gradient(135deg,#f093fb,#f5576c);cursor:not-allowed}.voice-generate-button .spin-animation{animation:spin 1s linear infinite}.voice-preview-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease-out}.voice-preview-popup{background:#fff;border-radius:20px;padding:2.5rem;box-shadow:0 20px 60px #0000004d;border:1px solid #e5e7eb;max-width:500px;width:90%;animation:slideInUp .4s ease-out;position:relative}.voice-preview-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;position:relative}.voice-preview-close-btn{background:none;border:none;font-size:2rem;color:#6b7280;cursor:pointer;padding:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease;position:absolute;top:-30px;right:-25px;z-index:10}.voice-preview-close-btn:hover{background:#f3f4f6;color:#374151;transform:scale(1.1)}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.voice-preview-title{font-size:1.5rem;font-weight:700;color:#1f2937;margin:0;text-align:center;width:100%}.voice-preview-container{display:flex;flex-direction:column;gap:1.5rem;align-items:center}.voice-preview-info{text-align:center}.voice-preview-text{font-size:1.1rem;color:#6b7280;margin:0;line-height:1.6}.voice-preview-actions{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.voice-preview-play-btn,.voice-preview-download-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 1.75rem;border-radius:12px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .3s ease;border:none;min-width:140px;justify-content:center}.voice-preview-play-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 15px #667eea4d}.voice-preview-play-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #667eea66}.voice-preview-download-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 15px #10b9814d}.voice-preview-download-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #10b98166}@media (max-width: 1024px){.voice-dashboard{padding:1.5rem}.voice-hero{padding:2rem}.voice-hero-title{font-size:2.5rem}.voice-cards-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}}@media (max-width: 768px){.voice-dashboard{padding:1rem;margin-top:60px!important}.voice-hero{padding:1.5rem}.voice-hero-title{font-size:2rem}.voice-hero-subtitle{font-size:1rem}.voice-language-section,.voice-selection-section,.voice-text-section,.voice-info-section,.voice-generate-section{padding:1.5rem}.voice-preview-popup{padding:1.5rem;margin:1rem}.voice-language-title,.voice-selection-title,.voice-text-title,.voice-preview-title{font-size:1.25rem}.voice-language-buttons{flex-direction:column;align-items:center}.voice-language-btn{width:100%;max-width:200px}.voice-cards-grid{grid-template-columns:1fr}.voice-info-card{flex-direction:column;text-align:center;gap:1rem}.voice-generate-button{padding:1rem 2rem;font-size:1rem;min-width:180px}.voice-generate-section{margin-bottom:150px!important}.voice-preview-actions{flex-direction:column;align-items:center}.voice-preview-play-btn,.voice-preview-download-btn{width:100%;max-width:200px}}@media (max-width: 480px){.voice-hero-title{font-size:1.75rem}.voice-hero-icon{width:60px;height:60px;font-size:1.5rem}.voice-text-input{min-height:120px;padding:1rem}.voice-info-icon{width:50px;height:50px;font-size:1.25rem}.voice-card{padding:1rem}.voice-name{font-size:1.1rem}.voice-description{font-size:.8rem}}.voice-loading-popup{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .3s ease-out}.voice-popup-content-landscape{background:#fff;border-radius:32px;padding:3rem;max-width:1000px;width:95%;box-shadow:0 32px 64px #00000026;position:relative;animation:slideInUp .4s ease-out;display:flex;align-items:center;gap:5rem;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.voice-popup-left{flex:1;text-align:left}.voice-popup-right{flex:0 0 auto;display:flex;justify-content:center;align-items:center}.voice-popup-title{font-size:2.5rem;font-weight:800;color:#0f172a;margin:0 0 1.5rem;line-height:1.1;letter-spacing:-.02em;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.voice-popup-subtitle{font-size:1.2rem;color:#64748b;margin:0 0 2.5rem;line-height:1.6;font-weight:400;letter-spacing:-.01em}.voice-progress-circle{position:relative;width:220px;height:220px;margin:0 auto}.voice-progress-ring{transform:rotate(-90deg);width:100%;height:100%;position:absolute;top:0;left:0}.voice-progress-ring-circle{fill:none;stroke-linecap:round}.voice-progress-ring-fill{transition:stroke-dashoffset .3s ease}.voice-progress-logo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:160px;height:160px;z-index:10;display:flex;align-items:center;justify-content:center;pointer-events:none;background:transparent}.voice-progress-logo img{width:160px;height:160px;display:block;margin:0;padding:0;border:none;outline:none;background:transparent;mix-blend-mode:normal;filter:drop-shadow(0 4px 12px rgba(59,130,246,.3))}.voice-progress-percentage-box{background:linear-gradient(135deg,#fff,#f8fafc);border-radius:20px;padding:1.5rem 2rem;box-shadow:0 8px 32px #0000001f;border:1px solid rgba(139,92,246,.1);font-size:2.5rem;font-weight:800;background:linear-gradient(135deg,#8b5cf6,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-align:center;min-width:100px;display:inline-block;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;letter-spacing:-.02em;position:relative;overflow:hidden}.voice-progress-percentage-box:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(139,92,246,.1),transparent);animation:shimmer 3s infinite}@media (max-width: 1024px) and (min-width: 769px){.voice-popup-content-landscape{max-width:900px;gap:4rem;padding:2.5rem}.voice-progress-circle,.voice-progress-ring{width:200px;height:200px}.voice-progress-logo,.voice-progress-logo img{width:140px;height:140px}.voice-popup-title{font-size:2.2rem}.voice-popup-subtitle{font-size:1.1rem}.voice-progress-percentage-box{font-size:2.2rem}}@media (max-width: 768px){.voice-popup-content-landscape{flex-direction:column;gap:2.5rem;padding:2.5rem;margin:1rem;max-width:600px}.voice-popup-left{text-align:center}.voice-popup-title{font-size:2rem}.voice-popup-subtitle{font-size:1.1rem}.voice-progress-circle,.voice-progress-ring{width:200px;height:200px}.voice-progress-logo,.voice-progress-logo img{width:120px;height:120px}.voice-progress-percentage-box{font-size:2.2rem;padding:1.2rem 1.8rem;min-width:90px}}@media (max-width: 480px){.voice-popup-content-landscape{padding:2rem;gap:2rem;max-width:400px}.voice-popup-title{font-size:1.8rem;margin-bottom:1rem}.voice-popup-subtitle{font-size:1rem;margin-bottom:2rem}.voice-progress-circle,.voice-progress-ring{width:160px;height:160px}.voice-progress-logo,.voice-progress-logo img{width:100px;height:100px}.voice-progress-percentage-box{font-size:1.8rem;padding:1rem 1.5rem;min-width:70px}}.imageai-dashboard{margin-top:75px!important;padding:2rem;max-width:1400px;margin:0 auto;display:flex;flex-direction:column;gap:2rem}.imageai-hero{background:linear-gradient(135deg,#5d5fef,#9b51e0);border-radius:24px;padding:3rem;color:#fff;text-align:center;position:relative;overflow:hidden;box-shadow:0 20px 60px #5d5fef4d;border:1px solid rgba(255,255,255,.1)}.imageai-hero:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);animation:shimmer 3s infinite}.imageai-hero-content{position:relative;z-index:2}.imageai-hero-icon{width:80px;height:80px;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;font-size:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.3);filter:drop-shadow(0 4px 12px rgba(0,0,0,.2))}.imageai-hero-title{font-size:3rem;font-weight:800;margin:0 0 1rem;line-height:1.2;color:#fff}.imageai-hero-title .imageai-highlight{background:linear-gradient(135deg,gold,#ffed4e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.imageai-hero-subtitle{font-size:1.2rem;margin:0 0 2rem;opacity:.9;line-height:1.6;max-width:600px;margin-left:auto;margin-right:auto}.imageai-generator-section{background:linear-gradient(135deg,#fffffff2,#ffffffd9);border-radius:20px;padding:2.5rem;box-shadow:0 10px 40px #5d5fef1a;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:relative;overflow:hidden}.imageai-generator-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#5d5fef05,#9b51e005);pointer-events:none}.imageai-generator-container{display:grid;grid-template-columns:1fr 1fr;gap:3rem;margin-top:2rem;position:relative;z-index:2}.imageai-prompt-section{display:flex;flex-direction:column;gap:1.5rem}.imageai-prompt-title{font-size:1.5rem;font-weight:700;color:#1f2937;margin:0;position:relative;z-index:2;letter-spacing:-.01em}.imageai-prompt-textarea{width:100%;min-height:200px;padding:1.5rem;border:2px solid rgba(93,95,239,.2);border-radius:16px;font-size:1rem;font-family:inherit;line-height:1.6;resize:vertical;transition:all .3s ease;background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;z-index:2}.imageai-prompt-textarea:focus{outline:none;border-color:#5d5fef;background:#fffffff2;box-shadow:0 0 0 3px #5d5fef1a;transform:translateY(-1px)}.imageai-prompt-textarea::placeholder{color:#9ca3af;font-style:italic}.imageai-prompt-tip{background:linear-gradient(135deg,#5d5fef0d,#9b51e00d);border:1px solid rgba(93,95,239,.1);border-radius:12px;padding:1.25rem;display:flex;align-items:flex-start;gap:.75rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;z-index:2}.imageai-tip-icon{color:#5d5fef;flex-shrink:0;margin-top:.125rem}.imageai-tip-text{font-size:.9rem;color:#5d5fef;margin:0;line-height:1.5;font-weight:500}.imageai-preview-section{display:flex;flex-direction:column;gap:1.5rem}.imageai-preview-title{font-size:1.5rem;font-weight:700;color:#1f2937;margin:0;position:relative;z-index:2;letter-spacing:-.01em}.imageai-image-display{min-height:300px;border:2px dashed rgba(93,95,239,.2);border-radius:16px;display:flex;align-items:center;justify-content:center;background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;position:relative;z-index:2}.imageai-image-display:hover{border-color:#5d5fef;background:#fffffff2;box-shadow:0 8px 25px #5d5fef26}.imageai-generated-container{width:100%;text-align:center;display:flex;justify-content:center;align-items:center}.imageai-generated-image{width:512px;height:512px;object-fit:cover;border-radius:12px;box-shadow:0 8px 25px #5d5fef26;border:1px solid rgba(93,95,239,.1)}.imageai-download-section{margin-top:1.5rem;text-align:center}.imageai-download-button{background:linear-gradient(135deg,#5d5fef,#9b51e0);color:#fff;border:none;padding:1rem 2rem;border-radius:12px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #5d5fef4d;display:inline-flex;align-items:center;gap:.5rem}.imageai-download-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #5d5fef66}.imageai-download-button svg{transition:transform .3s ease}.imageai-download-button:hover svg{transform:translateY(2px)}.imageai-placeholder-container{text-align:center;padding:2rem}.imageai-placeholder-icon{color:#9ca3af;margin-bottom:1rem}.imageai-placeholder-text{color:#6b7280;font-size:1rem;margin:0;line-height:1.5}.imageai-info-section{background:linear-gradient(135deg,#fffffff2,#ffffffd9);border-radius:20px;padding:2.5rem;box-shadow:0 10px 40px #5d5fef1a;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:relative;overflow:hidden}.imageai-info-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#5d5fef05,#9b51e005);pointer-events:none}.imageai-info-card{display:flex;align-items:center;gap:1.5rem;text-align:left;position:relative;z-index:2}.imageai-info-icon{width:60px;height:60px;background:linear-gradient(135deg,#5d5fef,#9b51e0);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem;flex-shrink:0;filter:drop-shadow(0 4px 12px rgba(93,95,239,.3))}.imageai-info-text h3{font-size:1.25rem;font-weight:700;color:#1f2937;margin:0 0 .5rem}.imageai-info-text p{font-size:1rem;color:#6b7280;margin:0;line-height:1.5}.imageai-error{background:#fef2f2;color:#991b1b;border:1px solid #fecaca;border-radius:12px;padding:1rem 1.5rem;margin:1.5rem 0;display:flex;align-items:center;gap:.75rem;font-weight:500}.imageai-error svg{color:#dc2626;flex-shrink:0}.imageai-generate-section{background:linear-gradient(135deg,#fffffff2,#ffffffd9);border-radius:20px;padding:2.5rem;box-shadow:0 10px 40px #5d5fef1a;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:relative;overflow:hidden;text-align:center}.imageai-generate-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#5d5fef05,#9b51e005);pointer-events:none}.imageai-generate-button{background:linear-gradient(135deg,#5d5fef,#9b51e0);color:#fff;border:none;padding:1.25rem 3rem;border-radius:16px;font-weight:700;font-size:1.1rem;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 25px #5d5fef4d;min-width:200px;position:relative;z-index:2}.imageai-generate-button:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 12px 35px #5d5fef66}.imageai-generate-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.imageai-generate-button.generating{background:linear-gradient(135deg,#f093fb,#f5576c);cursor:not-allowed}@media (max-width: 1024px){.imageai-dashboard{padding:1.5rem}.imageai-hero{padding:2rem}.imageai-hero-title{font-size:2.5rem}.imageai-generator-container{grid-template-columns:1fr;gap:2rem}.imageai-generated-image{width:400px;height:400px}}@media (max-width: 768px){.imageai-dashboard{padding:1rem;margin-top:60px!important}.imageai-hero{padding:1.5rem}.imageai-hero-title{font-size:2rem}.imageai-hero-subtitle{font-size:1rem}.imageai-generator-section,.imageai-info-section,.imageai-generate-section{padding:1.5rem}.imageai-prompt-title,.imageai-preview-title{font-size:1.25rem}.imageai-info-card{flex-direction:column;text-align:center;gap:1rem}.imageai-generate-button{padding:1rem 2rem;font-size:1rem;min-width:180px}.imageai-generate-section{margin-bottom:150px!important}.imageai-generated-image{width:350px;height:350px}.imageai-prompt-textarea{min-height:150px;padding:1rem;font-size:16px!important}.imageai-prompt-tip{padding:1rem}.imageai-tip-text{font-size:.85rem}}@media (max-width: 480px){.imageai-dashboard{padding:.75rem;margin-top:60px!important}.imageai-hero{padding:1rem;border-radius:16px;margin:0 .5rem}.imageai-hero-title{font-size:1.5rem;line-height:1.3;margin-bottom:.75rem}.imageai-hero-subtitle{font-size:.9rem;line-height:1.4;margin-bottom:1.5rem}.imageai-hero-icon{width:50px;height:50px;font-size:1.25rem;margin-bottom:1rem}.imageai-generator-section,.imageai-info-section,.imageai-generate-section{padding:1rem;border-radius:16px;margin:0 .5rem}.imageai-generator-container{gap:1.5rem;margin-top:1.5rem}.imageai-prompt-title,.imageai-preview-title{font-size:1.1rem;text-align:center;margin-bottom:1rem}.imageai-prompt-textarea{min-height:120px;padding:.75rem;font-size:16px!important;border-radius:12px;margin:0}.imageai-prompt-tip{padding:.75rem;border-radius:10px;margin:0}.imageai-tip-text{font-size:.75rem;line-height:1.4}.imageai-info-card{flex-direction:column;text-align:center;gap:.75rem}.imageai-info-icon{width:45px;height:45px;font-size:1.1rem}.imageai-info-text h3{font-size:1.1rem}.imageai-info-text p{font-size:.85rem}.imageai-generated-image{width:280px;height:280px;border-radius:10px;max-width:100%;height:auto}.imageai-image-display{min-height:250px;border-radius:12px;padding:.5rem;margin:0}.imageai-download-section{margin-top:1rem;padding:0 .5rem}.imageai-download-button{padding:.75rem 1.5rem;font-size:.9rem;border-radius:10px;width:100%;max-width:200px}.imageai-generate-button{padding:.75rem 1.5rem;font-size:.9rem;min-width:160px;border-radius:12px;width:100%;max-width:250px}.imageai-error{padding:.75rem 1rem;font-size:.85rem;border-radius:10px;margin:1rem 0}.imageai-prompt-section,.imageai-preview-section{text-align:center}.imageai-placeholder-container{padding:1.5rem 1rem}.imageai-placeholder-text{font-size:.9rem;line-height:1.4}}.imageai-loading-popup{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .3s ease-out}.imageai-popup-content-landscape{background:#fff;border-radius:32px;padding:3rem;max-width:1000px;width:95%;box-shadow:0 32px 64px #00000026;position:relative;animation:slideInUp .4s ease-out;display:flex;align-items:center;gap:5rem;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.imageai-popup-left{flex:1;text-align:left}.imageai-popup-right{flex:0 0 auto;display:flex;justify-content:center;align-items:center}.imageai-popup-title{font-size:2.5rem;font-weight:800;color:#0f172a;margin:0 0 1.5rem;line-height:1.1;letter-spacing:-.02em;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.imageai-popup-subtitle{font-size:1.2rem;color:#64748b;margin:0 0 2.5rem;line-height:1.6;font-weight:400;letter-spacing:-.01em}.imageai-progress-circle{position:relative;width:220px;height:220px;margin:0 auto}.imageai-progress-ring{transform:rotate(-90deg);width:100%;height:100%;position:absolute;top:0;left:0}.imageai-progress-ring-circle{fill:none;stroke-linecap:round}.imageai-progress-ring-fill{transition:stroke-dashoffset .3s ease}.imageai-progress-logo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:160px;height:160px;z-index:10;display:flex;align-items:center;justify-content:center;pointer-events:none;background:transparent}.imageai-progress-logo img{width:160px;height:160px;display:block;margin:0;padding:0;border:none;outline:none;background:transparent;mix-blend-mode:normal;filter:drop-shadow(0 4px 12px rgba(59,130,246,.3))}.imageai-progress-percentage-box{background:linear-gradient(135deg,#fff,#f8fafc);border-radius:20px;padding:1.5rem 2rem;box-shadow:0 8px 32px #0000001f;border:1px solid rgba(139,92,246,.1);font-size:2.5rem;font-weight:800;background:linear-gradient(135deg,#8b5cf6,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-align:center;min-width:100px;display:inline-block;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;letter-spacing:-.02em;position:relative;overflow:hidden}.imageai-progress-percentage-box:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(139,92,246,.1),transparent);animation:shimmer 3s infinite}@media (max-width: 1024px) and (min-width: 769px){.imageai-popup-content-landscape{max-width:900px;gap:4rem;padding:2.5rem}.imageai-progress-circle,.imageai-progress-ring{width:200px;height:200px}.imageai-progress-logo,.imageai-progress-logo img{width:140px;height:140px}.imageai-popup-title{font-size:2.2rem}.imageai-popup-subtitle{font-size:1.1rem}.imageai-progress-percentage-box{font-size:2.2rem}}@media (max-width: 768px){.imageai-popup-content-landscape{flex-direction:column;gap:2.5rem;padding:2.5rem;margin:1rem;max-width:600px}.imageai-popup-left{text-align:center}.imageai-popup-title{font-size:2rem}.imageai-popup-subtitle{font-size:1.1rem}.imageai-progress-circle,.imageai-progress-ring{width:200px;height:200px}.imageai-progress-logo,.imageai-progress-logo img{width:120px;height:120px}.imageai-progress-percentage-box{font-size:2.2rem;padding:1.2rem 1.8rem;min-width:90px}}@media (max-width: 480px){.imageai-popup-content-landscape{padding:2rem;gap:2rem;max-width:400px}.imageai-popup-title{font-size:1.8rem;margin-bottom:1rem}.imageai-popup-subtitle{font-size:1rem;margin-bottom:2rem}.imageai-progress-circle,.imageai-progress-ring{width:160px;height:160px}.imageai-progress-logo,.imageai-progress-logo img{width:100px;height:100px}.imageai-progress-percentage-box{font-size:1.8rem;padding:1rem 1.5rem;min-width:70px}}.splitscreen-dashboard{margin-top:100px!important;display:flex;flex-direction:column;gap:2rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.splitscreen-hero{background:linear-gradient(135deg,#5d5fef,#9b51e0);border-radius:24px;padding:3rem 2rem;text-align:center;color:#fff;margin-bottom:2rem;position:relative;overflow:hidden;box-shadow:0 20px 40px #5d5fef4d;border:1px solid rgba(255,255,255,.1)}.splitscreen-hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.1) 50%,transparent 70%);animation:shimmer 3s infinite}.splitscreen-hero-icon{font-size:3.5rem;margin-bottom:1rem;opacity:1;position:relative;z-index:2;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2))}.splitscreen-hero-title{font-size:2.5rem;font-weight:800;margin-bottom:1rem;line-height:1.1;color:#fff;position:relative;z-index:2;letter-spacing:-.02em;text-shadow:0 2px 4px rgba(0,0,0,.1)}.splitscreen-highlight{background:linear-gradient(135deg,gold,orange);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 2px 4px rgba(0,0,0,.1)}.splitscreen-hero-subtitle{font-size:1.1rem;opacity:.95;max-width:600px;margin:0 auto;line-height:1.6;position:relative;z-index:2;font-weight:400;letter-spacing:.01em}.splitscreen-input-options{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.5rem}.splitscreen-upload-section{background:linear-gradient(135deg,#fffffff2,#ffffffd9);border-radius:20px;padding:2rem;box-shadow:0 10px 40px #5d5fef1a;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:relative;overflow:hidden}.splitscreen-upload-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#5d5fef05,#9b51e005);pointer-events:none}.splitscreen-upload-title{font-size:1.4rem;font-weight:700;margin-bottom:1.5rem;color:#1a202c;text-align:center;position:relative;z-index:2;letter-spacing:-.01em}.splitscreen-file-input{display:none}.splitscreen-preview-container{text-align:center;margin-top:.75rem}.splitscreen-video-preview{max-width:100%;max-height:300px;border-radius:.5rem;margin-bottom:.75rem;box-shadow:0 4px 6px #0000001a}.splitscreen-change-file-btn{background:#3182ce;color:#fff;border:none;padding:.5rem 1rem;border-radius:.5rem;cursor:pointer;font-weight:500;transition:all .2s;display:block;margin:0 auto}.splitscreen-change-file-btn:hover{background:#2c5aa0;transform:translateY(-1px)}.splitscreen-upload-box{border:2px dashed rgba(93,95,239,.3);border-radius:16px;padding:2.5rem 2rem;text-align:center;cursor:pointer;transition:all .3s ease;background:linear-gradient(135deg,#5d5fef05,#9b51e005);position:relative;z-index:2}.splitscreen-upload-box:hover,.splitscreen-upload-box.dragover{border-color:#5d5fef;background:linear-gradient(135deg,#5d5fef0d,#9b51e00d);transform:translateY(-2px);box-shadow:0 8px 25px #5d5fef26}.splitscreen-upload-icon{color:#5d5fef;margin-bottom:1rem;font-size:2.5rem;filter:drop-shadow(0 2px 4px rgba(93,95,239,.2))}.splitscreen-upload-text{font-size:1.1rem;color:#2d3748;margin-bottom:.75rem;font-weight:500}.splitscreen-upload-link{color:#5d5fef;font-weight:600;text-decoration:none;transition:color .2s ease}.splitscreen-upload-link:hover{color:#9b51e0}.splitscreen-upload-formats{color:#64748b;font-size:.9rem;font-weight:400}.splitscreen-url-section{background:linear-gradient(135deg,#fffffff2,#ffffffd9);border-radius:20px;padding:2rem;box-shadow:0 10px 40px #5d5fef1a;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:relative;overflow:hidden}.splitscreen-url-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#5d5fef05,#9b51e005);pointer-events:none}.splitscreen-url-title{font-size:1.4rem;font-weight:700;margin-bottom:1.5rem;color:#1a202c;text-align:center;position:relative;z-index:2;letter-spacing:-.01em}.splitscreen-url-input-container{margin-bottom:1rem}.splitscreen-url-input{width:100%;padding:1rem 1.25rem;border:2px solid rgba(93,95,239,.2);border-radius:12px;font-size:1rem;transition:all .3s ease;background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;z-index:2;font-weight:500}.splitscreen-url-input:focus{outline:none;border-color:#5d5fef;box-shadow:0 0 0 3px #5d5fef1a;transform:translateY(-1px)}.splitscreen-url-input:disabled{background:#f7fafc;color:#a0aec0;cursor:not-allowed}.splitscreen-platform-buttons{display:flex;gap:.5rem;justify-content:center}.splitscreen-platform-btn{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.25rem;border:2px solid rgba(93,95,239,.2);border-radius:12px;background:#fffc;color:#2d3748;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;z-index:2}.splitscreen-platform-btn:hover{border-color:#5d5fef;transform:translateY(-2px);box-shadow:0 8px 25px #5d5fef26;background:#fffffff2}.splitscreen-platform-btn.youtube{color:#e53e3e}.splitscreen-platform-btn.tiktok{color:#000}.splitscreen-platform-btn.twitch{color:#805ad5}.splitscreen-timing-section{background:linear-gradient(135deg,#fffffff2,#ffffffd9);border-radius:20px;padding:2rem;box-shadow:0 10px 40px #5d5fef1a;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:relative;overflow:hidden}.splitscreen-timing-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#5d5fef05,#9b51e005);pointer-events:none}.splitscreen-timing-title{font-size:1.4rem;font-weight:700;margin-bottom:1.5rem;color:#1a202c;display:flex;align-items:center;gap:.75rem;position:relative;z-index:2;letter-spacing:-.01em}.section-icon{color:#5d5fef;font-size:1.5rem;filter:drop-shadow(0 2px 4px rgba(93,95,239,.2))}.splitscreen-timing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.splitscreen-timing-option{display:flex;flex-direction:column;gap:.5rem}.splitscreen-timing-option label{font-weight:500;color:#4a5568;font-size:.9rem}.splitscreen-timing-input{padding:.75rem 1rem;border:2px solid rgba(93,95,239,.2);border-radius:10px;font-size:.95rem;transition:all .3s ease;background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;z-index:2;font-weight:500}.splitscreen-timing-input:focus{outline:none;border-color:#5d5fef;box-shadow:0 0 0 3px #5d5fef1a;transform:translateY(-1px)}.splitscreen-timing-info{color:#718096;font-size:.8rem;font-style:italic}.splitscreen-gameplay-section{background:linear-gradient(135deg,#fffffff2,#ffffffd9);border-radius:20px;padding:2rem;box-shadow:0 10px 40px #5d5fef1a;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:relative;overflow:hidden}.splitscreen-gameplay-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#5d5fef05,#9b51e005);pointer-events:none}.splitscreen-gameplay-title{font-size:1.4rem;font-weight:700;margin-bottom:1.5rem;color:#1a202c;display:flex;align-items:center;gap:.75rem;position:relative;z-index:2;letter-spacing:-.01em}.splitscreen-required{color:#ef4444;font-weight:800;text-shadow:0 1px 2px rgba(239,68,68,.2)}.splitscreen-gameplay-info-text{color:#64748b;font-size:.95rem;margin-bottom:1.5rem;line-height:1.6;position:relative;z-index:2;font-weight:400}.splitscreen-loading{text-align:center;padding:2rem;color:#6b7280;display:flex;flex-direction:column;align-items:center;gap:1rem}.splitscreen-loading:before{content:"";width:32px;height:32px;border:3px solid #e5e7eb;border-top:3px solid #667eea;border-radius:50%;animation:spin 1s linear infinite}.splitscreen-gameplay-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.splitscreen-gameplay-card{border:2px solid rgba(93,95,239,.2);border-radius:16px;overflow:hidden;cursor:pointer;transition:all .3s ease;background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative}.splitscreen-gameplay-card:hover{border-color:#5d5fef;transform:translateY(-4px);box-shadow:0 12px 30px #5d5fef33;background:#fffffff2}.splitscreen-gameplay-card.selected{border-color:#5d5fef;box-shadow:0 0 0 3px #5d5fef33,0 8px 25px #5d5fef26;background:linear-gradient(135deg,#5d5fef0d,#9b51e00d)}.splitscreen-gameplay-thumbnail{width:100%;height:120px;object-fit:cover;border-radius:12px 12px 0 0;cursor:pointer;transition:transform .3s ease;filter:brightness(.95)}.splitscreen-gameplay-thumbnail:hover{transform:scale(1.08);filter:brightness(1.05)}.splitscreen-gameplay-info{padding:1rem;position:relative;z-index:2}.splitscreen-gameplay-info h4{margin:0 0 .5rem;font-size:.95rem;font-weight:700;color:#1a202c;letter-spacing:-.01em}.splitscreen-gameplay-info span{font-size:.8rem;color:#64748b;font-weight:500}.splitscreen-no-videos{grid-column:1 / -1;text-align:center;padding:3rem 2rem;color:#64748b;position:relative;z-index:2}.splitscreen-no-videos p{margin:.75rem 0;font-size:1rem;line-height:1.6}.splitscreen-no-videos p:first-child{font-weight:700;color:#1a202c;font-size:1.1rem}.splitscreen-style-section{background:#fff;border-radius:1rem;padding:1.5rem;box-shadow:0 4px 6px #0000001a}.splitscreen-style-title{font-size:1.25rem;font-weight:600;margin-bottom:1rem;color:#2d3748;display:flex;align-items:center;gap:.5rem}.splitscreen-style-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.splitscreen-style-card{border:2px solid #e2e8f0;border-radius:.75rem;padding:1rem;text-align:center;cursor:pointer;transition:all .2s;background:#f7fafc}.splitscreen-style-card:hover{border-color:#3182ce;background:#ebf8ff;transform:translateY(-2px)}.splitscreen-style-card.selected{border-color:#3182ce;background:#ebf8ff;box-shadow:0 4px 12px #3182ce4d}.splitscreen-style-preview{margin-bottom:.75rem}.splitscreen-style-icon{font-size:2rem;color:#3182ce}.splitscreen-style-label{text-align:center}.splitscreen-style-name{font-weight:600;color:#2d3748;margin-bottom:.25rem}.splitscreen-style-desc{font-size:.8rem;color:#718096}.splitscreen-error{background:#fed7d7;border:1px solid #feb2b2;color:#c53030;padding:.75rem;border-radius:.5rem;display:flex;align-items:center;gap:.5rem;margin:.75rem 0}.splitscreen-success-message{background:#c6f6d5;border:1px solid #9ae6b4;color:#22543d;padding:.75rem;border-radius:.5rem;display:flex;align-items:center;gap:.5rem;margin:.75rem 0}.splitscreen-processing-indicator{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem;background:#ebf8ff;border:1px solid #bee3f8;border-radius:.5rem;color:#2b6cb0;margin:.75rem 0}.splitscreen-spinner{width:20px;height:20px;border:2px solid #bee3f8;border-top:2px solid #3182ce;border-radius:50%;animation:spin 1s linear infinite}.splitscreen-generate-section{margin-bottom:20px!important;background:#fff;border-radius:1rem;padding:1.5rem;box-shadow:0 4px 6px #0000001a;text-align:center}.splitscreen-generate-button{background:linear-gradient(135deg,#5d5fef,#9b51e0);color:#fff;border:none;padding:1rem 2rem;border-radius:.75rem;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s;min-width:200px}.splitscreen-generate-button:hover:not(.disabled){transform:translateY(-2px);box-shadow:0 8px 25px #5d5fef66}.splitscreen-generate-button.disabled{background:#a0aec0;cursor:not-allowed;transform:none;box-shadow:none}.splitscreen-generate-button.processing{background:linear-gradient(135deg,#f093fb,#f5576c);cursor:not-allowed}.splitscreen-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.splitscreen-modal{background:#fff;border-radius:1rem;max-width:800px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px #00000040}.splitscreen-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e2e8f0}.splitscreen-modal-title{font-size:1.5rem;font-weight:600;color:#2d3748;display:flex;align-items:center;gap:.75rem;margin:0}.splitscreen-modal-close{background:none;border:none;font-size:1.5rem;color:#a0aec0;cursor:pointer;padding:.5rem;border-radius:.5rem;transition:all .2s}.splitscreen-modal-close:hover{background:#f7fafc;color:#4a5568}.splitscreen-modal-content{padding:1.5rem}.splitscreen-modal-video{text-align:center}.splitscreen-modal-video h3{font-size:1.25rem;font-weight:600;color:#2d3748;margin-bottom:1rem}.splitscreen-modal-video-player{max-width:100%;max-height:400px;border-radius:.5rem;margin-bottom:1rem;box-shadow:0 4px 6px #0000001a}.splitscreen-modal-video-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.splitscreen-modal-download-video-link{background:#3182ce;color:#fff;text-decoration:none;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:500;transition:all .2s;display:inline-block}.splitscreen-modal-download-video-link:hover{background:#2c5aa0;transform:translateY(-1px)}@media (max-width: 768px){.splitscreen-input-options,.splitscreen-timing-grid{grid-template-columns:1fr}.splitscreen-gameplay-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.splitscreen-style-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.splitscreen-modal{margin:1rem;max-height:calc(100vh - 2rem)}.splitscreen-modal-header,.splitscreen-modal-content{padding:1rem}}@media (max-width: 480px){.splitscreen-hero-title{font-size:1.5rem}.splitscreen-hero-subtitle{font-size:.9rem}.splitscreen-platform-buttons{flex-direction:column;align-items:center}.splitscreen-platform-btn{width:100%;max-width:200px;justify-content:center}}.splitscreen-loading-popup{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .3s ease-out}.splitscreen-popup-content-landscape{background:#fff;border-radius:32px;padding:3rem;max-width:1000px;width:95%;box-shadow:0 32px 64px #00000026;position:relative;animation:slideInUp .4s ease-out;display:flex;align-items:center;gap:5rem;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.splitscreen-popup-left{flex:1;text-align:left}.splitscreen-popup-right{flex:0 0 auto;display:flex;justify-content:center;align-items:center}.splitscreen-popup-title{font-size:2.5rem;font-weight:800;color:#0f172a;margin:0 0 1.5rem;line-height:1.1;letter-spacing:-.02em;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.splitscreen-popup-subtitle{font-size:1.2rem;color:#64748b;margin:0 0 2.5rem;line-height:1.6;font-weight:400;letter-spacing:-.01em}.splitscreen-progress-circle{position:relative;width:220px;height:220px;margin:0 auto}.splitscreen-progress-ring{transform:rotate(-90deg);width:100%;height:100%;position:absolute;top:0;left:0}.splitscreen-progress-ring-circle{fill:none;stroke-linecap:round}.splitscreen-progress-ring-fill{transition:stroke-dashoffset .3s ease}.splitscreen-progress-logo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:160px;height:160px;z-index:10;display:flex;align-items:center;justify-content:center;pointer-events:none;background:transparent}.splitscreen-progress-logo img{width:160px;height:160px;display:block;margin:0;padding:0;border:none;outline:none;background:transparent;mix-blend-mode:normal;filter:drop-shadow(0 4px 12px rgba(59,130,246,.3))}.splitscreen-progress-percentage-box{background:linear-gradient(135deg,#fff,#f8fafc);border-radius:20px;padding:1.5rem 2rem;box-shadow:0 8px 32px #0000001f;border:1px solid rgba(139,92,246,.1);font-size:2.5rem;font-weight:800;background:linear-gradient(135deg,#8b5cf6,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-align:center;min-width:100px;display:inline-block;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;letter-spacing:-.02em;position:relative;overflow:hidden}.splitscreen-progress-percentage-box:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(139,92,246,.1),transparent);animation:shimmer 3s infinite}@keyframes shimmer-section{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media (max-width: 1024px) and (min-width: 769px){.splitscreen-popup-content-landscape{max-width:900px;gap:4rem;padding:2.5rem}.splitscreen-progress-circle,.splitscreen-progress-ring{width:200px;height:200px}.splitscreen-progress-logo,.splitscreen-progress-logo img{width:140px;height:140px}.splitscreen-popup-title{font-size:2.2rem}.splitscreen-popup-subtitle{font-size:1.1rem}.splitscreen-progress-percentage-box{font-size:2.2rem}}@media (max-width: 768px){.splitscreen-popup-content-landscape{flex-direction:column;gap:2.5rem;padding:2.5rem;margin:1rem;max-width:600px}.splitscreen-popup-left{text-align:center}.splitscreen-popup-title{font-size:2rem}.splitscreen-popup-subtitle{font-size:1.1rem}.splitscreen-progress-circle,.splitscreen-progress-ring{width:200px;height:200px}.splitscreen-progress-logo,.splitscreen-progress-logo img{width:120px;height:120px}.splitscreen-progress-percentage-box{font-size:2.2rem;padding:1.2rem 1.8rem;min-width:90px}}@media (max-width: 480px){.splitscreen-popup-content-landscape{padding:2rem;gap:2rem;max-width:400px}.splitscreen-popup-title{font-size:1.8rem;margin-bottom:1rem}.splitscreen-popup-subtitle{font-size:1rem;margin-bottom:2rem}.splitscreen-progress-circle,.splitscreen-progress-ring{width:160px;height:160px}.splitscreen-progress-logo,.splitscreen-progress-logo img{width:100px;height:100px}.splitscreen-progress-percentage-box{font-size:1.8rem;padding:1rem 1.5rem;min-width:70px}}.tiktok-dashboard{margin-top:75px!important;padding:2rem;max-width:1400px;margin:0 auto;display:flex;flex-direction:column;gap:2rem}.tiktok-hero{background:linear-gradient(135deg,#5d5fef,#9b51e0);border-radius:24px;padding:3rem;color:#fff;text-align:center;position:relative;overflow:hidden;box-shadow:0 20px 60px #5d5fef4d;border:1px solid rgba(255,255,255,.1)}.tiktok-hero:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);animation:shimmer 3s infinite}.tiktok-hero-content{position:relative;z-index:2}.tiktok-hero-icon{width:80px;height:80px;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;font-size:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.3);filter:drop-shadow(0 4px 12px rgba(0,0,0,.2))}.tiktok-hero-title{font-size:3rem;font-weight:800;margin:0 0 1rem;line-height:1.2;color:#fff}.tiktok-hero-title .tiktok-highlight{background:linear-gradient(135deg,gold,#ffed4e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.tiktok-hero-subtitle{font-size:1.2rem;margin:0 0 2rem;opacity:.9;line-height:1.6;max-width:600px;margin-left:auto;margin-right:auto}.tiktok-download-section{background:linear-gradient(135deg,#fffffff2,#ffffffd9);border-radius:20px;padding:2.5rem;box-shadow:0 10px 40px #5d5fef1a;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:relative;overflow:hidden}.tiktok-download-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#5d5fef05,#9b51e005);pointer-events:none}.tiktok-download-title{font-size:1.5rem;font-weight:700;margin:0 0 1.5rem;color:#1f2937;text-align:center;position:relative;z-index:2;letter-spacing:-.01em}.tiktok-input-group{display:flex;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap;position:relative;z-index:2}.tiktok-input-field{flex:1;min-width:300px;padding:1rem 1.5rem;border:2px solid rgba(93,95,239,.2);border-radius:12px;font-size:1rem;transition:all .3s ease;background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.tiktok-input-field:focus{outline:none;border-color:#5d5fef;background:#fffffff2;box-shadow:0 0 0 3px #5d5fef1a;transform:translateY(-1px)}.tiktok-input-field::placeholder{color:#9ca3af}.tiktok-download-button{background:linear-gradient(135deg,#5d5fef,#9b51e0);color:#fff;border:none;padding:1rem 2rem;border-radius:12px;font-weight:700;font-size:1rem;cursor:pointer;display:flex;align-items:center;gap:.75rem;transition:all .3s ease;box-shadow:0 8px 25px #5d5fef4d;white-space:nowrap}.tiktok-download-button:hover{transform:translateY(-2px);box-shadow:0 12px 35px #5d5fef66}.tiktok-download-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.tiktok-download-button .loading-spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}.tiktok-status{margin-top:1.5rem;padding:1rem 1.5rem;border-radius:12px;font-weight:500;text-align:center;transition:all .3s ease}.tiktok-status.success{background:#d1fae5;color:#065f46;border:1px solid #a7f3d0}.tiktok-status.error{background:#fee2e2;color:#991b1b;border:1px solid #fecaca}.tiktok-status.info{background:#dbeafe;color:#1e40af;border:1px solid #bfdbfe}.tiktok-instructions{background:linear-gradient(135deg,#fffffff2,#ffffffd9);border-radius:20px;padding:2.5rem;box-shadow:0 10px 40px #5d5fef1a;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:relative;overflow:hidden}.tiktok-instructions:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#5d5fef05,#9b51e005);pointer-events:none}.tiktok-instructions-title{font-size:2rem;font-weight:700;margin:0 0 2rem;color:#1f2937;text-align:center;position:relative;z-index:2;letter-spacing:-.01em}.tiktok-steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:2rem;position:relative;z-index:2}.tiktok-step-card{background:linear-gradient(135deg,#fffc,#f8fafccc);border-radius:16px;padding:2rem;text-align:center;border:1px solid rgba(93,95,239,.1);transition:all .3s ease;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.tiktok-step-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px #5d5fef26;background:linear-gradient(135deg,#fffffff2,#f8fafcf2)}.tiktok-step-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg,#5d5fef,#9b51e0)}.tiktok-step-number{background:linear-gradient(135deg,#5d5fef,#9b51e0);color:#fff;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2rem;margin:0 auto 1rem;filter:drop-shadow(0 4px 12px rgba(93,95,239,.3))}.tiktok-step-icon{width:60px;height:60px;background:#5d5fef1a;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;font-size:1.5rem;color:#5d5fef;filter:drop-shadow(0 2px 8px rgba(93,95,239,.2))}.tiktok-step-title{font-size:1.25rem;font-weight:700;margin:0 0 1rem;color:#1f2937}.tiktok-step-description{color:#6b7280;line-height:1.6;margin:0}.tiktok-features{background:linear-gradient(135deg,#fffffff2,#ffffffd9);border-radius:20px;padding:2.5rem;box-shadow:0 10px 40px #5d5fef1a;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:relative;overflow:hidden}.tiktok-features:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#5d5fef05,#9b51e005);pointer-events:none}.tiktok-features-title{font-size:2rem;font-weight:700;margin:0 0 2rem;color:#1f2937;text-align:center;position:relative;z-index:2;letter-spacing:-.01em}.tiktok-features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;position:relative;z-index:2}.tiktok-feature-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:#fffc;border-radius:12px;border:1px solid rgba(93,95,239,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.tiktok-feature-item:hover{background:#fffffff2;transform:translateY(-2px);box-shadow:0 8px 25px #5d5fef26}.tiktok-feature-icon{width:40px;height:40px;background:linear-gradient(135deg,#5d5fef,#9b51e0);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1rem;filter:drop-shadow(0 2px 8px rgba(93,95,239,.3))}.tiktok-feature-text{font-weight:500;color:#374151}@media (max-width: 1024px){.tiktok-dashboard{padding:1.5rem}.tiktok-hero{padding:2rem}.tiktok-hero-title{font-size:2.5rem}.tiktok-input-group{flex-direction:column}.tiktok-input-field{min-width:100%}.tiktok-steps-grid{grid-template-columns:1fr}}@media (max-width: 768px){.tiktok-dashboard{padding:1rem;margin-top:60px!important}.tiktok-hero{padding:1.5rem}.tiktok-hero-title{font-size:2rem}.tiktok-hero-subtitle{font-size:1rem}.tiktok-download-section,.tiktok-instructions,.tiktok-features{padding:1.5rem}.tiktok-instructions-title,.tiktok-features-title{font-size:1.5rem}.tiktok-steps-grid{gap:1rem}.tiktok-step-card{padding:1.5rem}.tiktok-features{margin-bottom:150px!important}}@media (max-width: 480px){.tiktok-hero-title{font-size:1.75rem}.tiktok-hero-icon{width:60px;height:60px;font-size:1.5rem}.tiktok-download-button{padding:.875rem 1.5rem;font-size:.9rem}.tiktok-features-grid{grid-template-columns:1fr}}.tiktok-loading-popup{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .3s ease-out}.tiktok-popup-content-landscape{background:#fff;border-radius:32px;padding:3rem;max-width:1000px;width:95%;box-shadow:0 32px 64px #00000026;position:relative;animation:slideInUp .4s ease-out;display:flex;align-items:center;gap:5rem;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.tiktok-popup-left{flex:1;text-align:left}.tiktok-popup-right{flex:0 0 auto;display:flex;justify-content:center;align-items:center}.tiktok-popup-title{font-size:2.5rem;font-weight:800;color:#0f172a;margin:0 0 1.5rem;line-height:1.1;letter-spacing:-.02em;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.tiktok-popup-subtitle{font-size:1.2rem;color:#64748b;margin:0 0 2.5rem;line-height:1.6;font-weight:400;letter-spacing:-.01em}.tiktok-progress-circle{position:relative;width:220px;height:220px;margin:0 auto}.tiktok-progress-ring{transform:rotate(-90deg);width:100%;height:100%;position:absolute;top:0;left:0}.tiktok-progress-ring-circle{fill:none;stroke-linecap:round}.tiktok-progress-ring-fill{transition:stroke-dashoffset .3s ease}.tiktok-progress-logo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:160px;height:160px;z-index:10;display:flex;align-items:center;justify-content:center;pointer-events:none;background:transparent}.tiktok-progress-logo img{width:160px;height:160px;display:block;margin:0;padding:0;border:none;outline:none;background:transparent;mix-blend-mode:normal;filter:drop-shadow(0 4px 12px rgba(59,130,246,.3))}.tiktok-progress-percentage-box{background:linear-gradient(135deg,#fff,#f8fafc);border-radius:20px;padding:1.5rem 2rem;box-shadow:0 8px 32px #0000001f;border:1px solid rgba(139,92,246,.1);font-size:2.5rem;font-weight:800;background:linear-gradient(135deg,#8b5cf6,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-align:center;min-width:100px;display:inline-block;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;letter-spacing:-.02em;position:relative;overflow:hidden}.tiktok-progress-percentage-box:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(139,92,246,.1),transparent);animation:shimmer 3s infinite}@media (max-width: 1024px) and (min-width: 769px){.tiktok-popup-content-landscape{max-width:900px;gap:4rem;padding:2.5rem}.tiktok-progress-circle,.tiktok-progress-ring{width:200px;height:200px}.tiktok-progress-logo,.tiktok-progress-logo img{width:140px;height:140px}.tiktok-popup-title{font-size:2.2rem}.tiktok-popup-subtitle{font-size:1.1rem}.tiktok-progress-percentage-box{font-size:2.2rem}}@media (max-width: 768px){.tiktok-popup-content-landscape{flex-direction:column;gap:2.5rem;padding:2.5rem;margin:1rem;max-width:600px}.tiktok-popup-left{text-align:center}.tiktok-popup-title{font-size:2rem}.tiktok-popup-subtitle{font-size:1.1rem}.tiktok-progress-circle,.tiktok-progress-ring{width:200px;height:200px}.tiktok-progress-logo,.tiktok-progress-logo img{width:120px;height:120px}.tiktok-progress-percentage-box{font-size:2.2rem;padding:1.2rem 1.8rem;min-width:90px}}@media (max-width: 480px){.tiktok-popup-content-landscape{padding:2rem;gap:2rem;max-width:400px}.tiktok-popup-title{font-size:1.8rem;margin-bottom:1rem}.tiktok-popup-subtitle{font-size:1rem;margin-bottom:2rem}.tiktok-progress-circle,.tiktok-progress-ring{width:160px;height:160px}.tiktok-progress-logo,.tiktok-progress-logo img{width:100px;height:100px}.tiktok-progress-percentage-box{font-size:1.8rem;padding:1rem 1.5rem;min-width:70px}}.ytb-dashboard{margin-top:75px!important;padding:2rem;max-width:1400px;margin:0 auto;display:flex;flex-direction:column;gap:2rem}.ytb-hero{background:linear-gradient(135deg,#5d5fef,#9b51e0);border-radius:24px;padding:3rem;color:#fff;text-align:center;position:relative;overflow:hidden;box-shadow:0 20px 60px #5d5fef4d;border:1px solid rgba(255,255,255,.1)}.ytb-hero:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);animation:shimmer 3s infinite}.ytb-hero-content{position:relative;z-index:2}.ytb-hero-icon{width:80px;height:80px;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;font-size:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.3);filter:drop-shadow(0 4px 12px rgba(0,0,0,.2))}.ytb-hero-title{font-size:3rem;font-weight:800;margin:0 0 1rem;line-height:1.2;color:#fff}.ytb-hero-title .ytb-highlight{background:linear-gradient(135deg,gold,#ffed4e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.ytb-hero-subtitle{font-size:1.2rem;margin:0 0 2rem;opacity:.9;line-height:1.6;max-width:600px;margin-left:auto;margin-right:auto}.ytb-download-section{background:linear-gradient(135deg,#fffffff2,#ffffffd9);border-radius:20px;padding:2.5rem;box-shadow:0 10px 40px #5d5fef1a;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:relative;overflow:hidden}.ytb-download-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#5d5fef05,#9b51e005);pointer-events:none}.ytb-download-title{font-size:1.5rem;font-weight:700;margin:0 0 1.5rem;color:#1f2937;text-align:center;position:relative;z-index:2;letter-spacing:-.01em}.ytb-input-group{display:flex;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap;position:relative;z-index:2}.ytb-input-field{flex:1;min-width:300px;padding:1rem 1.5rem;border:2px solid rgba(93,95,239,.2);border-radius:12px;font-size:1rem;transition:all .3s ease;background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.ytb-input-field:focus{outline:none;border-color:#5d5fef;background:#fffffff2;box-shadow:0 0 0 3px #5d5fef1a;transform:translateY(-1px)}.ytb-input-field::placeholder{color:#9ca3af}.ytb-download-button{background:linear-gradient(135deg,#5d5fef,#9b51e0);color:#fff;border:none;padding:1rem 2rem;border-radius:12px;font-weight:700;font-size:1rem;cursor:pointer;display:flex;align-items:center;gap:.75rem;transition:all .3s ease;box-shadow:0 8px 25px #5d5fef4d;white-space:nowrap}.ytb-download-button:hover{transform:translateY(-2px);box-shadow:0 12px 35px #5d5fef66}.ytb-download-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.ytb-download-button .loading-spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}.ytb-status{margin-top:1.5rem;padding:1rem 1.5rem;border-radius:12px;font-weight:500;text-align:center;transition:all .3s ease}.ytb-status.success{background:#d1fae5;color:#065f46;border:1px solid #a7f3d0}.ytb-status.error{background:#fee2e2;color:#991b1b;border:1px solid #fecaca}.ytb-status.info{background:#dbeafe;color:#1e40af;border:1px solid #bfdbfe}.ytb-instructions{background:linear-gradient(135deg,#fffffff2,#ffffffd9);border-radius:20px;padding:2.5rem;box-shadow:0 10px 40px #5d5fef1a;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:relative;overflow:hidden}.ytb-instructions:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#5d5fef05,#9b51e005);pointer-events:none}.ytb-instructions-title{font-size:2rem;font-weight:700;margin:0 0 2rem;color:#1f2937;text-align:center;position:relative;z-index:2;letter-spacing:-.01em}.ytb-steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:2rem;position:relative;z-index:2}.ytb-step-card{background:linear-gradient(135deg,#fffc,#f8fafccc);border-radius:16px;padding:2rem;text-align:center;border:1px solid rgba(93,95,239,.1);transition:all .3s ease;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.ytb-step-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px #5d5fef26;background:linear-gradient(135deg,#fffffff2,#f8fafcf2)}.ytb-step-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg,#5d5fef,#9b51e0)}.ytb-step-number{background:linear-gradient(135deg,#5d5fef,#9b51e0);color:#fff;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2rem;margin:0 auto 1rem;filter:drop-shadow(0 4px 12px rgba(93,95,239,.3))}.ytb-step-icon{width:60px;height:60px;background:#5d5fef1a;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;font-size:1.5rem;color:#5d5fef;filter:drop-shadow(0 2px 8px rgba(93,95,239,.2))}.ytb-step-title{font-size:1.25rem;font-weight:700;margin:0 0 1rem;color:#1f2937}.ytb-step-description{color:#6b7280;line-height:1.6;margin:0}.ytb-features{background:linear-gradient(135deg,#fffffff2,#ffffffd9);border-radius:20px;padding:2.5rem;box-shadow:0 10px 40px #5d5fef1a;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:relative;overflow:hidden}.ytb-features:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#5d5fef05,#9b51e005);pointer-events:none}.ytb-features-title{font-size:2rem;font-weight:700;margin:0 0 2rem;color:#1f2937;text-align:center;position:relative;z-index:2;letter-spacing:-.01em}.ytb-features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;position:relative;z-index:2}.ytb-feature-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:#fffc;border-radius:12px;border:1px solid rgba(93,95,239,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.ytb-feature-item:hover{background:#fffffff2;transform:translateY(-2px);box-shadow:0 8px 25px #5d5fef26}.ytb-feature-icon{width:40px;height:40px;background:linear-gradient(135deg,#5d5fef,#9b51e0);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1rem;filter:drop-shadow(0 2px 8px rgba(93,95,239,.3))}.ytb-feature-text{font-weight:500;color:#374151}@media (max-width: 1024px){.ytb-dashboard{padding:1.5rem}.ytb-hero{padding:2rem}.ytb-hero-title{font-size:2.5rem}.ytb-input-group{flex-direction:column}.ytb-input-field{min-width:100%}.ytb-steps-grid{grid-template-columns:1fr}}@media (max-width: 768px){.ytb-dashboard{padding:1rem;margin-top:60px!important}.ytb-hero{padding:1.5rem}.ytb-hero-title{font-size:2rem}.ytb-hero-subtitle{font-size:1rem}.ytb-download-section,.ytb-instructions,.ytb-features{padding:1.5rem}.ytb-instructions-title,.ytb-features-title{font-size:1.5rem}.ytb-steps-grid{gap:1rem}.ytb-step-card{padding:1.5rem}.ytb-features{margin-bottom:150px!important}}@media (max-width: 480px){.ytb-hero-title{font-size:1.75rem}.ytb-hero-icon{width:60px;height:60px;font-size:1.5rem}.ytb-download-button{padding:.875rem 1.5rem;font-size:.9rem}.ytb-features-grid{grid-template-columns:1fr}}.ytb-loading-popup{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .3s ease-out}.ytb-popup-content-landscape{background:#fff;border-radius:32px;padding:3rem;max-width:1000px;width:95%;box-shadow:0 32px 64px #00000026;position:relative;animation:slideInUp .4s ease-out;display:flex;align-items:center;gap:5rem;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.ytb-popup-left{flex:1;text-align:left}.ytb-popup-right{flex:0 0 auto;display:flex;justify-content:center;align-items:center}.ytb-popup-title{font-size:2.5rem;font-weight:800;color:#0f172a;margin:0 0 1.5rem;line-height:1.1;letter-spacing:-.02em;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.ytb-popup-subtitle{font-size:1.2rem;color:#64748b;margin:0 0 2.5rem;line-height:1.6;font-weight:400;letter-spacing:-.01em}.ytb-progress-circle{position:relative;width:220px;height:220px;margin:0 auto}.ytb-progress-ring{transform:rotate(-90deg);width:100%;height:100%;position:absolute;top:0;left:0}.ytb-progress-ring-circle{fill:none;stroke-linecap:round}.ytb-progress-ring-fill{transition:stroke-dashoffset .3s ease}.ytb-progress-logo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:160px;height:160px;z-index:10;display:flex;align-items:center;justify-content:center;pointer-events:none;background:transparent}.ytb-progress-logo img{width:160px;height:160px;display:block;margin:0;padding:0;border:none;outline:none;background:transparent;mix-blend-mode:normal;filter:drop-shadow(0 4px 12px rgba(59,130,246,.3))}.ytb-progress-percentage-box{background:linear-gradient(135deg,#fff,#f8fafc);border-radius:20px;padding:1.5rem 2rem;box-shadow:0 8px 32px #0000001f;border:1px solid rgba(139,92,246,.1);font-size:2.5rem;font-weight:800;background:linear-gradient(135deg,#8b5cf6,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-align:center;min-width:100px;display:inline-block;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;letter-spacing:-.02em;position:relative;overflow:hidden}.ytb-progress-percentage-box:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(139,92,246,.1),transparent);animation:shimmer 3s infinite}@media (max-width: 1024px) and (min-width: 769px){.ytb-popup-content-landscape{max-width:900px;gap:4rem;padding:2.5rem}.ytb-progress-circle,.ytb-progress-ring{width:200px;height:200px}.ytb-progress-logo,.ytb-progress-logo img{width:140px;height:140px}.ytb-popup-title{font-size:2.2rem}.ytb-popup-subtitle{font-size:1.1rem}.ytb-progress-percentage-box{font-size:2.2rem}}@media (max-width: 768px){.ytb-popup-content-landscape{flex-direction:column;gap:2.5rem;padding:2.5rem;margin:1rem;max-width:600px}.ytb-popup-left{text-align:center}.ytb-popup-title{font-size:2rem}.ytb-popup-subtitle{font-size:1.1rem}.ytb-progress-circle,.ytb-progress-ring{width:200px;height:200px}.ytb-progress-logo,.ytb-progress-logo img{width:120px;height:120px}.ytb-progress-percentage-box{font-size:2.2rem;padding:1.2rem 1.8rem;min-width:90px}}@media (max-width: 480px){.ytb-popup-content-landscape{padding:2rem;gap:2rem;max-width:400px}.ytb-popup-title{font-size:1.8rem;margin-bottom:1rem}.ytb-popup-subtitle{font-size:1rem;margin-bottom:2rem}.ytb-progress-circle,.ytb-progress-ring{width:160px;height:160px}.ytb-progress-logo,.ytb-progress-logo img{width:100px;height:100px}.ytb-progress-percentage-box{font-size:1.8rem;padding:1rem 1.5rem;min-width:70px}}.ytb-trimming-section{margin-top:2rem;padding:1.5rem;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-radius:16px;border:1px solid #e2e8f0;box-shadow:0 4px 12px #0000000d}.ytb-trimming-title{font-size:1.25rem;font-weight:600;color:#1e293b;margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem}.ytb-trimming-title:before{content:"✂️";font-size:1.1rem}.ytb-trimming-subtitle{font-size:.875rem;color:#64748b;margin-bottom:1.5rem;line-height:1.5}.ytb-trimming-inputs{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.ytb-trimming-input-group{display:flex;flex-direction:column;gap:.5rem}.ytb-trimming-label{font-size:.875rem;font-weight:500;color:#374151;margin-bottom:.25rem}.ytb-trimming-label:after{content:" *";color:#ef4444;font-weight:600}.ytb-trimming-input{padding:.75rem 1rem;border:2px solid #e2e8f0;border-radius:8px;font-size:.875rem;color:#1e293b;background:#fff;transition:all .2s ease;outline:none}.ytb-trimming-input:focus{border-color:#5d5fef;box-shadow:0 0 0 3px #5d5fef1a}.ytb-trimming-input:invalid{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.ytb-trimming-input::placeholder{color:#9ca3af}@media (max-width: 768px){.ytb-trimming-inputs{grid-template-columns:1fr;gap:1rem}.ytb-trimming-section{margin-top:1.5rem;padding:1.25rem}.ytb-trimming-title{font-size:1.125rem}}@media (max-width: 480px){.ytb-trimming-section{padding:1rem}.ytb-trimming-title{font-size:1rem}.ytb-trimming-subtitle{font-size:.8rem}.ytb-trimming-input{padding:.625rem .875rem;font-size:.8rem}}*{box-sizing:border-box}body{overflow-x:hidden}.subtitles-dashboard{margin-right:6%!important;margin-top:100px!important;display:flex;flex-direction:column;gap:2rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.subtitles-hero{background:linear-gradient(135deg,#5d5fef,#9b51e0);border-radius:24px;padding:3rem 2rem;text-align:center;color:#fff;margin-bottom:2rem;box-shadow:0 20px 60px #5d5fef4d;border:1px solid rgba(255,255,255,.1);position:relative;overflow:hidden}.subtitles-hero:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);animation:shimmer 3s infinite}.subtitles-hero-icon{font-size:3.5rem;margin-bottom:1rem;opacity:1;filter:drop-shadow(0 4px 12px rgba(0,0,0,.2))}.subtitles-hero-title{font-size:2.5rem;font-weight:800;margin-bottom:1rem;line-height:1.2;color:#fff;letter-spacing:-.02em;text-shadow:0 2px 4px rgba(0,0,0,.1)}.subtitles-highlight{background:linear-gradient(135deg,gold,orange);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:none}.subtitles-hero-subtitle{font-size:1.1rem;opacity:.95;max-width:600px;margin:0 auto;line-height:1.6;font-weight:400;letter-spacing:-.01em}.subtitles-upload-section{background:linear-gradient(135deg,#fffffff2,#ffffffd9);border-radius:20px;padding:2rem;box-shadow:0 10px 40px #5d5fef1a;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:relative;overflow:hidden}.subtitles-upload-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#5d5fef05,#9b51e005);pointer-events:none}.subtitles-upload-title{font-size:1.4rem;font-weight:700;margin-bottom:1.5rem;color:#1a202c;text-align:center;position:relative;z-index:2;letter-spacing:-.01em}.subtitles-file-input{display:none}.subtitles-preview-container{text-align:center;margin-top:.75rem}.subtitles-video-preview{max-width:100%;max-height:300px;border-radius:.5rem;margin-bottom:.75rem;box-shadow:0 4px 6px #0000001a}.subtitles-change-file-btn{background:#3182ce;color:#fff;border:none;padding:.5rem 1rem;border-radius:.5rem;cursor:pointer;font-weight:500;transition:all .2s;display:block;margin:0 auto}.subtitles-change-file-btn:hover{background:#2c5aa0;transform:translateY(-1px)}.subtitles-upload-box{border:2px dashed rgba(93,95,239,.3);border-radius:16px;padding:2.5rem 2rem;text-align:center;cursor:pointer;transition:all .3s ease;background:linear-gradient(135deg,#5d5fef05,#9b51e005);position:relative;z-index:2}.subtitles-upload-box:hover,.subtitles-upload-box.dragover{border-color:#5d5fef;background:linear-gradient(135deg,#5d5fef0d,#9b51e00d);transform:translateY(-2px);box-shadow:0 8px 25px #5d5fef26}.subtitles-upload-icon{color:#5d5fef;margin-bottom:1rem;font-size:2.5rem;filter:drop-shadow(0 2px 8px rgba(93,95,239,.2))}.subtitles-upload-text{font-size:1.1rem;color:#1a202c;margin-bottom:.75rem;font-weight:500}.subtitles-upload-link{color:#5d5fef;font-weight:700;text-decoration:none;transition:all .3s ease}.subtitles-upload-link:hover{color:#9b51e0;text-decoration:underline}.subtitles-upload-formats{color:#64748b;font-size:.9rem;font-weight:400}.subtitles-error{background:#fed7d7;border:1px solid #feb2b2;color:#c53030;padding:.75rem;border-radius:.5rem;display:flex;align-items:center;gap:.5rem;margin:.75rem 0}.subtitles-timing-section{background:linear-gradient(135deg,#fffffff2,#ffffffd9);border-radius:20px;padding:2rem;box-shadow:0 10px 40px #5d5fef1a;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:relative;overflow:hidden}.subtitles-timing-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#5d5fef05,#9b51e005);pointer-events:none}.subtitles-timing-title{font-size:1.4rem;font-weight:700;margin-bottom:1.5rem;color:#1a202c;display:flex;align-items:center;gap:.75rem;position:relative;z-index:2;letter-spacing:-.01em}.section-icon{color:#5d5fef;font-size:1.5rem;filter:drop-shadow(0 2px 8px rgba(93,95,239,.2))}.subtitles-timing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.subtitles-timing-option{display:flex;flex-direction:column;gap:.5rem}.subtitles-timing-option label{font-weight:500;color:#4a5568;font-size:.9rem}.subtitles-timing-input{padding:.75rem 1rem;border:2px solid rgba(93,95,239,.2);border-radius:10px;font-size:.95rem;transition:all .3s ease;background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#1a202c}@media (max-width: 480px){.subtitles-timing-input{font-size:16px!important}}.subtitles-timing-input:focus{outline:none;border-color:#5d5fef;box-shadow:0 0 0 3px #5d5fef1a;transform:translateY(-1px)}.subtitles-timing-info{font-size:.8rem;color:#718096;font-style:italic}.subtitles-language-section{background:linear-gradient(135deg,#fffffff2,#ffffffd9);border-radius:20px;padding:2rem;box-shadow:0 10px 40px #5d5fef1a;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:relative;overflow:hidden}.subtitles-language-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#5d5fef05,#9b51e005);pointer-events:none}.subtitles-language-title{font-size:1.4rem;font-weight:700;margin-bottom:1.5rem;color:#1a202c;display:flex;align-items:center;gap:.75rem;position:relative;z-index:2;letter-spacing:-.01em}.subtitles-language-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.75rem}.subtitles-language-card{border:2px solid rgba(93,95,239,.2);border-radius:12px;padding:1rem;text-align:center;cursor:pointer;transition:all .3s ease;background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;z-index:2}.subtitles-language-card:hover{border-color:#5d5fef;background:#fffffff2;transform:translateY(-3px);box-shadow:0 8px 25px #5d5fef26}.subtitles-language-card.selected{border-color:#5d5fef;background:linear-gradient(135deg,#5d5fef0d,#9b51e00d);box-shadow:0 0 0 3px #5d5fef33,0 8px 25px #5d5fef26}.subtitles-language-name{font-weight:600;color:#2d3748;margin-bottom:.25rem;font-size:.9rem}.subtitles-language-code{font-size:.8rem;color:#718096;font-family:monospace}.subtitles-style-section{background:linear-gradient(135deg,#fffffff2,#ffffffd9);border-radius:20px;padding:2rem;box-shadow:0 10px 40px #5d5fef1a;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:relative;overflow:hidden}.subtitles-style-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#5d5fef05,#9b51e005);pointer-events:none}.subtitles-style-title{font-size:1.4rem;font-weight:700;margin-bottom:1.5rem;color:#1a202c;display:flex;align-items:center;gap:.75rem;position:relative;z-index:2;letter-spacing:-.01em}.subtitles-style-scroll-container{width:100%;overflow-x:auto;overflow-y:hidden;padding:.5rem 0;margin:0 -.5rem}.subtitles-style-scroll{display:flex;gap:.75rem;padding:0 .5rem;min-width:max-content}.subtitles-style-scroll::-webkit-scrollbar{height:8px}.subtitles-style-scroll::-webkit-scrollbar-track{background:#5d5fef1a;border-radius:4px}.subtitles-style-scroll::-webkit-scrollbar-thumb{background:#5d5fef4d;border-radius:4px}.subtitles-style-scroll::-webkit-scrollbar-thumb:hover{background:#5d5fef80}.subtitles-style-card{border:2px solid rgba(93,95,239,.2);border-radius:16px;padding:1.25rem;cursor:pointer;transition:all .3s ease;background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;position:relative;z-index:2;min-height:120px;min-width:200px;flex-shrink:0}.subtitles-style-card:hover{border-color:#5d5fef;background:#fffffff2;transform:translateY(-3px);box-shadow:0 8px 25px #5d5fef26}.subtitles-style-card.selected{border-color:#5d5fef;background:linear-gradient(135deg,#5d5fef0d,#9b51e00d);box-shadow:0 0 0 3px #5d5fef33,0 8px 25px #5d5fef26}.subtitles-style-preview{flex-shrink:0}.subtitles-style-card img{max-width:100%;max-height:100%;object-fit:contain;display:block}.subtitles-style-icon{width:50px;height:50px;background:linear-gradient(135deg,#5d5fef,#9b51e0);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem;box-shadow:0 4px 12px #5d5fef4d}.subtitles-style-label{flex:1}.subtitles-style-name{font-weight:600;color:#2d3748;margin-bottom:.25rem;font-size:1rem}.subtitles-style-desc{color:#718096;font-size:.8rem;line-height:1.3}.subtitles-generate-section{margin-bottom:100px!important;background:linear-gradient(135deg,#fffffff2,#ffffffd9);border-radius:20px;padding:2rem;box-shadow:0 10px 40px #5d5fef1a;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);text-align:center;position:relative;overflow:hidden}.subtitles-generate-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#5d5fef05,#9b51e005);pointer-events:none}.subtitles-success-message{background:#c6f6d5;border:1px solid #9ae6b4;color:#22543d;padding:.75rem;border-radius:.5rem;display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:1rem;font-weight:500;font-size:.9rem}.subtitles-timer{margin-bottom:1rem}.subtitles-timer-text{font-size:1rem;color:#4a5568;margin-bottom:.5rem;font-weight:500}.subtitles-timer-bar{width:100%;height:8px;background:#e2e8f0;border-radius:4px;overflow:hidden}.subtitles-timer-progress{height:100%;background:linear-gradient(135deg,#667eea,#764ba2);transition:width 1s linear}.subtitles-generate-button{background:linear-gradient(135deg,#5d5fef,#9b51e0);color:#fff;border:none;padding:1rem 2.5rem;border-radius:16px;font-size:1.2rem;font-weight:700;cursor:pointer;transition:all .3s ease;min-width:220px;box-shadow:0 8px 25px #5d5fef4d;position:relative;z-index:2}.subtitles-generate-button:hover:not(.disabled){transform:translateY(-3px);box-shadow:0 12px 35px #5d5fef66}.subtitles-generate-button.disabled{background:#cbd5e0;cursor:not-allowed;transform:none;box-shadow:none}.subtitles-generate-button.processing{background:linear-gradient(135deg,#f093fb,#f5576c);cursor:not-allowed}.subtitles-processing-indicator{display:flex;align-items:center;justify-content:center;gap:12px;margin:15px 0;padding:15px;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-radius:10px;border:1px solid #e2e8f0}.subtitles-spinner{width:20px;height:20px;border:3px solid #e2e8f0;border-top:3px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite}.subtitles-processing-indicator span{color:#334155;font-weight:600;font-size:14px}.subtitles-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.subtitles-modal{background:#fff;border-radius:20px;max-width:90vw;max-height:90vh;overflow:hidden;box-shadow:0 25px 50px #00000040;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.subtitles-modal-header{display:flex;align-items:center;justify-content:space-between;padding:25px 30px;border-bottom:1px solid #e2e8f0;background:linear-gradient(135deg,#f8fafc,#e2e8f0)}.subtitles-modal-title{display:flex;align-items:center;gap:15px;margin:0;color:#1e293b;font-size:24px;font-weight:700}.subtitles-modal-close{background:none;border:none;font-size:32px;color:#64748b;cursor:pointer;padding:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.subtitles-modal-close:hover{background:#f1f5f9;color:#334155}.subtitles-modal-content{padding:30px;max-height:70vh;overflow-y:auto}.subtitles-modal-video h3,.subtitles-modal-subtitles h3{margin-bottom:20px;color:#334155;font-size:18px;font-weight:600}.subtitles-modal-video-player{width:100%;border-radius:12px;box-shadow:0 8px 20px #00000026;margin-bottom:20px}.subtitles-modal-video-actions{margin-bottom:30px;text-align:center}.subtitles-modal-download-video-link{display:inline-block;padding:12px 24px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;text-decoration:none;border-radius:8px;font-weight:600;transition:all .3s ease;box-shadow:0 4px 12px #3b82f64d}.subtitles-modal-download-video-link:hover{transform:translateY(-2px);box-shadow:0 6px 16px #3b82f666}.subtitles-queue-info{background:#ffffff1a;border-radius:12px;padding:1rem;margin-top:1rem;border:1px solid rgba(255,255,255,.2)}.subtitles-queue-status,.subtitles-queue-position,.subtitles-queue-size{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.subtitles-queue-status:last-child,.subtitles-queue-position:last-child,.subtitles-queue-size:last-child{margin-bottom:0}.subtitles-queue-label{font-size:.9rem;opacity:.9;font-weight:500}.subtitles-queue-value{font-weight:600;font-size:.9rem}.subtitles-queue-value.busy{color:#ff6b6b}.subtitles-queue-value.available{color:#51cf66}@media (max-width: 1024px){.subtitles-style-scroll-container{padding:.25rem 0}.subtitles-style-card{min-width:180px}.subtitles-dashboard{margin-right:0!important}}@media (max-width: 768px){.subtitles-dashboard{margin-right:0!important;margin-top:90px!important;gap:1rem}.subtitles-hero{padding:1.5rem 1rem;margin-bottom:1rem}.subtitles-hero-title{font-size:1.75rem}.subtitles-style-card{min-width:160px}.subtitles-timing-grid{grid-template-columns:1fr}.subtitles-language-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.subtitles-upload-section,.subtitles-timing-section,.subtitles-language-section,.subtitles-style-section,.subtitles-generate-section{padding:1rem}}@media (max-width: 480px){.content{padding:0 .75rem}.subtitles-hero{padding:1.25rem .75rem}.subtitles-upload-section,.subtitles-timing-section,.subtitles-language-section,.subtitles-style-section,.subtitles-generate-section{padding:.75rem}.subtitles-generate-button{padding:.5rem 1.5rem;font-size:1rem;min-width:180px}.subtitles-language-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:.5rem}.subtitles-language-card{padding:.5rem}.subtitles-style-card{padding:.75rem}}@media (max-width: 768px){.subtitles-modal{max-width:95vw;max-height:95vh}.subtitles-modal-header{padding:20px}.subtitles-modal-title{font-size:20px}.subtitles-modal-content{padding:20px}.subtitles-modal-video-player{margin-bottom:20px}.subtitles-modal{max-width:98vw;max-height:98vh}}@media (min-width: 769px){.subtitles-modal{max-width:80vw;max-height:85vh}.subtitles-modal-content{padding:25px;max-height:60vh}.subtitles-modal-video-player{max-height:40vh;object-fit:contain}.subtitles-modal-video h3,.subtitles-modal-subtitles h3{margin-bottom:15px;font-size:16px}.subtitles-modal-subtitles-content{padding:20px}.subtitles-modal-subtitles-content p{margin-bottom:15px;font-size:14px}.subtitles-modal-download-video-link{padding:10px 20px;font-size:14px}}.subtitles-input-options{display:grid;grid-template-columns:1fr;gap:1.5rem;margin-bottom:1.5rem}.subtitles-url-section{background:linear-gradient(135deg,#fffffff2,#ffffffd9);border-radius:20px;padding:2rem;box-shadow:0 10px 40px #5d5fef1a;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:relative;overflow:hidden}.subtitles-url-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#5d5fef05,#9b51e005);pointer-events:none}.subtitles-url-title{font-size:1.4rem;font-weight:700;margin-bottom:1.5rem;color:#1a202c;text-align:center;position:relative;z-index:2;letter-spacing:-.01em}.subtitles-url-input-container{margin-bottom:1.5rem;position:relative;z-index:2}.subtitles-url-input{width:100%;padding:1rem 1.25rem;border:2px solid rgba(93,95,239,.2);border-radius:12px;font-size:1rem;background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#1a202c;transition:all .3s ease}.subtitles-url-input:focus{outline:none;border-color:#5d5fef;box-shadow:0 0 0 3px #5d5fef1a;transform:translateY(-1px)}.subtitles-url-input:disabled{background:#f7fafc;color:#a0aec0;cursor:not-allowed}.subtitles-platform-buttons{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap;position:relative;z-index:2}.subtitles-platform-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;border:2px solid rgba(93,95,239,.2);border-radius:12px;background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#1a202c;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .3s ease}.subtitles-platform-btn:hover{border-color:#5d5fef;transform:translateY(-2px);box-shadow:0 8px 25px #5d5fef26;background:#fffffff2}.subtitles-platform-btn.youtube:hover{border-color:#e53e3e;box-shadow:0 8px 25px #e53e3e26}.subtitles-platform-btn.tiktok:hover{border-color:#000;box-shadow:0 8px 25px #00000026}.subtitles-platform-btn.twitch:hover{border-color:#9146ff;box-shadow:0 8px 25px #9146ff26}.subtitles-youtube-icon{color:#e53e3e;margin-bottom:1rem}.subtitles-youtube-title{font-size:1.25rem;font-weight:600;margin-bottom:.75rem;color:#2d3748}.subtitles-youtube-text{font-size:.9rem;color:#4a5568;margin-bottom:1.5rem;line-height:1.4}.subtitles-youtube-input-container{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.subtitles-youtube-input{padding:.75rem;border:2px solid #e2e8f0;border-radius:.5rem;font-size:.9rem;transition:all .2s;background:#fff;color:#2d3748}.subtitles-youtube-input:focus{outline:none;border-color:#e53e3e;box-shadow:0 0 0 3px #e53e3e1a}.subtitles-youtube-input:disabled{background:#f7fafc;color:#a0aec0;cursor:not-allowed}.subtitles-youtube-clear-btn{background:#e53e3e;color:#fff;border:none;padding:.5rem 1rem;border-radius:.5rem;cursor:pointer;font-weight:500;transition:all .2s;font-size:.85rem}.subtitles-youtube-clear-btn:hover:not(:disabled){background:#c53030;transform:translateY(-1px)}.subtitles-youtube-clear-btn:disabled{background:#cbd5e0;cursor:not-allowed;transform:none}.subtitles-youtube-info{font-size:.8rem;color:#718096;font-style:italic;margin:0}@media (max-width: 1024px){.subtitles-input-options{grid-template-columns:1fr}.subtitles-upload-separator span{background:transparent;padding:0;color:#5d5fef;font-size:1rem;text-transform:none;letter-spacing:normal;border:none}.subtitles-upload-separator{padding:.5rem 0}.subtitles-upload-separator:before{display:none}.subtitles-upload-separator span{background:transparent;padding:0;color:#718096;font-size:1rem;text-transform:none;letter-spacing:normal}}@media (max-width: 768px){.subtitles-upload-container{gap:1rem}.subtitles-youtube-box{padding:1.5rem 1rem}.subtitles-youtube-title{font-size:1.1rem}.subtitles-youtube-text{font-size:.85rem;margin-bottom:1rem}.subtitles-youtube-input{padding:.6rem;font-size:.85rem}.subtitles-youtube-clear-btn{padding:.4rem .8rem;font-size:.8rem}}.subtitles-loading-popup{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .3s ease-out}.subtitles-popup-content-landscape{background:#fff;border-radius:32px;padding:3rem;max-width:1000px;width:95%;box-shadow:0 32px 64px #00000026;position:relative;animation:slideInUp .4s ease-out;display:flex;align-items:center;gap:5rem;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.subtitles-popup-left{flex:1;text-align:left}.subtitles-popup-right{flex:0 0 auto;display:flex;justify-content:center;align-items:center}.subtitles-popup-title{font-size:2.5rem;font-weight:800;color:#0f172a;margin:0 0 1.5rem;line-height:1.1;letter-spacing:-.02em;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.subtitles-popup-subtitle{font-size:1.2rem;color:#64748b;margin:0 0 2.5rem;line-height:1.6;font-weight:400;letter-spacing:-.01em}.subtitles-progress-circle{position:relative;width:220px;height:220px;margin:0 auto}.subtitles-progress-ring{transform:rotate(-90deg);width:100%;height:100%;position:absolute;top:0;left:0}.subtitles-progress-ring-circle{fill:none;stroke-linecap:round}.subtitles-progress-ring-fill{transition:stroke-dashoffset .3s ease}.subtitles-progress-logo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:160px;height:160px;z-index:10;display:flex;align-items:center;justify-content:center;pointer-events:none;background:transparent}.subtitles-progress-logo img{width:160px;height:160px;display:block;margin:0;padding:0;border:none;outline:none;background:transparent;mix-blend-mode:normal;filter:drop-shadow(0 4px 12px rgba(59,130,246,.3))}.subtitles-progress-percentage-box{background:linear-gradient(135deg,#fff,#f8fafc);border-radius:20px;padding:1.5rem 2rem;box-shadow:0 8px 32px #0000001f;border:1px solid rgba(139,92,246,.1);font-size:2.5rem;font-weight:800;background:linear-gradient(135deg,#8b5cf6,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-align:center;min-width:100px;display:inline-block;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;letter-spacing:-.02em;position:relative;overflow:hidden}.subtitles-progress-percentage-box:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(139,92,246,.1),transparent);animation:shimmer 3s infinite}@media (max-width: 1024px) and (min-width: 769px){.subtitles-popup-content-landscape{max-width:900px;gap:4rem;padding:2.5rem}.subtitles-progress-circle,.subtitles-progress-ring{width:200px;height:200px}.subtitles-progress-logo,.subtitles-progress-logo img{width:140px;height:140px}.subtitles-popup-title{font-size:2.2rem}.subtitles-popup-subtitle{font-size:1.1rem}.subtitles-progress-percentage-box{font-size:2.2rem}}@media (max-width: 768px){.subtitles-popup-content-landscape{flex-direction:column;gap:2.5rem;padding:2.5rem;margin:1rem;max-width:600px}.subtitles-popup-left{text-align:center}.subtitles-popup-title{font-size:2rem}.subtitles-popup-subtitle{font-size:1.1rem}.subtitles-progress-circle,.subtitles-progress-ring{width:200px;height:200px}.subtitles-progress-logo,.subtitles-progress-logo img{width:120px;height:120px}.subtitles-progress-percentage-box{font-size:2.2rem;padding:1.2rem 1.8rem;min-width:90px}}@media (max-width: 480px){.subtitles-popup-content-landscape{padding:2rem;gap:2rem;max-width:400px}.subtitles-popup-title{font-size:1.8rem;margin-bottom:1rem}.subtitles-popup-subtitle{font-size:1rem;margin-bottom:2rem}.subtitles-progress-circle,.subtitles-progress-ring{width:160px;height:160px}.subtitles-progress-logo,.subtitles-progress-logo img{width:100px;height:100px}.subtitles-progress-percentage-box{font-size:1.8rem;padding:1rem 1.5rem;min-width:70px}}.subtitlesclip-loading-popup{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .3s ease-out}.subtitlesclip-popup-content-landscape{background:#fff;border-radius:32px;padding:3rem;max-width:1000px;width:95%;box-shadow:0 32px 64px #00000026;position:relative;animation:slideInUp .4s ease-out;display:flex;align-items:center;gap:5rem;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.subtitlesclip-popup-left{flex:1;text-align:left}.subtitlesclip-popup-right{flex:0 0 auto;display:flex;justify-content:center;align-items:center}.subtitlesclip-popup-title{font-size:2.5rem;font-weight:800;color:#0f172a;margin:0 0 1.5rem;line-height:1.1;letter-spacing:-.02em;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.subtitlesclip-popup-subtitle{font-size:1.2rem;color:#64748b;margin:0 0 2.5rem;line-height:1.6;font-weight:400;letter-spacing:-.01em}.subtitlesclip-progress-circle{position:relative;width:220px;height:220px;margin:0 auto}.subtitlesclip-progress-ring{transform:rotate(-90deg);width:100%;height:100%;position:absolute;top:0;left:0}.subtitlesclip-progress-ring-circle{fill:none;stroke-linecap:round}.subtitlesclip-progress-ring-fill{transition:stroke-dashoffset .3s ease}.subtitlesclip-progress-logo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:160px;height:160px;z-index:10;display:flex;align-items:center;justify-content:center;pointer-events:none;background:transparent}.subtitlesclip-progress-logo img{width:160px;height:160px;display:block;margin:0;padding:0;border:none;outline:none;background:transparent;mix-blend-mode:normal;filter:drop-shadow(0 4px 12px rgba(59,130,246,.3))}.subtitlesclip-progress-percentage-box{background:linear-gradient(135deg,#fff,#f8fafc);border-radius:20px;padding:1.5rem 2rem;box-shadow:0 8px 32px #0000001f;border:1px solid rgba(139,92,246,.1);font-size:2.5rem;font-weight:800;background:linear-gradient(135deg,#8b5cf6,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-align:center;min-width:100px;display:inline-block;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;letter-spacing:-.02em;position:relative;overflow:hidden}.subtitlesclip-progress-percentage-box:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(139,92,246,.1),transparent);animation:shimmer 3s infinite}@media (max-width: 1024px) and (min-width: 769px){.subtitlesclip-popup-content-landscape{max-width:900px;gap:4rem;padding:2.5rem}.subtitlesclip-progress-circle,.subtitlesclip-progress-ring{width:200px;height:200px}.subtitlesclip-progress-logo,.subtitlesclip-progress-logo img{width:140px;height:140px}.subtitlesclip-popup-title{font-size:2.2rem}.subtitlesclip-popup-subtitle{font-size:1.1rem}.subtitlesclip-progress-percentage-box{font-size:2.2rem}}@media (max-width: 768px){.subtitlesclip-popup-content-landscape{flex-direction:column;gap:2.5rem;padding:2.5rem;margin:1rem;max-width:600px}.subtitlesclip-popup-left{text-align:center}.subtitlesclip-popup-title{font-size:2rem}.subtitlesclip-popup-subtitle{font-size:1.1rem}.subtitlesclip-progress-circle,.subtitlesclip-progress-ring{width:200px;height:200px}.subtitlesclip-progress-logo,.subtitlesclip-progress-logo img{width:120px;height:120px}.subtitlesclip-progress-percentage-box{font-size:2.2rem;padding:1.2rem 1.8rem;min-width:90px}}@media (max-width: 480px){.subtitlesclip-popup-content-landscape{padding:2rem;gap:2rem;max-width:400px}.subtitlesclip-popup-title{font-size:1.8rem;margin-bottom:1rem}.subtitlesclip-popup-subtitle{font-size:1rem;margin-bottom:2rem}.subtitlesclip-progress-circle,.subtitlesclip-progress-ring{width:160px;height:160px}.subtitlesclip-progress-logo,.subtitlesclip-progress-logo img{width:100px;height:100px}.subtitlesclip-progress-percentage-box{font-size:1.8rem;padding:1rem 1.5rem;min-width:70px}}.fichier-dashboard{margin-top:75px!important;padding:2rem;max-width:1400px;margin:0 auto;display:flex;flex-direction:column;gap:2rem}.fichier-hero{background:linear-gradient(135deg,#5d5fef,#9b51e0);border-radius:24px;padding:3rem;color:#fff;text-align:center;position:relative;overflow:hidden;box-shadow:0 20px 60px #5d5fef4d;border:1px solid rgba(255,255,255,.1)}.fichier-hero:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);animation:shimmer 3s infinite}.fichier-hero-content{position:relative;z-index:2}.fichier-hero-icon{width:80px;height:80px;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;font-size:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.3);filter:drop-shadow(0 4px 12px rgba(0,0,0,.2))}.fichier-hero-title{font-size:3rem;font-weight:800;margin:0 0 1rem;line-height:1.2;color:#fff}.fichier-hero-title .fichier-highlight{background:linear-gradient(135deg,gold,#ffed4e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.fichier-hero-subtitle{font-size:1.2rem;margin:0 0 2rem;opacity:.9;line-height:1.6;max-width:600px;margin-left:auto;margin-right:auto}.fichier-upload-section{background:linear-gradient(135deg,#fffffff2,#ffffffd9);border-radius:20px;padding:2.5rem;box-shadow:0 10px 40px #5d5fef1a;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:relative;overflow:hidden}.fichier-upload-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#5d5fef05,#9b51e005);pointer-events:none}.fichier-upload-title{font-size:1.5rem;font-weight:700;margin:0 0 1.5rem;color:#1f2937;text-align:center;position:relative;z-index:2;letter-spacing:-.01em}.fichier-file-input{display:none}.fichier-upload-box{border:3px dashed rgba(93,95,239,.2);border-radius:16px;padding:3rem 2rem;text-align:center;cursor:pointer;transition:all .3s ease;background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;z-index:2}.fichier-upload-box:hover{border-color:#5d5fef;background:#fffffff2;transform:translateY(-2px);box-shadow:0 8px 25px #5d5fef26}.fichier-upload-box.dragover{border-color:#5d5fef;background:#fffffff2;transform:scale(1.02);box-shadow:0 8px 25px #5d5fef33}.fichier-upload-icon{width:80px;height:80px;margin:0 auto 1.5rem;color:#9ca3af;transition:color .3s ease;filter:drop-shadow(0 2px 8px rgba(0,0,0,.1))}.fichier-upload-box:hover .fichier-upload-icon{color:#5d5fef}.fichier-upload-text{font-size:1.1rem;color:#374151;margin:0 0 .5rem;font-weight:500}.fichier-upload-link{color:#5d5fef;font-weight:600;text-decoration:underline}.fichier-upload-formats{font-size:.9rem;color:#6b7280;margin:0}.fichier-selected-file{background:linear-gradient(135deg,#fffffff2,#ffffffd9);border-radius:16px;padding:2rem;box-shadow:0 4px 20px #5d5fef1a;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);margin-bottom:2rem;display:flex;align-items:center;gap:1.5rem;position:relative;overflow:hidden}.fichier-selected-file:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#5d5fef05,#9b51e005);pointer-events:none}.fichier-file-icon{width:60px;height:60px;background:linear-gradient(135deg,#5d5fef,#9b51e0);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem;flex-shrink:0;filter:drop-shadow(0 4px 12px rgba(93,95,239,.3));position:relative;z-index:2}.fichier-file-details{flex:1;display:flex;flex-direction:column;gap:.5rem;position:relative;z-index:2}.fichier-file-name{font-size:1.1rem;font-weight:600;color:#1f2937}.fichier-file-size{font-size:.9rem;color:#6b7280}.fichier-change-file-btn{background:linear-gradient(135deg,#5d5fef,#9b51e0);color:#fff;border:none;padding:.875rem 1.75rem;border-radius:12px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #5d5fef4d;flex-shrink:0;position:relative;z-index:2}.fichier-change-file-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #5d5fef66}.fichier-format-section{background:#fff;border-radius:20px;padding:2.5rem;box-shadow:0 10px 30px #0000001a;border:1px solid #e5e7eb}.fichier-format-title{font-size:1.5rem;font-weight:700;margin:0 0 2rem;color:#1f2937;text-align:center}.fichier-format-dropdown{position:relative;max-width:500px;margin:0 auto}.fichier-format-header{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:2px solid #e2e8f0;border-radius:16px;padding:1.25rem 1.5rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:space-between;font-weight:600;color:#374151}.fichier-format-header:hover{border-color:#667eea;background:linear-gradient(135deg,#eff6ff,#dbeafe);transform:translateY(-2px)}.fichier-format-header.open{border-color:#667eea;background:linear-gradient(135deg,#eff6ff,#dbeafe);box-shadow:0 0 0 3px #667eea1a}.fichier-format-arrow{transition:transform .3s ease;color:#6b7280}.fichier-format-header.open .fichier-format-arrow{transform:rotate(180deg);color:#667eea}.fichier-format-menu{position:absolute;top:100%;left:0;right:0;background:#fff;border:2px solid #e2e8f0;border-radius:16px;margin-top:.5rem;box-shadow:0 20px 40px #00000026;z-index:1000;max-height:300px;overflow-y:auto;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s ease}.fichier-format-menu.show{opacity:1;visibility:visible;transform:translateY(0)}.fichier-format-option{padding:1rem 1.5rem;cursor:pointer;transition:all .2s ease;border-bottom:1px solid #f1f5f9;color:#374151;font-weight:500}.fichier-format-option:last-child{border-bottom:none}.fichier-format-option:hover{background:#f8fafc;color:#667eea}.fichier-format-option.selected{background:linear-gradient(135deg,#eff6ff,#dbeafe);color:#667eea;font-weight:600}.fichier-error{background:#fef2f2;color:#991b1b;border:1px solid #fecaca;border-radius:12px;padding:1rem 1.5rem;margin:1.5rem 0;display:flex;align-items:center;gap:.75rem;font-weight:500}.fichier-error svg{color:#dc2626;flex-shrink:0}.fichier-generate-section{background:linear-gradient(135deg,#fffffff2,#ffffffd9);border-radius:20px;padding:2.5rem;box-shadow:0 10px 40px #5d5fef1a;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:relative;overflow:hidden;text-align:center}.fichier-generate-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#5d5fef05,#9b51e005);pointer-events:none}.fichier-generate-button{background:linear-gradient(135deg,#5d5fef,#9b51e0);color:#fff;border:none;padding:1.25rem 3rem;border-radius:16px;font-weight:700;font-size:1.1rem;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 25px #5d5fef4d;min-width:200px;position:relative;z-index:2}.fichier-generate-button:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 12px 35px #5d5fef66}.fichier-generate-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.fichier-generate-button.processing{background:linear-gradient(135deg,#f093fb,#f5576c);cursor:not-allowed}@media (max-width: 1024px){.fichier-dashboard{padding:1.5rem}.fichier-hero{padding:2rem}.fichier-hero-title{font-size:2.5rem}}@media (max-width: 768px){.fichier-dashboard{padding:1rem;margin-top:60px!important}.fichier-hero{padding:1.5rem}.fichier-hero-title{font-size:2rem}.fichier-hero-subtitle{font-size:1rem}.fichier-upload-section,.fichier-format-section,.fichier-generate-section{padding:1.5rem}.fichier-upload-title,.fichier-format-title{font-size:1.25rem}.fichier-selected-file{flex-direction:column;text-align:center;gap:1rem}.fichier-generate-button{padding:1rem 2rem;font-size:1rem;min-width:180px}.fichier-generate-section{margin-bottom:150px!important}}@media (max-width: 480px){.fichier-hero-title{font-size:1.75rem}.fichier-hero-icon{width:60px;height:60px;font-size:1.5rem}.fichier-upload-box{padding:2rem 1rem}.fichier-upload-icon{width:60px;height:60px}.fichier-upload-text{font-size:1rem}.fichier-upload-formats{font-size:.8rem}.fichier-format-header{padding:1rem 1.25rem}}.fichier-loading-popup{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .3s ease-out}.fichier-popup-content-landscape{background:#fff;border-radius:32px;padding:3rem;max-width:1000px;width:95%;box-shadow:0 32px 64px #00000026;position:relative;animation:slideInUp .4s ease-out;display:flex;align-items:center;gap:5rem;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.fichier-popup-left{flex:1;text-align:left}.fichier-popup-right{flex:0 0 auto;display:flex;justify-content:center;align-items:center}.fichier-popup-title{font-size:2.5rem;font-weight:800;color:#0f172a;margin:0 0 1.5rem;line-height:1.1;letter-spacing:-.02em;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.fichier-popup-subtitle{font-size:1.2rem;color:#64748b;margin:0 0 2.5rem;line-height:1.6;font-weight:400;letter-spacing:-.01em}.fichier-progress-circle{position:relative;width:220px;height:220px;margin:0 auto}.fichier-progress-ring{transform:rotate(-90deg);width:100%;height:100%;position:absolute;top:0;left:0}.fichier-progress-ring-circle{fill:none;stroke-linecap:round}.fichier-progress-ring-fill{transition:stroke-dashoffset .3s ease}.fichier-progress-logo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:160px;height:160px;z-index:10;display:flex;align-items:center;justify-content:center;pointer-events:none;background:transparent}.fichier-progress-logo img{width:160px;height:160px;display:block;margin:0;padding:0;border:none;outline:none;background:transparent;mix-blend-mode:normal;filter:drop-shadow(0 4px 12px rgba(59,130,246,.3))}.fichier-progress-percentage-box{background:linear-gradient(135deg,#fff,#f8fafc);border-radius:20px;padding:1.5rem 2rem;box-shadow:0 8px 32px #0000001f;border:1px solid rgba(139,92,246,.1);font-size:2.5rem;font-weight:800;background:linear-gradient(135deg,#8b5cf6,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-align:center;min-width:100px;display:inline-block;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;letter-spacing:-.02em;position:relative;overflow:hidden}.fichier-progress-percentage-box:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(139,92,246,.1),transparent);animation:shimmer 3s infinite}@media (max-width: 1024px) and (min-width: 769px){.fichier-popup-content-landscape{max-width:900px;gap:4rem;padding:2.5rem}.fichier-progress-circle,.fichier-progress-ring{width:200px;height:200px}.fichier-progress-logo,.fichier-progress-logo img{width:140px;height:140px}.fichier-popup-title{font-size:2.2rem}.fichier-popup-subtitle{font-size:1.1rem}.fichier-progress-percentage-box{font-size:2.2rem}}@media (max-width: 768px){.fichier-popup-content-landscape{flex-direction:column;gap:2.5rem;padding:2.5rem;margin:1rem;max-width:600px}.fichier-popup-left{text-align:center}.fichier-popup-title{font-size:2rem}.fichier-popup-subtitle{font-size:1.1rem}.fichier-progress-circle,.fichier-progress-ring{width:200px;height:200px}.fichier-progress-logo,.fichier-progress-logo img{width:120px;height:120px}.fichier-progress-percentage-box{font-size:2.2rem;padding:1.2rem 1.8rem;min-width:90px}}@media (max-width: 480px){.fichier-popup-content-landscape{padding:2rem;gap:2rem;max-width:400px}.fichier-popup-title{font-size:1.8rem;margin-bottom:1rem}.fichier-popup-subtitle{font-size:1rem;margin-bottom:2rem}.fichier-progress-circle,.fichier-progress-ring{width:160px;height:160px}.fichier-progress-logo,.fichier-progress-logo img{width:100px;height:100px}.fichier-progress-percentage-box{font-size:1.8rem;padding:1rem 1.5rem;min-width:70px}}.fichier-trimming-section{background:linear-gradient(135deg,#fffffff2,#ffffffd9);border-radius:20px;padding:2.5rem;box-shadow:0 10px 40px #5d5fef1a;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:relative;overflow:hidden;margin:2rem 0}.fichier-trimming-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#8b5cf60d,#3b82f60d);pointer-events:none}.fichier-trimming-title{font-size:1.5rem;font-weight:700;color:#1a202c;margin-bottom:.75rem;position:relative;z-index:1}.fichier-trimming-subtitle{color:#718096;margin-bottom:2rem;font-size:1rem;line-height:1.6;position:relative;z-index:1}.fichier-trimming-inputs{display:grid;grid-template-columns:1fr 1fr;gap:2rem;position:relative;z-index:1}.fichier-trimming-input-group{display:flex;flex-direction:column}.fichier-trimming-label{font-weight:600;color:#2d3748;margin-bottom:.75rem;font-size:1rem}.fichier-trimming-input{padding:1rem;border:2px solid #e2e8f0;border-radius:12px;font-size:1rem;transition:all .3s ease;background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.fichier-trimming-input:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 4px #8b5cf61a;transform:translateY(-2px)}.fichier-trimming-input::placeholder{color:#a0aec0;font-style:italic}@media (max-width: 768px){.fichier-trimming-inputs{grid-template-columns:1fr;gap:1.5rem}.fichier-trimming-section{padding:1.5rem}.fichier-trimming-title{font-size:1.25rem}.fichier-trimming-subtitle{font-size:.9rem}}.remove-dashboard{margin-top:75px!important;padding:2rem;max-width:1400px;margin:0 auto;display:flex;flex-direction:column;gap:2rem}.remove-main-content{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:2rem}.remove-left-panel,.remove-right-panel{display:flex;flex-direction:column}.remove-hero{background:linear-gradient(135deg,#5d5fef,#9b51e0);border-radius:24px;padding:3rem;color:#fff;text-align:center;position:relative;overflow:hidden;box-shadow:0 20px 60px #5d5fef4d;border:1px solid rgba(255,255,255,.1)}.remove-hero:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);animation:shimmer 3s infinite}.remove-hero-content{position:relative;z-index:2}.remove-hero-icon{width:80px;height:80px;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;font-size:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.3);filter:drop-shadow(0 4px 12px rgba(0,0,0,.2))}.remove-hero-title{font-size:3rem;font-weight:800;margin:0 0 1rem;line-height:1.2;color:#fff}.remove-hero-title .remove-highlight{background:linear-gradient(135deg,gold,#ffed4e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.remove-hero-subtitle{font-size:1.2rem;margin:0 0 2rem;opacity:.9;line-height:1.6;max-width:600px;margin-left:auto;margin-right:auto}.remove-upload-section{background:linear-gradient(135deg,#fffffff2,#ffffffd9);border-radius:20px;padding:2.5rem;box-shadow:0 10px 40px #5d5fef1a;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:relative;overflow:hidden;height:fit-content}.remove-upload-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#5d5fef05,#9b51e005);pointer-events:none}.remove-upload-title{font-size:1.5rem;font-weight:700;margin:0 0 1.5rem;color:#1f2937;text-align:center;position:relative;z-index:2;letter-spacing:-.01em}.remove-file-input{display:none}.remove-upload-box{border:3px dashed rgba(93,95,239,.2);border-radius:16px;padding:3rem 2rem;text-align:center;cursor:pointer;transition:all .3s ease;background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;z-index:2}.remove-upload-box:hover{border-color:#5d5fef;background:#fffffff2;transform:translateY(-2px);box-shadow:0 8px 25px #5d5fef26}.remove-upload-box.dragover{border-color:#5d5fef;background:#fffffff2;transform:scale(1.02);box-shadow:0 8px 25px #5d5fef33}.remove-upload-icon{width:80px;height:80px;margin:0 auto 1.5rem;color:#9ca3af;transition:color .3s ease;filter:drop-shadow(0 2px 8px rgba(0,0,0,.1))}.remove-upload-box:hover .remove-upload-icon{color:#5d5fef}.remove-upload-text{font-size:1.1rem;color:#374151;margin:0 0 .5rem;font-weight:500}.remove-upload-link{color:#5d5fef;font-weight:600;text-decoration:underline}.remove-upload-formats{font-size:.9rem;color:#6b7280;margin:0}.remove-preview-container{background:linear-gradient(135deg,#fffffff2,#ffffffd9);border-radius:16px;padding:2rem;box-shadow:0 4px 20px #5d5fef1a;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);margin-bottom:2rem;text-align:center;position:relative;overflow:hidden}.remove-preview-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#5d5fef05,#9b51e005);pointer-events:none}.remove-image-preview{width:100%;max-width:400px;height:auto;border-radius:12px;margin:0 auto 1.5rem;display:block;box-shadow:0 8px 25px #5d5fef26;border:1px solid rgba(93,95,239,.1);position:relative;z-index:2}.remove-change-file-btn{background:linear-gradient(135deg,#5d5fef,#9b51e0);color:#fff;border:none;padding:.875rem 1.75rem;border-radius:12px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #5d5fef4d;display:block;margin:0 auto;position:relative;z-index:2}.remove-change-file-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #5d5fef66}.remove-result-section{background:linear-gradient(135deg,#fffffff2,#ffffffd9);border-radius:20px;padding:2.5rem;box-shadow:0 10px 40px #5d5fef1a;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:relative;overflow:hidden;height:fit-content}.remove-result-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#5d5fef05,#9b51e005);pointer-events:none}.remove-result-title{font-size:1.5rem;font-weight:700;margin:0 0 1.5rem;color:#1f2937;text-align:center;position:relative;z-index:2;letter-spacing:-.01em}.remove-result-container{text-align:center;position:relative;z-index:2}.remove-result-image{width:100%;max-width:400px;height:auto;border-radius:12px;margin:0 auto 1.5rem;display:block;box-shadow:0 8px 25px #5d5fef26;border:1px solid rgba(93,95,239,.1)}.remove-download-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:.875rem 1.75rem;border-radius:12px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #10b9814d;display:inline-flex;align-items:center;gap:.5rem}.remove-download-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #10b98166}.remove-result-placeholder{text-align:center;padding:3rem 2rem;color:#9ca3af}.remove-result-icon{margin-bottom:1rem;opacity:.5}.remove-result-text{font-size:1rem;color:#6b7280;margin:0;line-height:1.5}.remove-info-section{background:linear-gradient(135deg,#fffffff2,#ffffffd9);border-radius:20px;padding:2.5rem;box-shadow:0 10px 40px #5d5fef1a;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:relative;overflow:hidden}.remove-info-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#5d5fef05,#9b51e005);pointer-events:none}.remove-info-card{display:flex;align-items:center;gap:1.5rem;text-align:left;position:relative;z-index:2}.remove-info-icon{width:60px;height:60px;background:linear-gradient(135deg,#5d5fef,#9b51e0);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem;flex-shrink:0;filter:drop-shadow(0 4px 12px rgba(93,95,239,.3))}.remove-info-text h3{font-size:1.25rem;font-weight:700;color:#1f2937;margin:0 0 .5rem}.remove-info-text p{font-size:1rem;color:#6b7280;margin:0;line-height:1.5}.remove-error{background:#fef2f2;color:#991b1b;border:1px solid #fecaca;border-radius:12px;padding:1rem 1.5rem;margin:1.5rem 0;display:flex;align-items:center;gap:.75rem;font-weight:500}.remove-error svg{color:#dc2626;flex-shrink:0}.remove-generate-section{text-align:center;margin-top:1.5rem;position:relative;z-index:2}.remove-generate-button{background:linear-gradient(135deg,#5d5fef,#9b51e0);color:#fff;border:none;padding:1.25rem 3rem;border-radius:16px;font-weight:700;font-size:1.1rem;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 25px #5d5fef4d;min-width:200px}.remove-generate-button:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 12px 35px #5d5fef66}.remove-generate-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.remove-generate-button.processing{background:linear-gradient(135deg,#f093fb,#f5576c);cursor:not-allowed}@media (max-width: 1024px){.remove-dashboard{padding:1.5rem}.remove-hero{padding:2rem}.remove-hero-title{font-size:2.5rem}.remove-main-content{grid-template-columns:1fr;gap:1.5rem}}@media (max-width: 768px){.remove-dashboard{padding:1rem;margin-top:60px!important}.remove-hero{padding:1.5rem}.remove-hero-title{font-size:2rem}.remove-hero-subtitle{font-size:1rem}.remove-upload-section,.remove-info-section,.remove-result-section{padding:1.5rem}.remove-upload-title,.remove-result-title{font-size:1.25rem}.remove-info-card{flex-direction:column;text-align:center;gap:1rem}.remove-generate-button{padding:1rem 2rem;font-size:1rem;min-width:180px}.remove-main-content{grid-template-columns:1fr;gap:1rem}}@media (max-width: 480px){.remove-hero-title{font-size:1.75rem}.remove-hero-icon{width:60px;height:60px;font-size:1.5rem}.remove-upload-box{padding:2rem 1rem}.remove-upload-icon{width:60px;height:60px}.remove-upload-text{font-size:1rem}.remove-upload-formats{font-size:.8rem}.remove-info-icon{width:50px;height:50px;font-size:1.25rem}.remove-image-preview,.remove-result-image{max-width:100%}}.remove-loading-popup{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .3s ease-out}.remove-popup-content-landscape{background:#fff;border-radius:32px;padding:3rem;max-width:1000px;width:95%;box-shadow:0 32px 64px #00000026;position:relative;animation:slideInUp .4s ease-out;display:flex;align-items:center;gap:5rem;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.remove-popup-left{flex:1;text-align:left}.remove-popup-right{flex:0 0 auto;display:flex;justify-content:center;align-items:center}.remove-popup-title{font-size:2.5rem;font-weight:800;color:#0f172a;margin:0 0 1.5rem;line-height:1.1;letter-spacing:-.02em;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.remove-popup-subtitle{font-size:1.2rem;color:#64748b;margin:0 0 2.5rem;line-height:1.6;font-weight:400;letter-spacing:-.01em}.remove-progress-circle{position:relative;width:220px;height:220px;margin:0 auto}.remove-progress-ring{transform:rotate(-90deg);width:100%;height:100%;position:absolute;top:0;left:0}.remove-progress-ring-circle{fill:none;stroke-linecap:round}.remove-progress-ring-fill{transition:stroke-dashoffset .3s ease}.remove-progress-logo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:160px;height:160px;z-index:10;display:flex;align-items:center;justify-content:center;pointer-events:none;background:transparent}.remove-progress-logo img{width:160px;height:160px;display:block;margin:0;padding:0;border:none;outline:none;background:transparent;mix-blend-mode:normal;filter:drop-shadow(0 4px 12px rgba(59,130,246,.3))}.remove-progress-percentage-box{background:linear-gradient(135deg,#fff,#f8fafc);border-radius:20px;padding:1.5rem 2rem;box-shadow:0 8px 32px #0000001f;border:1px solid rgba(139,92,246,.1);font-size:2.5rem;font-weight:800;background:linear-gradient(135deg,#8b5cf6,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-align:center;min-width:100px;display:inline-block;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;letter-spacing:-.02em;position:relative;overflow:hidden}.remove-progress-percentage-box:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(139,92,246,.1),transparent);animation:shimmer 3s infinite}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:translate(-50%,-50%) scale(1);box-shadow:0 4px 15px #3b82f64d}50%{transform:translate(-50%,-50%) scale(1.05);box-shadow:0 6px 20px #3b82f666}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media (max-width: 1024px) and (min-width: 769px){.remove-popup-content-landscape{max-width:900px;gap:4rem;padding:2.5rem}.remove-progress-circle,.remove-progress-ring{width:200px;height:200px}.remove-progress-logo,.remove-progress-logo img{width:140px;height:140px}.remove-popup-title{font-size:2.2rem}.remove-popup-subtitle{font-size:1.1rem}.remove-progress-percentage-box{font-size:2.2rem}}@media (max-width: 768px){.remove-popup-content-landscape{flex-direction:column;gap:2.5rem;padding:2.5rem;margin:1rem;max-width:600px}.remove-popup-left{text-align:center}.remove-popup-title{font-size:2rem}.remove-popup-subtitle{font-size:1.1rem}.remove-progress-circle,.remove-progress-ring{width:200px;height:200px}.remove-progress-logo,.remove-progress-logo img{width:120px;height:120px}.remove-progress-percentage-box{font-size:2.2rem;padding:1.2rem 1.8rem;min-width:90px}}@media (max-width: 480px){.remove-popup-content-landscape{padding:2rem;gap:2rem;max-width:400px}.remove-popup-title{font-size:1.8rem;margin-bottom:1rem}.remove-popup-subtitle{font-size:1rem;margin-bottom:2rem}.remove-progress-circle,.remove-progress-ring{width:160px;height:160px}.remove-progress-logo,.remove-progress-logo img{width:100px;height:100px}.remove-progress-percentage-box{font-size:1.8rem;padding:1rem 1.5rem;min-width:70px}}.video-generator-container{max-width:800px;margin:0 auto;padding:1.5rem;min-height:calc(100vh - 200px);display:flex;flex-direction:column;gap:1.5rem}.video-generator-header{text-align:center;margin-bottom:1.5rem;position:relative}.header-icon{font-size:2.5rem;margin-bottom:.5rem;display:inline-block;animation:float 3s ease-in-out infinite}.video-generator-header h1{font-size:2.2rem;font-weight:800;background:linear-gradient(135deg,#5d5fef,#9b51e0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem;letter-spacing:-.02em}.video-generator-header p{font-size:1rem;color:#64748b;line-height:1.5;max-width:500px;margin:0 auto;font-weight:400}.video-generator-form{margin-bottom:100px!important;background:linear-gradient(135deg,#fffffff2,#ffffffd9);border-radius:20px;padding:2rem 2rem 1rem;box-shadow:0 10px 40px #5d5fef1a;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);flex:1}.form-section,.form-group{margin-bottom:1rem}.form-group label{display:flex;align-items:center;gap:.5rem;font-weight:700;color:#1e293b;margin-bottom:.5rem;font-size:1rem}.label-required{color:#ef4444;font-weight:800}.textarea-container{position:relative}.prompt-textarea{width:100%;padding:1rem;border:2px solid #e2e8f0;border-radius:12px;font-size:1rem;font-family:inherit;resize:vertical;transition:all .3s ease;background:#f8fafc;min-height:100px;line-height:1.5}.prompt-textarea:focus{outline:none;border-color:#5d5fef;box-shadow:0 0 0 3px #5d5fef1a;background:#fff}.prompt-textarea:disabled{background-color:#f1f5f9;cursor:not-allowed;opacity:.7}.character-count{position:absolute;bottom:.5rem;right:.5rem;font-size:.8rem;color:#64748b;font-weight:500}.video-options{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1rem 0}.option-group{display:flex;flex-direction:column}.resolution-display{display:flex;flex-direction:column;gap:.25rem;padding:.75rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:.5rem;border-left:3px solid #5D5FEF}.resolution-value{font-size:1rem;font-weight:600;color:#1e293b}.resolution-info{font-size:.875rem;color:#64748b;font-style:italic}.option-group label{display:flex;align-items:center;gap:.5rem;font-weight:700;color:#1e293b;margin-bottom:.5rem;font-size:.9rem}.option-select{padding:.75rem 2.5rem .75rem .75rem;border:2px solid #e2e8f0;border-radius:8px;font-size:.9rem;font-family:inherit;background:#f8fafc;color:#1e293b;transition:all .3s ease;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .75rem center;background-size:1rem}.option-select:focus{outline:none;border-color:#5d5fef;box-shadow:0 0 0 3px #5d5fef1a;background:#fff}.option-select:disabled{background-color:#f1f5f9;cursor:not-allowed;opacity:.7}.ai-info{margin-top:.5rem;display:flex;justify-content:center}.ai-badge{display:flex;align-items:center;gap:.5rem;background:transparent;color:#64748b;padding:.5rem 0;border-radius:0;font-weight:400;font-size:.8rem;box-shadow:none;border:none}.ai-icon{font-size:1rem}.generate-section{margin-top:.25rem;margin-bottom:0}.generate-button{width:100%;padding:1rem 1.5rem;background:linear-gradient(135deg,#5d5fef,#9b51e0);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;position:relative;overflow:hidden;text-transform:uppercase;letter-spacing:.5px}.generate-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.generate-button:hover:not(:disabled):before{left:100%}.generate-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 25px #5d5fef66}.generate-button:disabled{background:#94a3b8;cursor:not-allowed;transform:none;box-shadow:none}.spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-message{background:linear-gradient(135deg,#fef2f2,#fee2e2);color:#dc2626;padding:1.5rem;border-radius:12px;margin-bottom:1.5rem;border:1px solid #fecaca;display:flex;align-items:center;gap:.75rem;font-weight:600}.error-icon{font-size:1.2rem}.progress-container{margin-top:1rem;background:#f8fafc;border-radius:12px;padding:1rem;border:1px solid #e2e8f0}.progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.progress-label{font-weight:700;color:#1e293b;font-size:.9rem}.progress-percentage{font-weight:800;color:#5d5fef;font-size:1rem}.progress-bar{width:100%;height:8px;background:#e2e8f0;border-radius:4px;overflow:hidden;margin-bottom:.75rem}.progress-fill{height:100%;background:linear-gradient(90deg,#5d5fef,#9b51e0);transition:width .5s ease;border-radius:4px}.progress-steps{display:flex;justify-content:space-between;gap:.5rem}.step{display:flex;flex-direction:column;align-items:center;gap:.25rem;flex:1;opacity:.5;transition:all .3s ease}.step.active{opacity:1}.step-icon{width:24px;height:24px;border-radius:50%;background:#e2e8f0;display:flex;align-items:center;justify-content:center;font-weight:700;color:#64748b;transition:all .3s ease;font-size:.8rem}.step.active .step-icon{background:linear-gradient(135deg,#5d5fef,#9b51e0);color:#fff;box-shadow:0 2px 8px #5d5fef4d}.step span:last-child{font-size:.7rem;font-weight:600;color:#64748b;text-align:center}.download-container{margin-top:1rem;text-align:center}.download-success{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:1rem;padding:1rem;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-radius:12px;font-weight:600}.success-icon{font-size:1.2rem}.success-text{font-size:1rem}.download-button{display:inline-flex;align-items:center;gap:.5rem;padding:1rem 2rem;background:linear-gradient(135deg,#5d5fef,#9b51e0);color:#fff;text-decoration:none;border-radius:12px;font-weight:700;font-size:1rem;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.download-button:hover{transform:translateY(-2px);box-shadow:0 10px 25px #5d5fef66;color:#fff;text-decoration:none}.video-preview-container{margin-top:1.5rem;background:#f8fafc;border-radius:16px;padding:1.5rem;border:1px solid #e2e8f0}.video-preview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.video-preview-header h3{font-size:1.2rem;font-weight:700;color:#1e293b;margin:0}.success-badge{display:flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:.5rem 1rem;border-radius:20px;font-weight:600;font-size:.9rem}.video-preview-wrapper{margin-bottom:1.5rem;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #0000001a}.video-preview-player{width:100%;height:auto;max-height:400px;object-fit:cover;background:#000}.video-preview-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.download-video-button{display:inline-flex;align-items:center;gap:.5rem;padding:1rem 2rem;background:linear-gradient(135deg,#5d5fef,#9b51e0);color:#fff;text-decoration:none;border-radius:12px;font-weight:700;font-size:1rem;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.download-video-button:hover{transform:translateY(-2px);box-shadow:0 10px 25px #5d5fef66;color:#fff;text-decoration:none}.generate-new-button{display:inline-flex;align-items:center;gap:.5rem;padding:1rem 2rem;background:linear-gradient(135deg,#64748b,#475569);color:#fff;border:none;border-radius:12px;font-weight:700;font-size:1rem;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.generate-new-button:hover{transform:translateY(-2px);box-shadow:0 10px 25px #64748b66;background:linear-gradient(135deg,#475569,#334155)}@media (max-width: 768px){.video-generator-container{padding:1rem;gap:1rem}.video-generator-header h1{font-size:1.8rem}.video-generator-header p{font-size:.9rem}.video-generator-form{padding:1.5rem 1rem;border-radius:16px}.generate-button{padding:.875rem 1.25rem;font-size:.9rem}.progress-steps{flex-direction:column;gap:.5rem}.step{flex-direction:row;justify-content:flex-start;gap:.5rem}.video-preview-actions{flex-direction:column;gap:.75rem}.download-video-button,.generate-new-button{padding:.875rem 1.5rem;font-size:.9rem}.video-preview-player{max-height:250px}.video-options{grid-template-columns:1fr;gap:.75rem}.option-select{padding:.75rem 2.5rem .75rem .75rem;font-size:.9rem;border:2px solid #e2e8f0;border-radius:8px;background:#f8fafc;color:#1e293b;font-family:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .75rem center;background-size:1rem;transition:all .3s ease}.option-select:focus{outline:none;border-color:#5d5fef;box-shadow:0 0 0 3px #5d5fef1a;background-color:#fff}.option-select:disabled{background-color:#f1f5f9;cursor:not-allowed;opacity:.7}}.video-success-container{margin-top:2rem;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-radius:20px;padding:2rem;border:1px solid #bbf7d0;box-shadow:0 4px 20px #22c55e1a}.video-success-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.video-success-header h3{font-size:1.4rem;font-weight:700;color:#166534;margin:0}.video-success-actions{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.preview-video-button{display:flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#5d5fef,#9b51e0);color:#fff;padding:1rem 2rem;border-radius:12px;border:none;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;min-width:200px;justify-content:center}.preview-video-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #5d5fef4d}.video-result-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.video-result-header h3{font-size:1.4rem;font-weight:700;color:#1e293b;margin:0}.success-badge{display:flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:.85rem;font-weight:600}.success-icon{font-size:1rem}.video-result-wrapper{margin-bottom:1.5rem;border-radius:16px;overflow:hidden;background:#000;box-shadow:0 8px 32px #0003}.video-result-player{width:100%;height:auto;max-height:500px;object-fit:cover;background:#000}.video-result-actions{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.download-video-button{display:flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#5d5fef,#9b51e0);color:#fff;padding:1rem 2rem;border-radius:12px;text-decoration:none;font-weight:600;font-size:1rem;transition:all .3s ease;border:none;cursor:pointer;min-width:200px;justify-content:center}.download-video-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #5d5fef4d;color:#fff;text-decoration:none}.generate-new-button{display:flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#64748b,#475569);color:#fff;padding:1rem 2rem;border-radius:12px;border:none;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;min-width:200px;justify-content:center}.generate-new-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #64748b4d}@media (max-width: 768px){.video-result-container{padding:1.5rem;margin-top:1.5rem}.video-result-header h3{font-size:1.2rem}.video-result-player{max-height:300px}.video-result-actions{flex-direction:column;gap:.75rem}.download-video-button,.generate-new-button{padding:.875rem 1.5rem;font-size:.9rem;min-width:auto}}.video-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.video-modal{background:#fff;border-radius:20px;max-width:90vw;max-height:90vh;width:800px;box-shadow:0 20px 60px #0000004d;overflow:hidden;animation:modalSlideIn .3s ease-out}.video-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-bottom:1px solid #e2e8f0}.video-modal-header h3{font-size:1.4rem;font-weight:700;color:#1e293b;margin:0}.video-modal-close{background:none;border:none;font-size:2rem;color:#64748b;cursor:pointer;padding:.5rem;border-radius:50%;transition:all .3s ease;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.video-modal-close:hover{background:#f1f5f9;color:#1e293b}.video-modal-content{padding:2rem}.video-modal-video{margin-bottom:2rem;border-radius:16px;overflow:hidden;background:#000;box-shadow:0 8px 32px #0003}.video-modal-player{width:100%;height:auto;max-height:60vh;object-fit:cover;background:#000}.video-landscape .video-modal-player{width:100%;height:auto;max-height:60vh;object-fit:cover}.video-portrait .video-modal-player{width:auto;height:60vh;max-width:40vh;object-fit:cover;margin:0 auto;display:block}.player-landscape{width:100%;height:auto;max-height:60vh;object-fit:cover}.player-portrait{width:auto;height:60vh;max-width:40vh;object-fit:cover;margin:0 auto;display:block}.video-modal-actions{display:flex;justify-content:center;gap:1rem}.video-modal-download-button{display:flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#5d5fef,#9b51e0);color:#fff;padding:1rem 2rem;border-radius:12px;text-decoration:none;font-weight:600;font-size:1rem;transition:all .3s ease;min-width:200px;justify-content:center}.video-modal-download-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #5d5fef4d;color:#fff;text-decoration:none}@media (max-width: 768px){.video-modal{width:95vw;max-height:95vh;margin:1rem}.video-modal-header{padding:1rem 1.5rem}.video-modal-header h3{font-size:1.2rem}.video-modal-content{padding:1.5rem}.video-modal-player{max-height:50vh}.video-portrait .video-modal-player,.player-portrait{height:50vh;max-width:30vh}.video-landscape .video-modal-player,.player-landscape{max-height:50vh}.video-modal-actions{flex-direction:column;gap:.75rem}.video-modal-download-button{padding:.875rem 1.5rem;font-size:.9rem;min-width:auto}}.tip-container{display:flex;align-items:flex-start;gap:10px;padding:12px;background:linear-gradient(135deg,#f8f9ff,#e8f0ff);border:1px solid #d1e7ff;border-radius:12px;margin-top:12px;box-shadow:0 2px 8px #5d5fef1a}.tip-container-full{display:flex;align-items:flex-start;gap:10px;padding:12px;background:linear-gradient(135deg,#f8f9ff,#e8f0ff);border:1px solid #d1e7ff;border-radius:12px;margin-top:16px;box-shadow:0 2px 8px #5d5fef1a;width:100%}.tip-icon{font-size:20px;flex-shrink:0;margin-top:2px}.tip-content{flex:1}.tip-title{font-weight:600;font-size:13px;color:#2d3748;margin-bottom:2px}.tip-text{font-size:12px;color:#4a5568;line-height:1.3}@media (max-width: 768px){.tip-container{padding:10px;margin-top:10px}.tip-container-full{padding:10px;margin-top:12px}.tip-icon{font-size:16px}.tip-title{font-size:12px}.tip-text{font-size:11px}}.nanobanana-dashboard{margin-top:75px!important;max-width:1200px;margin:0 auto;padding:1rem;min-height:calc(100vh - 200px);display:flex;flex-direction:column;gap:1rem}.nanobanana-hero{text-align:center;margin-bottom:1rem;padding:1.5rem 1rem;background:linear-gradient(135deg,#5d5fef,#9b51e0);border-radius:16px;color:#fff;position:relative;overflow:hidden;box-shadow:0 20px 60px #5d5fef4d;border:1px solid rgba(255,255,255,.1)}.nanobanana-hero-content{max-width:800px;margin:0 auto}.nanobanana-hero-icon{width:60px;height:60px;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto .75rem;font-size:1.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.3);filter:drop-shadow(0 4px 12px rgba(0,0,0,.2));animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.nanobanana-hero-title{font-size:2rem;font-weight:800;color:#fff;margin-bottom:.5rem;letter-spacing:-.02em;line-height:1.2}.nanobanana-highlight{background:linear-gradient(135deg,gold,#ffed4e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nanobanana-hero-subtitle{font-size:1rem;color:#ffffffe6;line-height:1.5;max-width:600px;margin:0 auto;font-weight:400}.nanobanana-main-generator{background:linear-gradient(135deg,#fffffff2,#ffffffd9);border-radius:16px;padding:1.5rem;box-shadow:0 10px 40px #5d5fef1a;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);margin-bottom:1rem;display:flex;flex-direction:column;gap:1.5rem}.nanobanana-prompt-section,.nanobanana-upload-section{display:flex;flex-direction:column}.nanobanana-upload-title{font-size:1.25rem;font-weight:700;color:#1e293b;margin-bottom:1rem;display:flex;align-items:center;justify-content:space-between}.nanobanana-upload-limit{font-size:.9rem;color:#64748b;background:#f1f5f9;padding:.25rem .75rem;border-radius:12px;font-weight:600}.nanobanana-upload-zone{border:2px dashed #e2e8f0;border-radius:12px;padding:1rem;text-align:center;cursor:pointer;transition:all .3s ease;background:#f8fafc;min-height:120px;display:flex;align-items:center;justify-content:center}.nanobanana-upload-zone:hover:not(.disabled){border-color:#5d5fef;background:#5d5fef0d}.nanobanana-upload-zone.drag-over{border-color:#5d5fef;background:#5d5fef1a;transform:scale(1.02)}.nanobanana-upload-zone.disabled{opacity:.6;cursor:not-allowed}.nanobanana-upload-placeholder{display:flex;flex-direction:column;align-items:center;gap:.5rem}.nanobanana-upload-icon{font-size:2rem;color:#94a3b8}.nanobanana-upload-text{font-size:1rem;color:#64748b;margin:0;font-weight:600}.nanobanana-upload-subtext{font-size:.8rem;color:#94a3b8;margin:0}.nanobanana-uploaded-images{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:.75rem;width:100%}.nanobanana-uploaded-image-item{position:relative;aspect-ratio:1;border-radius:8px;overflow:hidden;border:2px solid #e2e8f0;box-shadow:0 4px 6px #0000001a}.nanobanana-uploaded-image-item img{width:100%;height:100%;object-fit:cover}.nanobanana-remove-image{position:absolute;top:.5rem;right:.5rem;background:#ef4444e6;color:#fff;border:none;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.8rem;transition:all .3s ease}.nanobanana-remove-image:hover{background:#dc2626;transform:scale(1.1)}.nanobanana-add-more{aspect-ratio:1;border:2px dashed #e2e8f0;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;background:#f8fafc;color:#94a3b8;font-size:2rem}.nanobanana-add-more:hover{border-color:#5d5fef;background:#5d5fef0d;color:#5d5fef}.nanobanana-prompt-title{font-size:1.25rem;font-weight:700;color:#1e293b;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.nanobanana-prompt-textarea{width:100%;padding:.75rem;border:2px solid #e2e8f0;border-radius:12px;font-size:1rem;font-family:inherit;resize:vertical;transition:all .3s ease;background:#f8fafc;min-height:120px;line-height:1.5;margin-bottom:.75rem}.nanobanana-prompt-textarea:focus{outline:none;border-color:#5d5fef;box-shadow:0 0 0 3px #5d5fef1a;background:#fff}.nanobanana-prompt-tip{display:flex;align-items:flex-start;gap:.5rem;padding:.75rem;background:linear-gradient(135deg,#5d5fef0d,#9d51e00d);border-radius:8px;border:1px solid rgba(93,95,239,.2);margin-bottom:.75rem}.nanobanana-tip-icon{color:#5d5fef;font-size:1.1rem;margin-top:.1rem;flex-shrink:0}.nanobanana-tip-text{color:#64748b;font-size:.9rem;line-height:1.5;margin:0}.nanobanana-error{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-size:.9rem;margin-top:.5rem}.nanobanana-download-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:.9rem}.nanobanana-download-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #3b82f64d}.nanobanana-info-section{margin-bottom:1rem}.nanobanana-info-card{display:flex;align-items:center;gap:.75rem;padding:1rem;background:linear-gradient(135deg,#5d5fef0d,#9d51e00d);border-radius:8px;border:1px solid rgba(93,95,239,.2)}.nanobanana-info-icon{flex-shrink:0}.nanobanana-info-text h3{font-size:1.1rem;font-weight:700;color:#1e293b;margin:0 0 .5rem}.nanobanana-info-text p{color:#64748b;font-size:.9rem;line-height:1.5;margin:0}.nanobanana-generate-section{text-align:center;margin-bottom:.5rem}.nanobanana-generate-button{background:linear-gradient(135deg,#5d5fef,#9b51e0);color:#fff;border:none;border-radius:12px;padding:1rem 2rem;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #5d5fef4d;min-width:250px}.nanobanana-generate-button:hover:not(.disabled){transform:translateY(-2px);box-shadow:0 6px 20px #5d5fef66}.nanobanana-generate-button.disabled{opacity:.6;cursor:not-allowed;transform:none}.nanobanana-generate-button.generating{background:linear-gradient(135deg,#94a3b8,#64748b);cursor:not-allowed}.nanobanana-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem;animation:fadeIn .3s ease-out}.nanobanana-modal-content{background:#fff;border-radius:24px;max-width:600px;width:100%;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 32px 64px #0000004d;overflow:hidden;border:1px solid rgba(255,255,255,.2);position:relative;animation:slideInUp .4s ease-out}.nanobanana-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 2rem;background:linear-gradient(135deg,#8b5cf6,#a855f7);color:#fff}.nanobanana-modal-header h3{font-size:1.25rem;font-weight:700;color:#fff;margin:0}.nanobanana-modal-close{background:#fff3;border:none;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;transition:all .2s ease}.nanobanana-modal-close:hover{background:#ffffff4d;transform:scale(1.1)}.nanobanana-modal-body{flex:1;display:flex;align-items:center;justify-content:center;padding:1.5rem 2rem;overflow:auto;text-align:center}.nanobanana-modal-image{max-width:100%;max-width:400px;height:auto;object-fit:contain;border-radius:16px;box-shadow:0 8px 32px #8b5cf633;transition:transform .3s ease}.nanobanana-modal-image:hover{transform:scale(1.02)}.nanobanana-modal-footer{padding:1.5rem 2rem;background:linear-gradient(135deg,#8b5cf60d,#a855f70d);border-top:1px solid rgba(139,92,246,.1);display:flex;justify-content:center}.nanobanana-download-button{background:linear-gradient(135deg,#8b5cf6,#a855f7);color:#fff;border:none;padding:.875rem 2rem;border-radius:16px;font-weight:700;font-size:1rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.75rem;box-shadow:0 4px 16px #8b5cf64d;min-width:160px;justify-content:center}.nanobanana-download-button:hover{transform:translateY(-2px);box-shadow:0 8px 24px #8b5cf666}.nanobanana-download-button:active{transform:translateY(0)}.nanobanana-download-button svg{width:18px;height:18px;transition:transform .2s ease}.nanobanana-download-button:hover svg{transform:translateY(1px)}.nanobanana-loading-popup{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .3s ease-out}.nanobanana-popup-content-landscape{background:#fff;border-radius:32px;padding:3rem;max-width:1000px;width:95%;box-shadow:0 32px 64px #00000026;position:relative;animation:slideInUp .4s ease-out;display:flex;align-items:center;gap:5rem;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.nanobanana-popup-left{flex:1;text-align:left}.nanobanana-popup-right{flex:0 0 auto;display:flex;justify-content:center;align-items:center}.nanobanana-popup-title{font-size:2.5rem;font-weight:800;color:#0f172a;margin:0 0 1.5rem;line-height:1.1;letter-spacing:-.02em;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.nanobanana-popup-subtitle{font-size:1.2rem;color:#64748b;margin:0 0 2.5rem;line-height:1.6;font-weight:400;letter-spacing:-.01em}.nanobanana-progress-circle{position:relative;width:220px;height:220px;margin:0 auto}.nanobanana-progress-ring{transform:rotate(-90deg);width:100%;height:100%;position:absolute;top:0;left:0}.nanobanana-progress-ring-circle{fill:none;stroke-linecap:round}.nanobanana-progress-ring-fill{transition:stroke-dashoffset .3s ease}.nanobanana-progress-logo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:160px;height:160px;z-index:10;display:flex;align-items:center;justify-content:center;pointer-events:none;background:transparent}.nanobanana-progress-logo img{width:160px;height:160px;display:block;margin:0;padding:0;border:none;outline:none;background:transparent;mix-blend-mode:normal;filter:drop-shadow(0 4px 12px rgba(59,130,246,.3))}.nanobanana-progress-percentage-box{background:linear-gradient(135deg,#fff,#f8fafc);border-radius:20px;padding:1.5rem 2rem;box-shadow:0 8px 32px #0000001f;border:1px solid rgba(139,92,246,.1);font-size:2.5rem;font-weight:800;background:linear-gradient(135deg,#8b5cf6,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-align:center;min-width:100px;display:inline-block;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;letter-spacing:-.02em;position:relative;overflow:hidden}.nanobanana-progress-percentage-box:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(139,92,246,.1),transparent);animation:shimmer 3s infinite}@media (max-width: 768px){.nanobanana-dashboard{padding:1rem}.nanobanana-hero{padding:2rem 1rem}.nanobanana-hero-title{font-size:2rem}.nanobanana-main-generator{padding:1.5rem}.nanobanana-uploaded-images{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:.75rem}.nanobanana-uploaded-image-item{width:80px;height:80px;box-shadow:0 4px 6px #0000001a}.nanobanana-uploaded-image-item img{border-radius:6px}.nanobanana-add-more{width:80px;height:80px;position:relative;z-index:10;touch-action:manipulation}.nanobanana-upload-zone{padding:1.5rem;min-height:150px}.nanobanana-popup-content-landscape{max-width:900px;gap:4rem;padding:2.5rem}.nanobanana-progress-circle,.nanobanana-progress-ring{width:200px;height:200px}.nanobanana-progress-logo,.nanobanana-progress-logo img{width:140px;height:140px}.nanobanana-modal-content{max-width:95vw;max-height:95vh}}@media (max-width: 768px){.nanobanana-popup-content-landscape{flex-direction:column;gap:2.5rem;padding:2.5rem;margin:1rem;max-width:600px}.nanobanana-popup-left{text-align:center}.nanobanana-popup-title{font-size:2rem}.nanobanana-popup-subtitle{font-size:1.1rem}.nanobanana-progress-circle,.nanobanana-progress-ring{width:180px;height:180px}.nanobanana-progress-logo,.nanobanana-progress-logo img{width:120px;height:120px}}@media (max-width: 480px){.nanobanana-hero-title{font-size:1.75rem}.nanobanana-generate-button{min-width:200px;padding:.875rem 1.5rem;font-size:1rem}.nanobanana-uploaded-images{grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:.5rem}.nanobanana-upload-zone{padding:1rem;min-height:120px}.nanobanana-upload-zone.disabled{opacity:.6;pointer-events:none}.nanobanana-add-more{width:60px;height:60px;border:2px dashed #cbd5e1;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;background:#f8fafc;position:relative;z-index:10;touch-action:manipulation}.nanobanana-add-more:hover{border-color:#8b5cf6;background:#f3f4f6}.nanobanana-add-more svg{font-size:1.5rem;color:#64748b}.nanobanana-uploaded-image-item{width:60px;height:60px;box-shadow:0 4px 6px #0000001a}.nanobanana-uploaded-image-item img{width:100%;height:100%;object-fit:cover;border-radius:6px}.nanobanana-remove-image{width:20px;height:20px;font-size:.75rem;top:2px;right:2px}.nanobanana-upload-icon{font-size:2rem}.nanobanana-upload-text{font-size:1rem}.nanobanana-upload-subtext{font-size:.8rem}.nanobanana-popup-content-landscape{padding:2rem;gap:2rem;max-width:400px}.nanobanana-popup-title{font-size:1.8rem;margin-bottom:1rem}.nanobanana-popup-subtitle{font-size:1rem;margin-bottom:2rem}.nanobanana-progress-circle,.nanobanana-progress-ring{width:160px;height:160px}.nanobanana-progress-logo,.nanobanana-progress-logo img{width:100px;height:100px}}.nanobanana-preview-container{text-align:center;margin-top:.75rem}.nanobanana-uploaded-images{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:1rem;margin-bottom:1rem}.nanobanana-uploaded-image-item{position:relative;aspect-ratio:1;border-radius:.5rem;overflow:hidden;border:2px solid #e2e8f0;box-shadow:0 4px 6px #0000001a}.nanobanana-uploaded-image-item img{width:100%;height:100%;object-fit:cover;display:block}.nanobanana-remove-image{position:absolute;top:.5rem;right:.5rem;background:#ef4444e6;color:#fff;border:none;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.75rem;transition:all .2s ease}.nanobanana-remove-image:hover{background:#dc2626e6;transform:scale(1.1)}.nanobanana-add-more{aspect-ratio:1;border:2px dashed #cbd5e1;border-radius:.5rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;background:#f8fafc;position:relative;z-index:10;touch-action:manipulation}.nanobanana-add-more:hover{border-color:#8b5cf6;background:#f3f4f6}.nanobanana-add-more svg{font-size:2rem;color:#64748b}.nanobanana-upload-box{border:2px dashed rgba(93,95,239,.3);border-radius:16px;padding:2.5rem 2rem;text-align:center;cursor:pointer;transition:all .3s ease;background:linear-gradient(135deg,#5d5fef05,#9b51e005);position:relative;z-index:2}.nanobanana-upload-box:hover,.nanobanana-upload-box.dragover{border-color:#5d5fef;background:linear-gradient(135deg,#5d5fef0d,#9b51e00d);transform:translateY(-2px);box-shadow:0 8px 25px #5d5fef26}.nanobanana-upload-icon{color:#5d5fef;margin-bottom:1rem;font-size:2.5rem;filter:drop-shadow(0 2px 8px rgba(93,95,239,.2))}.nanobanana-upload-text{font-size:1.1rem;font-weight:600;color:#374151;margin-bottom:.5rem}.nanobanana-upload-link{font-size:1rem;color:#6b7280;margin-bottom:.75rem}.nanobanana-upload-formats{font-size:.9rem;color:#9ca3af}.nanobanana-change-file-btn{background:#3182ce;color:#fff;border:none;padding:.5rem 1rem;border-radius:.5rem;cursor:pointer;font-weight:500;transition:all .2s ease;margin-top:1rem}.nanobanana-change-file-btn:hover{background:#2c5aa0;transform:translateY(-1px)}@media (max-width: 768px){.nanobanana-uploaded-images{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.75rem}.nanobanana-upload-box{padding:2rem 1.5rem}.nanobanana-upload-icon{font-size:2rem}.nanobanana-upload-text{font-size:1rem}.nanobanana-upload-link{font-size:.9rem}.nanobanana-upload-formats{font-size:.8rem}}@media (max-width: 480px){.nanobanana-uploaded-images{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:.5rem}.nanobanana-uploaded-image-item{border-radius:.375rem}.nanobanana-remove-image{width:20px;height:20px;font-size:.7rem;top:.25rem;right:.25rem}.nanobanana-add-more svg{font-size:1.5rem}.nanobanana-upload-box{padding:1.5rem 1rem}.nanobanana-upload-icon{font-size:1.75rem}.nanobanana-upload-text{font-size:.95rem}.nanobanana-upload-link{font-size:.85rem}.nanobanana-upload-formats{font-size:.75rem}.nanobanana-change-file-btn{padding:.4rem .8rem;font-size:.9rem}}.nanobanana-modal{background:#fff;border-radius:20px;max-width:90vw;max-height:95vh;overflow:hidden;box-shadow:0 25px 50px #00000040;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.nanobanana-modal-header{display:flex;align-items:center;justify-content:space-between;padding:25px 30px;border-bottom:1px solid #e2e8f0;background:linear-gradient(135deg,#f8fafc,#e2e8f0)}.nanobanana-modal-title{display:flex;align-items:center;gap:15px;margin:0;color:#1e293b;font-size:24px;font-weight:700}.nanobanana-modal-title .section-icon{color:#8b5cf6;font-size:20px}.nanobanana-modal-close{background:none;border:none;color:#64748b;font-size:28px;cursor:pointer;padding:8px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.nanobanana-modal-close:hover{background:#f1f5f9;color:#374151;transform:scale(1.1)}.nanobanana-modal-content{padding:30px;max-height:none;overflow:visible}.nanobanana-modal-image-container{text-align:center}.nanobanana-modal-image-container h3{margin-bottom:20px;color:#334155;font-size:18px;font-weight:600;text-align:center}.nanobanana-modal-image{width:100%;max-width:500px;max-height:70vh;border-radius:12px;box-shadow:0 8px 20px #00000026;margin:0 auto 20px;display:block;object-fit:contain}.nanobanana-modal-image-actions{text-align:center}.nanobanana-modal-download-link{background:#8b5cf6;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;text-decoration:none;display:inline-block}.nanobanana-modal-download-link:hover{background:#7c3aed;transform:translateY(-2px);box-shadow:0 8px 20px #8b5cf64d}@media (min-width: 1200px){.nanobanana-modal-image{max-width:600px;max-height:60vh}}@media (max-width: 768px){.nanobanana-modal{max-width:95vw;max-height:95vh}.nanobanana-modal-header{padding:20px}.nanobanana-modal-title{font-size:20px}.nanobanana-modal-content{padding:20px;max-height:none;overflow:visible}.nanobanana-modal-image{margin-bottom:20px}}@media (max-width: 480px){.nanobanana-modal{max-width:95vw;max-height:75vh;margin:10px;border-radius:12px}.nanobanana-modal-header{padding:8px 12px}.nanobanana-modal-title{font-size:14px;gap:6px}.nanobanana-modal-close{font-size:18px;width:24px;height:24px}.nanobanana-modal-content{padding:10px;max-height:none;overflow:visible}.nanobanana-modal-image-container h3{font-size:14px;margin-bottom:10px}.nanobanana-modal-image{max-width:53%;margin:0 auto 10px}.nanobanana-modal-download-link{padding:8px 16px;font-size:12px}}.login-container{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:420px;background-color:#fff;border-radius:16px;padding:40px;box-shadow:0 4px 24px #0000001a;text-align:center;z-index:1000}.login-page-background{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0a1929;z-index:999}.welcome-text{font-size:24px;font-weight:500;margin-bottom:4px;color:#333}.brand-name{font-size:28px;font-weight:600;margin-bottom:16px;color:#333}.login-container form{display:flex;flex-direction:column;gap:16px;margin-top:40px}.login-container input[type=email],.login-container input[type=password]{width:100%;padding:14px 16px;border:1px solid #e0e0e0;border-radius:8px;font-size:16px;outline:none;background-color:#f9fafb}.remember-forgot{display:flex;justify-content:space-between;align-items:center;width:100%;margin:8px 0}.remember-me{display:flex;align-items:center;font-size:14px;color:#555}.remember-me input[type=checkbox]{margin:0;padding:0;margin-right:4px!important;width:16px;height:16px;flex-shrink:0}.forgot-password{font-size:14px;color:#5d5fef;text-decoration:none}.login-button{width:100%;padding:16px;background-color:#5d5fef;color:#fff;border:none;border-radius:100px;font-size:16px;font-weight:500;cursor:pointer;margin-top:8px}.login-button:hover{background-color:#4f46e5}.signup-link{margin-top:20px;font-size:14px;color:#555}.signup-link a{color:#555;text-decoration:none;font-weight:600}.google-login-button{font-family:inherit}@media screen and (max-width: 480px){.login-container{width:90%;padding:20px;margin:0 auto}.welcome-text{font-size:20px}.brand-name{font-size:24px}.login-container input[type=email],.login-container input[type=password]{padding:12px 14px;font-size:16px}.remember-forgot{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:10px}.remember-me{margin-right:0!important;display:flex;align-items:center;gap:4px;white-space:nowrap}.remember-me input[type=checkbox]{margin:0;padding:0;flex-shrink:0}.login-button{padding:14px;font-size:14px}}@media screen and (max-width: 320px){.login-container{width:95%;padding:15px}.welcome-text{font-size:18px}.brand-name{font-size:22px}}.login-loading-wrapper{position:fixed;top:0;right:0;bottom:0;left:0;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:9999;display:flex;align-items:center;justify-content:center}.login-loading-content{display:flex;flex-direction:column;align-items:center;justify-content:center}.login-progress-circle{width:80px;height:80px;position:relative}.login-progress-ring{width:100%;height:100%;transform:rotate(-90deg)}.login-progress-ring-circle{transition:stroke-dashoffset .3s ease}.login-progress-ring-fill{stroke-linecap:round;transition:stroke-dashoffset .3s ease}@keyframes login-spin{0%{stroke-dashoffset:326}to{stroke-dashoffset:0}}.signup-container{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:420px;background-color:#fff;border-radius:16px;padding:20px 40px 40px;box-shadow:0 4px 24px #0000001a;text-align:center;z-index:1000;margin:auto;max-width:95%;max-height:95%;overflow-y:auto}.signup-page-background{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0a1929;z-index:999}.logo{width:40px;height:40px;margin-bottom:12px;margin-top:0}.heading-text{margin-top:30px!important;font-size:28px;font-weight:600;margin-bottom:24px;color:#333;margin-top:10px}.emphasis{color:#0a1929;font-weight:700}.signup-container form{display:flex;flex-direction:column;gap:16px;margin-top:24px}.signup-container input[type=text],.signup-container input[type=email],.signup-container input[type=password]{width:100%;padding:14px 16px;border:1px solid #e0e0e0;border-radius:100px;font-size:16px;outline:none;background-color:#f9fafb}.terms-container{display:flex;gap:8px;margin:15px 0;text-align:left;align-items:center}.terms-text{font-size:14px;color:#555}.terms-link{color:#555;font-weight:600;text-decoration:none}.terms-container input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border:2px solid #e0e0e0;border-radius:4px;cursor:pointer;outline:none;position:relative;flex-shrink:0;margin:0;background-color:#fff;transition:all .2s ease}.terms-container input[type=checkbox]:hover{border-color:#5d5fef;box-shadow:0 0 0 1px #5d5fef1a}.terms-container input[type=checkbox]:checked{background-color:#5d5fef;border-color:#5d5fef;box-shadow:0 0 0 2px #5d5fef33}.terms-container input[type=checkbox]:checked:after{content:"";position:absolute;top:45%;left:50%;transform:translate(-50%,-50%) rotate(45deg);width:6px;height:10px;border:solid white;border-width:0 2px 2px 0}.register-button{width:100%;padding:16px;background-color:#5d5fef;color:#fff;border:none;border-radius:100px;font-size:16px;font-weight:500;cursor:pointer;margin-top:8px}.register-button:hover{background-color:#4f46e5}.divider{position:relative;margin-top:24px;text-align:center}.divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background-color:#e0e0e0}.divider span{position:relative;background-color:#fff;padding:0 10px;color:#555;font-size:14px}@media (max-width: 480px){.signup-container{width:90%;padding:15px}.heading-text{font-size:24px}.signup-container input[type=text],.signup-container input[type=email],.signup-container input[type=password]{padding:12px 14px;font-size:16px}.terms-text,.login-link{font-size:13px}.register-button{padding:14px;font-size:15px}.divider span{padding:0 8px;font-size:13px}}.google-login-section{display:flex;flex-direction:column;align-items:center;margin-top:2rem;width:100%}.separator-line{width:100%;border-top:1px solid #ddd;margin:-.5rem 0 .5rem;position:relative}.or-text{position:absolute;left:50%;top:-.6rem;transform:translate(-50%);background:#fff;padding:0 1rem;color:#888;font-weight:500}.google-login-button{font-family:inherit;background:#fff;color:#444;border:1.5px solid #d1d5dbad;border-radius:12px;padding:.7rem 1.5rem;font-size:1rem;font-weight:500;display:flex;align-items:center;gap:.5rem;cursor:pointer;box-shadow:0 2px 8px #0000000a;transition:background .2s,box-shadow .2s;margin-bottom:0rem;margin-top:.9rem}.google-login-button:hover{background:#f7f7f7;box-shadow:0 4px 16px #00000014}.reset-container{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:420px;background-color:#fff;border-radius:16px;padding:40px;box-shadow:0 4px 24px #0000001a;text-align:center;z-index:1000}.reset-page-background{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0a1929;z-index:999}.close-button{position:absolute;top:16px;right:16px;background-color:#6b7280;border:none;color:#fff;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;cursor:pointer;padding:0}.subheading-text{font-size:16px;color:#6b7280;margin-bottom:24px}.reset-container input[type=email]{width:100%;padding:14px 16px;border:1px solid #e0e0e0;border-radius:100px;font-size:16px;outline:none;background-color:#f9fafb}.login-link{margin-top:20px;font-size:14px;color:#555}.login-link a{color:#555;text-decoration:none;font-weight:600}#message{margin-top:15px;padding:10px;border-radius:8px;background-color:#5be9b91a;color:#2d6a5a;font-size:14px}.show{opacity:1;transition:opacity .3s ease}@media (max-width: 480px){.reset-container{width:90%;padding:20px}.heading-text{font-size:24px}.reset-container input[type=email]{padding:12px 14px;font-size:16px}.reset-button{padding:14px;font-size:16px}}.reset-container{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:420px;background-color:#fff;border-radius:16px;padding:40px;box-shadow:0 4px 24px #0000001a;text-align:center;z-index:1000;margin:auto}.heading-text{font-size:28px;font-weight:600;margin-bottom:8px;color:#333}.reset-container form{display:flex;flex-direction:column;gap:16px;margin-top:24px}.reset-container input[type=password]{width:100%;padding:14px 16px;border:1px solid #e0e0e0;border-radius:100px;font-size:16px;outline:none;background-color:#f9fafb}.reset-button{width:100%;padding:16px;background-color:#5d5fef;color:#fff;border:none;border-radius:100px;font-size:16px;font-weight:500;cursor:pointer;margin-top:8px}.reset-button:hover{background-color:#4f46e5}@media (max-width: 480px){.reset-container{width:95%;padding:15px}.heading-text{font-size:24px}.reset-container input[type=password]{padding:12px 14px;font-size:16px}.reset-button{padding:14px;font-size:16px}}:root{--toastify-color-light: #fff;--toastify-color-dark: #121212;--toastify-color-info: #3498db;--toastify-color-success: #07bc0c;--toastify-color-warning: #f1c40f;--toastify-color-error: hsl(6, 78%, 57%);--toastify-color-transparent: rgba(255, 255, 255, .7);--toastify-icon-color-info: var(--toastify-color-info);--toastify-icon-color-success: var(--toastify-color-success);--toastify-icon-color-warning: var(--toastify-color-warning);--toastify-icon-color-error: var(--toastify-color-error);--toastify-container-width: fit-content;--toastify-toast-width: 320px;--toastify-toast-offset: 16px;--toastify-toast-top: max(var(--toastify-toast-offset), env(safe-area-inset-top));--toastify-toast-right: max(var(--toastify-toast-offset), env(safe-area-inset-right));--toastify-toast-left: max(var(--toastify-toast-offset), env(safe-area-inset-left));--toastify-toast-bottom: max(var(--toastify-toast-offset), env(safe-area-inset-bottom));--toastify-toast-background: #fff;--toastify-toast-padding: 14px;--toastify-toast-min-height: 64px;--toastify-toast-max-height: 800px;--toastify-toast-bd-radius: 6px;--toastify-toast-shadow: 0px 4px 12px rgba(0, 0, 0, .1);--toastify-font-family: sans-serif;--toastify-z-index: 9999;--toastify-text-color-light: #757575;--toastify-text-color-dark: #fff;--toastify-text-color-info: #fff;--toastify-text-color-success: #fff;--toastify-text-color-warning: #fff;--toastify-text-color-error: #fff;--toastify-spinner-color: #616161;--toastify-spinner-color-empty-area: #e0e0e0;--toastify-color-progress-light: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);--toastify-color-progress-dark: #bb86fc;--toastify-color-progress-info: var(--toastify-color-info);--toastify-color-progress-success: var(--toastify-color-success);--toastify-color-progress-warning: var(--toastify-color-warning);--toastify-color-progress-error: var(--toastify-color-error);--toastify-color-progress-bgo: .2}.Toastify__toast-container{z-index:var(--toastify-z-index);-webkit-transform:translate3d(0,0,var(--toastify-z-index));position:fixed;width:var(--toastify-container-width);box-sizing:border-box;color:#fff;display:flex;flex-direction:column}.Toastify__toast-container--top-left{top:var(--toastify-toast-top);left:var(--toastify-toast-left)}.Toastify__toast-container--top-center{top:var(--toastify-toast-top);left:50%;transform:translate(-50%);align-items:center}.Toastify__toast-container--top-right{top:var(--toastify-toast-top);right:var(--toastify-toast-right);align-items:end}.Toastify__toast-container--bottom-left{bottom:var(--toastify-toast-bottom);left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{bottom:var(--toastify-toast-bottom);left:50%;transform:translate(-50%);align-items:center}.Toastify__toast-container--bottom-right{bottom:var(--toastify-toast-bottom);right:var(--toastify-toast-right);align-items:end}.Toastify__toast{--y: 0;position:relative;touch-action:none;width:var(--toastify-toast-width);min-height:var(--toastify-toast-min-height);box-sizing:border-box;margin-bottom:1rem;padding:var(--toastify-toast-padding);border-radius:var(--toastify-toast-bd-radius);box-shadow:var(--toastify-toast-shadow);max-height:var(--toastify-toast-max-height);font-family:var(--toastify-font-family);z-index:0;display:flex;flex:1 auto;align-items:center;word-break:break-word}@media only screen and (max-width: 480px){.Toastify__toast-container{width:100vw;left:env(safe-area-inset-left);margin:0}.Toastify__toast-container--top-left,.Toastify__toast-container--top-center,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translate(0)}.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translate(0)}.Toastify__toast-container--rtl{right:env(safe-area-inset-right);left:initial}.Toastify__toast{--toastify-toast-width: 100%;margin-bottom:0;border-radius:0}}.Toastify__toast-container[data-stacked=true]{width:var(--toastify-toast-width)}.Toastify__toast--stacked{position:absolute;width:100%;transform:translate3d(0,var(--y),0) scale(var(--s));transition:transform .3s}.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body,.Toastify__toast--stacked[data-collapsed] .Toastify__close-button{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{content:"";position:absolute;left:0;right:0;height:calc(var(--g) * 1px);bottom:100%}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{content:"";position:absolute;left:0;right:0;bottom:0;height:100%;transform:scaleY(3);z-index:-1}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-icon{margin-inline-end:10px;width:22px;flex-shrink:0;display:flex}.Toastify--animate{animation-fill-mode:both;animation-duration:.5s}.Toastify--animate-icon{animation-fill-mode:both;animation-duration:.3s}.Toastify__toast-theme--dark{background:var(--toastify-color-dark);color:var(--toastify-text-color-dark)}.Toastify__toast-theme--light,.Toastify__toast-theme--colored.Toastify__toast--default{background:var(--toastify-color-light);color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{color:var(--toastify-text-color-info);background:var(--toastify-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{color:var(--toastify-text-color-success);background:var(--toastify-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{color:var(--toastify-text-color-warning);background:var(--toastify-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{color:var(--toastify-text-color-error);background:var(--toastify-color-error)}.Toastify__progress-bar-theme--light{background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error{background:var(--toastify-color-transparent)}.Toastify__close-button{color:#fff;position:absolute;top:6px;right:6px;background:transparent;outline:none;border:none;padding:0;cursor:pointer;opacity:.7;transition:.3s ease;z-index:1}.Toastify__toast--rtl .Toastify__close-button{left:6px;right:unset}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:hover,.Toastify__close-button:focus{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:1;opacity:.7;transform-origin:left}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{right:0;left:initial;transform-origin:right;border-bottom-left-radius:initial}.Toastify__progress-bar--wrp{position:absolute;overflow:hidden;bottom:0;left:0;width:100%;height:5px;border-bottom-left-radius:var(--toastify-toast-bd-radius);border-bottom-right-radius:var(--toastify-toast-bd-radius)}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{opacity:var(--toastify-color-progress-bgo);width:100%;height:100%}.Toastify__spinner{width:20px;height:20px;box-sizing:border-box;border:2px solid;border-radius:100%;border-color:var(--toastify-spinner-color-empty-area);border-right-color:var(--toastify-spinner-color);animation:Toastify__spin .65s linear infinite}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,var(--y),0)}to{opacity:0;transform:translate3d(2000px,var(--y),0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,var(--y),0)}to{opacity:0;transform:translate3d(-2000px,var(--y),0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--top-left,.Toastify__bounce-enter--bottom-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--top-right,.Toastify__bounce-enter--bottom-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--top-left,.Toastify__bounce-exit--bottom-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--top-right,.Toastify__bounce-exit--bottom-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:translate3d(0,var(--y),0) scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0,var(--y),0) perspective(400px)}30%{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(-20deg);opacity:1}to{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(90deg);opacity:0}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(110%,var(--y),0)}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(-110%,var(--y),0)}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,500px,0)}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,-500px,0)}}.Toastify__slide-enter--top-left,.Toastify__slide-enter--bottom-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--top-right,.Toastify__slide-enter--bottom-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--top-left,.Toastify__slide-exit--bottom-left{animation-name:Toastify__slideOutLeft;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-right,.Toastify__slide-exit--bottom-right{animation-name:Toastify__slideOutRight;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown;animation-timing-function:ease-in;animation-duration:.3s}@keyframes Toastify__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}