@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";
:root{--ink:#18172b;--muted:#77758d;--subtle:#a4a0b4;--line:#e9e7f2;--purple:#6d4cff;--purple-dark:#5734ea;--pale:#f7f6ff;--green:#16aa77}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);-webkit-font-smoothing:antialiased;background:#f8f8fc;margin:0;font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}button,a,input{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline-offset:3px;outline:3px solid #b5a5ff}img{max-width:100%;display:block}.app-shell{isolation:isolate;min-height:100vh;position:relative;overflow:hidden}.ambient{pointer-events:none;filter:blur(8px);z-index:-1;border-radius:999px;position:absolute}.ambient-left{background:radial-gradient(circle,#ede5ffeb 0%,#f6f3ff80 38%,#0000 70%);width:740px;height:740px;top:90px;left:-335px}.ambient-right{background:radial-gradient(circle,#e1efffd4 0%,#f5f9ff52 52%,#0000 74%);width:820px;height:790px;top:140px;right:-270px}.container{width:min(1120px,100% - 48px);margin-inline:auto}.site-header{z-index:5;-webkit-backdrop-filter:blur(17px);backdrop-filter:blur(17px);background:#ffffffb0;border-bottom:1px solid #e9e7f2d4;position:relative}.nav-inner{justify-content:space-between;align-items:center;height:84px;display:flex}.brand{letter-spacing:-1.4px;white-space:nowrap;flex-shrink:0;align-items:center;gap:10px;font-family:Manrope,sans-serif;font-size:22px;font-weight:800;display:inline-flex}.brand-logo{object-fit:contain;width:auto;max-width:170px;height:40px;transition:transform .2s cubic-bezier(.16,1,.3,1),opacity .2s;display:block}.brand:hover .brand-logo{transform:translateY(-1px)}.footer-logo{max-width:140px;height:32px}.auth-badge-logo{object-fit:contain;border-radius:3px;flex-shrink:0;width:15px;height:15px;display:block}.brand-light{color:#6c6487}.brand-period{color:var(--purple)}.brandmark{background:linear-gradient(145deg,#97f 5%,#6545ff 64%,#4736e7 100%);border-radius:12px;place-items:center;width:39px;height:39px;display:grid;transform:rotate(-7deg);box-shadow:0 5px 16px #6447e945,inset 0 1px #fff6}.brandmark-inner{color:#fff;place-items:center;display:grid;transform:rotate(7deg)}.nav-links{color:#6b687c;align-items:center;gap:28px;font-size:13px;font-weight:700;display:flex}.nav-links a:hover{color:var(--purple)}.nav-actions{align-items:center;gap:12px;display:flex}.nav-signin-btn{color:#58546e;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;padding:8px 14px;font-size:13px;font-weight:700;transition:all .2s}.nav-signin-btn:hover{color:var(--purple);background:#f3f0fe}.nav-user-btn{color:#322b50;cursor:pointer;background:#fff;border:1px solid #e5e0f7;border-radius:999px;align-items:center;gap:8px;padding:5px 13px 5px 6px;font-size:13px;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 2px 8px #6447e90f}.nav-user-btn:hover{border-color:#baa2ff;transform:translateY(-1px);box-shadow:0 4px 14px #6447e926}.nav-user-avatar{object-fit:cover;border-radius:50%;width:28px;height:28px}.nav-user-initials{color:#fff;background:linear-gradient(135deg,#8b6bfe,#5f3ff4);border-radius:50%;place-items:center;width:28px;height:28px;font-size:12px;font-weight:800;display:grid}.nav-user-name{font-weight:800}.nav-cta{color:#4d35cb;white-space:nowrap;background:#fff;border:1px solid #e8e3fc;border-radius:12px;justify-content:center;align-items:center;gap:10px;padding:10px 15px;font-size:12px;font-weight:800;display:inline-flex;box-shadow:0 4px 15px #241a6e0b}.nav-cta:hover{background:#f4f0ff}.mobile-menu{color:var(--ink);background:0 0;border:none;padding:8px;display:none}.mobile-nav-auth-btn{display:none}.hero{text-align:center;padding-top:73px;padding-bottom:41px}.hero-eyebrow{color:#6551be;letter-spacing:1.6px;background:#ffffffc9;border:1px solid #e6dfff;border-radius:999px;align-items:center;gap:9px;padding:8px 12px;font-size:10px;font-weight:800;display:inline-flex;box-shadow:0 3px 13px #533bce0b}.live-dot{background:#2ac897;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #d4f9ed}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Manrope,sans-serif}.hero h1{letter-spacing:-5px;margin:19px 0 16px;font-size:clamp(44px,6.5vw,81px);font-weight:800;line-height:1.12}.hero h1 span{color:#0000;background:linear-gradient(105deg,#6348fb 10%,#9960e9 54%,#c378f3 95%);-webkit-background-clip:text;background-clip:text}.hero-platforms{justify-content:center;align-items:center;gap:22px;margin:4px auto 20px;display:flex}.hero-platform-link{color:#7b7891;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;text-decoration:none;transition:color .2s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.4,0,.2,1),filter .2s;display:inline-flex}.hero-platform-link:hover{transform:translateY(-2px)}.hero-platform-link:active{transform:translateY(0)scale(.96)}.hero-platform-link.yt:hover{color:red;filter:drop-shadow(0 2px 8px #ff000059)}.hero-platform-link.ig:hover{color:#e1306c;filter:drop-shadow(0 2px 8px #e1306c59)}.hero-platform-link.tt:hover{color:#111116;filter:drop-shadow(0 2px 6px #0000004d)}.hero-platform-link.fb:hover{color:#1877f2;filter:drop-shadow(0 2px 8px #1877f259)}.hero-platform-link.tw:hover{color:#0f1419;filter:drop-shadow(0 2px 6px #0f14194d)}.hero-subtitle{color:#747187;max-width:560px;margin:0 auto;font-size:15px;line-height:1.95}.hero-benefits{flex-wrap:wrap;justify-content:center;align-items:center;gap:20px;margin-top:23px;display:flex}.hero-benefits span{color:#605e77;align-items:center;gap:7px;font-size:12px;font-weight:700;display:inline-flex}.hero-benefits svg{color:#1caf80}.downloader-section{max-width:980px;scroll-margin-top:22px}.app-panel{background:#fff;border:1px solid #e9e7f2;border-radius:24px;position:relative;overflow:hidden;box-shadow:0 18px 60px #20174816,0 3px 13px #20174809}.app-panel-top{background:#fcfbff;border-bottom:1px solid #efedf7;justify-content:space-between;align-items:center;gap:12px;padding:22px 32px;display:flex}.panel-heading{letter-spacing:-.35px;align-items:center;gap:10px;font-family:Manrope,sans-serif;font-size:15px;font-weight:800;display:inline-flex}.panel-title-dot{background:var(--purple);border-radius:4px;width:10px;height:10px;transform:rotate(45deg)}.panel-meta{letter-spacing:.8px;color:#828094;align-items:center;gap:8px;font-size:10px;font-weight:800;display:inline-flex}.panel-meta.offline{color:#ad5260}.panel-meta.offline .status-dot{background:#e45d70;box-shadow:0 0 0 3px #fde4e9}.status-dot{background:#24bf88;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #d9f7ec}.mode-tabs{gap:11px;padding:24px 32px 0;display:flex}.mode-tab{color:#706e82;background:#fff;border:1px solid #e9e8f0;border-radius:10px;justify-content:center;align-items:center;gap:9px;min-width:164px;padding:12px 18px;font-size:12px;font-weight:800;transition:all .2s;display:inline-flex}.mode-tab.active{color:#6544e3;background:#f5f1ff;border-color:#d9cdff;box-shadow:inset 0 0 0 1px #efeaff}.mode-tab:hover{border-color:#bdb0ff}.source-area,.upload-area{padding:27px 32px 4px}.field-label{color:#414055;letter-spacing:1.25px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;font-size:10px;font-weight:800;display:flex}.field-label span{color:#9b99ab;letter-spacing:0;text-transform:none;font-size:11px;font-weight:600}.url-row{gap:9px;margin-top:13px;display:flex}.url-input-wrap{background:#fff;border:1px solid #e4e1ef;border-radius:12px;flex:1;align-items:center;gap:10px;min-width:0;padding:6px 7px 6px 15px;display:flex;box-shadow:0 2px 3px #231a5604}.url-input-wrap:focus-within{border-color:#947aff;box-shadow:0 0 0 3px #9274ff15}.input-link-icon{color:#9e99b5;flex-shrink:0}.url-input-wrap input{color:#312a48;background:0 0;border:0;outline:0;flex:1;min-width:0;padding:9px 0;font-size:13px;font-weight:600}.url-input-wrap input::placeholder{color:#aca9b9;font-weight:500}.paste-button{color:#6a4dd2;background:#f2efff;border:0;border-radius:7px;padding:10px 15px;font-size:11px;font-weight:800}.paste-button:hover{background:#e6dfff}.url-platform{white-space:nowrap;color:#6a46d6;background:#f0edfb;border-radius:7px;padding:9px 11px;font-size:10px;font-weight:800}.platform-youtube{color:#e7484b;background:#fff1f1}.platform-instagram{color:#d24a8f;background:#fff0f8}.platform-facebook{color:#2f69d7;background:#eef5ff}.platform-tiktok,.platform-twitter{color:#242336;background:#f1f1f5}.analyze-button{color:#fff;background:var(--purple);border:0;border-radius:12px;justify-content:center;align-items:center;gap:9px;min-width:120px;padding:0 23px;font-size:12px;font-weight:800;display:flex;box-shadow:0 5px 15px #674ce637}.analyze-button:hover:not(:disabled),.download-button:hover:not(:disabled){background:var(--purple-dark);transform:translateY(-1px)}.analyze-button:disabled{opacity:.56}.source-hint{color:#9995ab;align-items:flex-start;gap:8px;margin-top:13px;font-size:11px;line-height:1.6;display:flex}.source-hint svg{color:#9e90dd;flex-shrink:0}.upload-zone{color:#504967;background:#faf9ff;border:1.5px dashed #cfc5f6;border-radius:13px;flex-direction:column;align-items:center;gap:7px;width:100%;margin-top:13px;padding:20px 18px;display:flex}.upload-zone:hover{border-color:var(--purple);background:#f4efff}.upload-icon{width:43px;height:43px;color:var(--purple);background:#fff;border:1px solid #ebe6ff;border-radius:12px;place-items:center;display:grid;box-shadow:0 3px 10px #392a710e}.upload-main{word-break:break-word;font-size:13px;font-weight:800}.upload-sub{color:#9993ab;font-size:11px}.panel-divider{background:#eeecf5;height:1px;margin:24px 32px 0}.empty-preview{text-align:center;flex-direction:column;align-items:center;padding:37px 30px 41px;display:flex}.empty-illustration{place-items:center;width:75px;height:75px;margin-bottom:13px;display:grid;position:relative}.play-orbit{color:#fff;background:linear-gradient(140deg,#8e75ff,#6043f1);border-radius:21px;place-items:center;width:58px;height:58px;display:grid;transform:rotate(-5deg);box-shadow:0 9px 18px #6348f528}.play-orbit svg{transform:rotate(5deg)}.empty-orbit{z-index:-1;border:1px solid #e6e0ff;border-radius:50%;position:absolute}.empty-orbit.one{width:74px;height:74px}.empty-orbit.two{width:99px;height:99px}.empty-preview h3{letter-spacing:-.5px;margin:6px 0 7px;font-size:17px}.empty-preview p{color:#9490a7;max-width:360px;margin:auto;font-size:12px;line-height:1.8}.result-area{padding:25px 32px 29px}.media-preview{background:#fdfcff;border:1px solid #efedf5;border-radius:13px;align-items:stretch;gap:18px;padding:10px;display:flex}.thumb-wrap{background:#ece9fa;border-radius:9px;place-items:center;width:194px;min-width:194px;height:119px;display:grid;position:relative;overflow:hidden}.thumb-wrap img{object-fit:cover;width:100%;height:100%}.thumb-duration{color:#fff;background:#171621c9;border-radius:5px;align-items:center;gap:4px;padding:4px 6px;font-size:10px;display:inline-flex;position:absolute;bottom:7px;left:7px}.thumb-placeholder,.file-thumb{color:#7c63e6}.file-thumb{background:linear-gradient(135deg,#ede7ff,#e4f1ff)}.preview-info{flex-direction:column;justify-content:center;min-width:0;display:flex}.preview-tag{color:var(--green);letter-spacing:1px;align-items:center;gap:6px;font-size:9px;font-weight:800;display:flex}.preview-info h3{overflow-wrap:anywhere;margin:7px 0 5px;font-size:15px;line-height:1.45}.preview-info p{color:#928da5;margin-bottom:8px;font-size:11px}.preview-platform{color:#7d7793;align-items:center;gap:7px;font-size:10px;font-weight:700;display:flex}.bullet-point{background:#b8b3ca;border-radius:50%;width:4px;height:4px}.format-heading{justify-content:space-between;align-items:end;gap:12px;margin:27px 0 14px;display:flex}.format-heading .field-label{margin-bottom:6px}.format-heading p{color:#9290a3;margin:0;font-size:12px}.quality-help{color:#9490aa;white-space:nowrap;align-items:center;gap:6px;font-size:10px;display:flex}.format-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;display:grid}.format-tab{color:#797588;background:#fff;border:1px solid #e9e7f1;border-radius:10px;justify-content:center;align-items:center;gap:11px;padding:13px 16px;font-size:13px;font-weight:800;display:flex}.format-tab span{color:#a5a0b5;font-size:10px;font-weight:800}.format-tab.active{color:var(--purple);background:#f8f5ff;border-color:#cbbdff;box-shadow:inset 0 0 0 1px #efe8ff}.format-tab.active span{color:#8966e8}.quality-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-top:15px;display:grid}.quality-item{text-align:left;background:#fff;border:1px solid #e8e6ef;border-radius:9px;flex-direction:column;justify-content:center;align-items:flex-start;gap:5px;min-height:70px;padding:14px 13px;transition:border-color .15s,background .15s;display:flex;position:relative}.quality-item:hover{border-color:#b6a5fa}.quality-item.selected{border-color:var(--purple);background:#f7f3ff;box-shadow:inset 0 0 0 1px #dad0ff}.quality-primary{color:#343047;letter-spacing:-.2px;font-family:Manrope,sans-serif;font-size:15px;font-weight:800}.quality-item.selected .quality-primary{color:#6646ec}.quality-primary small{color:#8c88a1;font-size:10px;font-weight:600}.quality-secondary{color:#9995a9;font-size:10px}.quality-check{color:#724ff5;position:absolute;top:8px;right:9px}.audio-disclaimer{color:#8b86a1;align-items:flex-start;gap:8px;margin:14px 0 21px;font-size:11px;line-height:1.6;display:flex}.audio-disclaimer svg{color:#9a88da;flex-shrink:0}.consent-check{color:#7a778c;cursor:pointer;align-items:flex-start;gap:9px;margin-bottom:15px;font-size:11px;line-height:1.65;display:flex}.consent-check input{accent-color:var(--purple);flex:0 0 15px;width:15px;height:15px;margin:3px 0 0}.download-button{color:#fff;background:linear-gradient(105deg,#7354ff,#6544ea);border:0;border-radius:12px;justify-content:center;align-items:center;gap:11px;width:100%;padding:17px 18px;font-size:13px;font-weight:800;transition:all .2s;display:flex;box-shadow:0 8px 21px #7053f336}.download-button svg:last-child,.download-button svg:first-child{margin-left:auto}.download-button:disabled{opacity:.55;box-shadow:none}.download-mode-section{margin-top:16px}.mode-toggle-label{justify-content:space-between;align-items:center;margin-bottom:9px;display:flex}.mode-tag{color:#5f3fe8;letter-spacing:.3px;background:#eee9ff;border:1px solid #dbd1ff;border-radius:6px;padding:2px 7px;font-size:10px;font-weight:800}.download-mode-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-bottom:16px;display:grid}.download-mode-card{text-align:left;cursor:pointer;background:#fff;border:1.5px solid #e7e3f4;border-radius:12px;padding:13px 14px;transition:all .2s}.download-mode-card:hover{background:#fdfcff;border-color:#beb2f5}.download-mode-card.selected{background:#f8f6ff;border-color:#6a44f2;box-shadow:0 4px 16px #6a44f214}.mode-card-header{color:#282147;align-items:center;gap:7px;margin-bottom:5px;font-size:12px;font-weight:800;display:flex}.mode-badge-rec{text-transform:uppercase;letter-spacing:.4px;color:#118e63;background:#e8f9f1;border:1px solid #b7ecd5;border-radius:4px;margin-left:auto;padding:1px 6px;font-size:9px;font-weight:800}.mode-icon-compatible{color:#14a372;flex-shrink:0}.mode-icon-original{color:#7f55f2;flex-shrink:0}.download-mode-card p{color:#7d7792;margin:0;font-size:11px;line-height:1.55}.error-panel{color:#a4344c;background:#fff5f6;border:1px solid #f5cfd5;border-radius:11px;flex-direction:column;gap:10px;margin:0 32px 24px;padding:13px 15px;font-size:12px;line-height:1.6;display:flex}.error-body{align-items:flex-start;gap:9px;width:100%;display:flex}.error-icon{color:#c43351;flex-shrink:0;margin-top:2px}.error-text{overflow-wrap:anywhere;flex:1}.error-text p{margin:0}.error-actions{border-top:1px solid #f6d8dd;justify-content:space-between;align-items:center;gap:10px;width:100%;padding-top:9px;display:flex}.error-action-button{color:#9c2842;cursor:pointer;background:#fff;border:1px solid #e7abb6;border-radius:7px;align-items:center;gap:6px;padding:6px 12px;font-size:11px;font-weight:800;transition:all .15s;display:inline-flex}.error-action-button:hover{color:#fff;background:#9c2842;border-color:#9c2842}.error-close-btn{color:#b13a52;cursor:pointer;background:0 0;border:none;align-items:center;margin-left:auto;padding:4px;display:flex}.job-card{background:#f8f7ff;border:1px solid #e1dbfa;border-radius:12px;margin:0 32px 27px;padding:17px}.job-card.success{background:#f3fcf8;border-color:#bbebd6}.job-card.failed{background:#fff6f7;border-color:#f3d0d4}.job-head{color:#6150af;justify-content:space-between;align-items:center;gap:15px;font-size:12px;font-weight:800;display:flex}.job-head span{align-items:center;gap:8px;display:inline-flex}.job-card.success .job-head{color:#13825f}.job-card.failed .job-head{color:#b34356}.progress-track{background:#e9e2ff;border-radius:999px;height:8px;margin-top:12px;overflow:hidden}.progress-track span{border-radius:inherit;background:linear-gradient(90deg,#9975ff,#6748ef);height:100%;transition:width .35s;display:block}.job-card.success .progress-track span{background:#16ad79}.job-card p{color:#77708d;margin:9px 0 0;font-size:11px}.ready-download,.reset-button{color:#fff;background:#149b6d;border:none;border-radius:9px;justify-content:center;align-items:center;gap:9px;margin-top:14px;padding:10px 14px;font-size:12px;font-weight:800;display:inline-flex}.reset-button{color:#6542dd;background:#e5dfff}.panel-footer{background:#fdfcff;border-top:1px solid #f0eef5;flex-wrap:wrap;justify-content:space-between;gap:10px;padding:16px 32px;display:flex}.panel-footer span{color:#a09aaf;align-items:center;gap:7px;font-size:10px;font-weight:700;display:inline-flex}.panel-footer svg{color:#9179dc}.supported-platforms{text-align:center;margin:26px 0 0}.supported-platforms p{color:#a6a1b0;letter-spacing:2px;font-size:9px;font-weight:800}.platform-list{flex-wrap:wrap;justify-content:center;align-items:center;gap:26px;display:flex}.platform-item{color:#716d84;align-items:center;gap:7px;font-size:11px;font-weight:800;display:flex}.platform-icon{color:#4e455f}.platform-icon.youtube{color:#ff3156}.platform-icon.instagram{color:#d54e9b}.platform-icon.tiktok{color:#222439}.platform-icon.twitter{color:#11151f}.platform-icon.facebook{color:#286ad8}.features-section{padding-top:135px;scroll-margin-top:60px}.section-kicker{color:#6e51e9;letter-spacing:1.7px;margin-bottom:18px;font-size:10px;font-weight:800}.section-head{justify-content:space-between;align-items:end;gap:35px;display:flex}.features-section h2,.steps-section h2,.faq-section h2{letter-spacing:-2px;margin-bottom:0;font-size:clamp(31px,3.7vw,47px);font-weight:800;line-height:1.23}.features-section h2 span,.steps-section h2 span,.faq-section h2 span{color:#9490a6}.section-head>p{color:#8a8799;max-width:300px;margin-bottom:4px;font-size:13px;line-height:1.9}.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin-top:32px;display:grid}.feature-card{background:#fff;border:1px solid #eeecf4;border-radius:17px;padding:30px 25px 23px;box-shadow:0 10px 27px #231a5406}.feature-icon{border-radius:14px;place-items:center;width:46px;height:46px;margin-bottom:24px;display:grid}.feature-icon.lilac{color:#7852eb;background:#eee8ff}.feature-icon.blue{color:#437fdf;background:#e7f2ff}.feature-icon.peach{color:#e88b4c;background:#ffecdf}.feature-card h3{letter-spacing:-.55px;margin-bottom:11px;font-size:16px}.feature-card p{color:#8b879d;min-height:84px;font-size:12px;line-height:1.85}.feature-tag{color:#7156cf;letter-spacing:.6px;background:#f6f3ff;border-radius:6px;padding:8px 9px;font-size:9px;font-weight:800;display:inline-flex}.steps-section{text-align:center;padding-top:125px;padding-bottom:115px}.steps-grid{justify-content:center;align-items:flex-start;gap:18px;margin-top:42px;display:flex}.step-card{text-align:center;flex:1;max-width:270px}.step-card>span{color:#a79be9;letter-spacing:2px;font-size:11px;font-weight:800}.step-icon{color:#7355e9;background:#fff;border:1px solid #e5e0f3;border-radius:21px;place-items:center;width:70px;height:70px;margin:13px auto 18px;display:grid;box-shadow:0 12px 29px #3a2a8f0b}.step-icon svg{width:25px}.step-card h3{letter-spacing:-.3px;margin-bottom:10px;font-size:15px}.step-card p{color:#8b879b;font-size:12px;line-height:1.9}.step-line{border-top:2px dashed #ddd6ee;flex:0 0 60px;height:1px;margin-top:60px}.faq-section{grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);gap:72px;padding:60px 0 120px;scroll-margin-top:60px;display:grid}.faq-section>div:first-child>p{color:#9590a7;margin-top:20px;font-size:13px;line-height:1.9}.faq-list{flex-direction:column;gap:12px;display:flex}.faq-list details{background:#fff;border:1px solid #eae7f2;border-radius:12px;padding:0 18px;box-shadow:0 4px 15px #2c205006}.faq-list summary{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;padding:17px 0;font-size:12px;font-weight:800;list-style:none;display:flex}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary svg{color:#817a9d;flex-shrink:0;transition:transform .2s}.faq-list details[open] summary svg{transform:rotate(180deg)}.faq-list details p{color:#8b869d;margin:0;padding:0 0 16px;font-size:12px;line-height:1.95}.site-footer{background:#fff;border-top:1px solid #ebe9f0}.footer-inner{justify-content:space-between;align-items:center;gap:25px;min-height:110px;display:flex}.footer-inner .brand{font-size:18px}.footer-inner .brandmark{border-radius:10px;width:32px;height:32px}.footer-inner p{color:#9995a7;margin-bottom:0;font-size:11px}.quality-pill{color:#118e63;background:#eefcf6;border:1px solid #b7ecd5;border-radius:6px;align-items:center;margin-left:4px;padding:2px 7px;font-size:11px;font-weight:800;display:inline-flex}.output-preview-bar{color:#5c44c9;background:#f6f3ff;border:1px solid #e2d9ff;border-radius:9px;align-items:center;gap:8px;margin:15px 0 6px;padding:10px 14px;font-size:11px;display:flex}.output-preview-bar strong{color:#3c24b2;font-weight:800}.sparkle-icon{color:var(--purple);flex-shrink:0}.actual-output-badge{color:#167a5b;background:#e8f9f1;border:1px solid #b7eed6;border-radius:8px;align-items:center;gap:6px;margin-top:10px;padding:6px 11px;font-size:12px;font-weight:600;display:inline-flex}.actual-output-badge strong{font-weight:800}.job-complete-actions{flex-direction:column;align-items:flex-start;gap:10px;margin-top:12px;display:flex}.job-complete-actions .ready-download{margin-top:0}.preview-detected-box{flex-direction:column;gap:4px;margin-top:2px;display:flex}.detected-label-row{color:#524f67;flex-wrap:wrap;align-items:center;gap:4px;font-size:11px;font-weight:700;display:flex}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:960px){.nav-links{gap:18px}}@media (max-width:800px){.nav-links{z-index:100;background:#fff;border:1px solid #e6e2f5;border-radius:14px;flex-direction:column;align-items:stretch;padding:20px;display:none;position:absolute;top:76px;left:14px;right:14px;box-shadow:0 18px 36px #26214522}.nav-links.open{display:flex}.mobile-nav-auth-btn{text-align:center;width:100%;color:var(--purple-dark);cursor:pointer;background:#f6f3ff;border:1px solid #e2d8fe;border-radius:10px;margin-top:6px;padding:11px 14px;font-size:13px;font-weight:700;display:block}.mobile-menu{display:flex}.features-section{padding-top:100px}.feature-grid{gap:10px}.feature-card{padding:25px 19px}.faq-section{gap:33px}.hero h1{letter-spacing:-3px}.platform-list{gap:16px}}@media (max-width:620px){.container{width:min(100% - 24px,490px)}.nav-inner{height:68px}.brand{font-size:19px}.brand-logo{max-width:135px;height:32px}.brandmark{border-radius:10px;width:33px;height:33px}.nav-signin-btn,.nav-cta{display:none}.mobile-menu{display:flex}.hero{padding-top:50px;padding-bottom:35px}.hero h1{letter-spacing:-2.9px;font-size:clamp(39px,10vw,57px)}.hero-platforms{gap:18px;margin:2px auto 18px}.hero-subtitle{font-size:13px;line-height:1.9}.hero-benefits{gap:10px 15px;margin-top:17px}.hero-benefits span{font-size:10px}.app-panel{border-radius:18px}.app-panel-top{padding:19px}.panel-meta{font-size:8px}.panel-heading{font-size:13px}.mode-tabs{padding:18px 18px 0}.mode-tab{flex:1;min-width:0;padding:12px 7px;font-size:11px}.source-area,.upload-area{padding:24px 18px 2px}.url-row{gap:8px}.url-input-wrap{gap:6px;padding-left:10px}.url-input-wrap input{font-size:12px}.url-platform{display:none}.analyze-button{min-width:48px;padding:0 13px}.analyze-button span{display:none}.panel-divider{margin-inline:18px}.result-area{padding:21px 18px 25px}.thumb-wrap{width:112px;min-width:112px;height:100px}.media-preview{gap:11px}.preview-info h3{font-size:12px}.preview-platform{font-size:9px}.quality-help{display:none}.quality-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.quality-item{padding:12px 10px}.quality-primary{font-size:13px}.download-mode-grid{grid-template-columns:1fr;gap:8px}.empty-preview{padding:38px 22px}.panel-footer{gap:8px;padding:16px 18px}.error-panel,.job-card{margin-inline:18px}.platform-list{gap:12px 14px}.supported-platforms{margin-top:23px}.section-head{display:block}.section-head>p{margin-top:16px}.features-section{padding-top:90px}.features-section h2,.steps-section h2,.faq-section h2{letter-spacing:-1.5px;font-size:32px}.feature-grid{grid-template-columns:1fr;gap:13px;margin-top:25px}.feature-card{padding:24px}.feature-icon{margin-bottom:17px}.feature-card p{min-height:0}.steps-section{padding-top:95px;padding-bottom:80px}.steps-grid{flex-direction:column;align-items:center;gap:20px}.step-card{max-width:315px}.step-line{border-top:0;border-left:2px dashed #ddd6ee;flex:none;width:1px;height:24px;margin:0}.step-icon{width:63px;height:63px}.faq-section{grid-template-columns:1fr;gap:25px;padding:35px 0 78px}.footer-inner{flex-wrap:wrap;justify-content:center;gap:15px;padding:24px 0}.footer-inner p{text-align:center;order:2;width:100%}}.modal-backdrop{z-index:9999;-webkit-backdrop-filter:blur(10px);background:#120e2685;place-items:center;padding:20px;animation:.2s fadeIn;display:grid;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalPop{0%{opacity:0;transform:scale(.96)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.auth-modal,.profile-modal{box-sizing:border-box;background:#fff;border:1px solid #eae6f5;border-radius:24px;width:100%;max-width:440px;padding:30px 28px 24px;animation:.22s cubic-bezier(.16,1,.3,1) modalPop;position:relative;box-shadow:0 24px 60px #120e2633,0 4px 16px #120e260d}.auth-modal-close{color:#6e6b82;cursor:pointer;background:#faf9fd;border:1px solid #ece9f5;border-radius:50%;place-items:center;width:32px;height:32px;transition:all .15s;display:grid;position:absolute;top:18px;right:18px}.auth-modal-close:hover{color:var(--ink);background:#f1edfc;transform:scale(1.05)}.auth-modal-header{margin-bottom:16px}.auth-brand-badge{color:#6546eb;letter-spacing:.8px;text-transform:uppercase;background:#f5f2ff;border:1px solid #e4dcfe;border-radius:999px;align-items:center;gap:7px;margin-bottom:10px;padding:4px 10px;font-size:10px;font-weight:800;display:inline-flex}.auth-badge-dot{background:var(--purple);border-radius:50%;width:6px;height:6px}.auth-modal-title{letter-spacing:-.8px;color:var(--ink);margin:0 0 5px;font-size:23px;font-weight:800}.auth-modal-subtitle{color:var(--muted);margin:0;font-size:13px;line-height:1.5}.auth-dev-notice{color:#8c5b16;background:#fffbf0;border:1px solid #f6e2b8;border-radius:10px;align-items:flex-start;gap:8px;margin-bottom:14px;padding:8px 12px;font-size:11px;line-height:1.4;display:flex}.auth-dev-dot{background:#e08b1a;border-radius:50%;flex-shrink:0;width:6px;height:6px;margin-top:4px}.google-auth-btn{color:#3c4043;cursor:pointer;background:#fff;border:1px solid #dadce0;border-radius:12px;justify-content:center;align-items:center;gap:10px;width:100%;padding:11px 16px;font-size:13px;font-weight:700;transition:all .2s;display:flex;box-shadow:0 1px 3px #3c404314}.google-auth-btn:hover{background:#f8fafd;border-color:#c6c9ce;transform:translateY(-1px);box-shadow:0 2px 6px #3c404324}.google-auth-btn:disabled{opacity:.6;cursor:not-allowed}.auth-divider{text-align:center;color:#a4a0b4;text-transform:uppercase;letter-spacing:.5px;align-items:center;margin:16px 0;font-size:11px;font-weight:600;display:flex}.auth-divider:before,.auth-divider:after{content:"";border-bottom:1px solid #eae7f3;flex:1}.auth-divider span{padding:0 10px}.auth-tab-bar{background:#f4f3f9;border-radius:10px;gap:6px;margin-bottom:16px;padding:4px;display:flex}.auth-tab{color:#726f87;cursor:pointer;background:0 0;border:none;border-radius:7px;flex:1;padding:7px;font-size:12px;font-weight:700;transition:all .15s}.auth-tab.active{color:#3f2ca8;background:#fff;box-shadow:0 2px 6px #2d1e7314}.auth-back-link{color:var(--purple);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;margin-bottom:14px;padding:0;font-size:12px;font-weight:700;display:inline-flex}.auth-back-link:hover{text-decoration:underline}.auth-alert{border-radius:10px;align-items:center;gap:8px;margin-bottom:14px;padding:9px 12px;font-size:12px;font-weight:600;display:flex}.auth-alert.error{color:#be2843;background:#fdf2f4;border:1px solid #f9ccd4}.auth-alert.success{color:#12825b;background:#edfbf5;border:1px solid #b7edd6}.auth-form{flex-direction:column;gap:13px;display:flex}.auth-field{flex-direction:column;gap:6px;display:flex}.auth-field label{color:#4b4862;letter-spacing:.3px;font-size:11px;font-weight:800}.auth-field-row{justify-content:space-between;align-items:center;display:flex}.auth-inline-link{color:var(--purple);cursor:pointer;background:0 0;border:none;padding:0;font-size:11px;font-weight:700}.auth-inline-link:hover{text-decoration:underline}.auth-field input{color:#272140;box-sizing:border-box;background:#faf9fd;border:1px solid #e3e0ef;border-radius:11px;width:100%;padding:10px 14px;font-size:13px;transition:all .2s}.auth-field input:focus{background:#fff;border-color:#9275ff;outline:none;box-shadow:0 0 0 3px #9275ff29}.auth-input-wrap{align-items:center;display:flex;position:relative}.auth-pwd-toggle{color:#9390a8;cursor:pointer;background:0 0;border:none;place-items:center;padding:4px;display:grid;position:absolute;right:10px}.auth-pwd-toggle:hover{color:#4a4563}.auth-submit-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#7452ff,#5733eb);border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:4px;padding:12px 18px;font-size:13px;font-weight:800;transition:all .2s;display:flex;box-shadow:0 4px 16px #6140f740}.auth-submit-btn:hover{background:linear-gradient(135deg,#6742fb,#4b26de);transform:translateY(-1px);box-shadow:0 6px 20px #6140f759}.auth-submit-btn:disabled{opacity:.65;cursor:not-allowed;transform:none}.auth-modal-footer{text-align:center;border-top:1px solid #f0edf8;margin-top:18px;padding-top:14px}.auth-modal-footer p{color:#726f87;margin:0 0 6px;font-size:12px}.auth-switch-link{color:var(--purple);cursor:pointer;background:0 0;border:none;padding:0;font-weight:800}.auth-switch-link:hover{text-decoration:underline}.auth-free-reminder{color:#9c98af!important;margin-bottom:0!important;font-size:10.5px!important}.profile-hero{align-items:center;gap:16px;margin-bottom:20px;display:flex}.profile-avatar-wrap{flex-shrink:0;width:64px;height:64px;position:relative}.profile-avatar-img{object-fit:cover;border:2px solid #ede8fd;border-radius:50%;width:64px;height:64px}.profile-avatar-placeholder{color:#fff;letter-spacing:-.5px;background:linear-gradient(135deg,#8765ff,#5b37f0);border-radius:50%;place-items:center;width:64px;height:64px;font-size:20px;font-weight:800;display:grid}.profile-provider-badge{color:#4a3eb2;background:#fff;border:1px solid #e4dfed;border-radius:50%;place-items:center;width:20px;height:20px;font-size:11px;font-weight:800;display:grid;position:absolute;bottom:-2px;right:-2px;box-shadow:0 2px 4px #0000001a}.profile-names{flex:1;min-width:0}.profile-name-row{align-items:center;gap:8px;display:flex}.profile-title{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:20px;font-weight:800;overflow:hidden}.profile-edit-btn{color:#9c97b5;cursor:pointer;background:0 0;border:none;border-radius:6px;place-items:center;padding:4px;transition:all .15s;display:grid}.profile-edit-btn:hover{color:var(--purple);background:#f3f0fe}.profile-edit-form{align-items:center;gap:6px;display:flex}.profile-edit-input{border:1px solid var(--purple);border-radius:8px;flex:1;min-width:0;padding:6px 10px;font-size:14px;font-weight:700}.profile-save-btn,.profile-cancel-btn{cursor:pointer;border:none;border-radius:6px;place-items:center;width:28px;height:28px;display:grid}.profile-save-btn{color:#fff;background:#18ab79}.profile-cancel-btn{color:#6d6983;background:#f1eff7}.profile-email{color:var(--muted);margin:2px 0 0;font-size:12px}.profile-alert{margin-bottom:16px}.profile-details-grid{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px;display:grid}.profile-detail-card{background:#faf9fd;border:1px solid #ece8f6;border-radius:12px;align-items:flex-start;gap:10px;padding:12px;display:flex}.detail-icon{color:var(--purple);margin-top:1px}.detail-info{flex-direction:column;gap:2px;display:flex}.detail-label{text-transform:uppercase;letter-spacing:.5px;color:#918da6;font-size:10px;font-weight:700}.detail-value{color:#2b2545;font-size:12px;font-weight:700}.detail-value.status-verified{color:#10875c;align-items:center;gap:4px;display:inline-flex}.detail-value.tier-free{color:#6343ea}.text-capitalize{text-transform:capitalize}.profile-notice{background:#f7f6fc;border:1px solid #e9e5f5;border-radius:12px;margin-bottom:20px;padding:11px 14px}.profile-notice p{color:#696582;margin:0;font-size:11.5px;line-height:1.5}.profile-actions{justify-content:flex-end;display:flex}.profile-signout-btn{color:#b92b45;cursor:pointer;background:#fff8f9;border:1px solid #f0ccd5;border-radius:10px;align-items:center;gap:8px;padding:9px 16px;font-size:12px;font-weight:800;transition:all .2s;display:inline-flex}.profile-signout-btn:hover{background:#fbe6ea;border-color:#e5a8b5;transform:translateY(-1px)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}