:root{color-scheme:dark;--bg:#100a0d;--card:#1b1217;--text:#faf2ee;--muted:#b5a4aa;--line:rgba(255,221,225,.11);--red:#ff555e;--orange:#ff915a;--green:#a6d6bc;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-synthesis:none;scroll-behavior:smooth;scroll-padding-top:30px}*{box-sizing:border-box}body{margin:0;padding:0 env(safe-area-inset-right) 0 env(safe-area-inset-left);background:radial-gradient(ellipse at 76% 12%,#49132255,transparent 37%),radial-gradient(ellipse at 0 40%,#37122044,transparent 40%),var(--bg);color:var(--text);font-size:15px;line-height:1.6}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}[hidden]{display:none!important}:focus-visible{outline:2px solid var(--orange);outline-offset:5px}::selection{background:#943044}p,h1,h2,h3,h4{margin:0}svg{fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.shell{width:min(1120px,calc(100% - 64px));margin:auto}.header{height:108px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;gap:11px;align-items:center;font-weight:800;font-size:25px;line-height:1.1;letter-spacing:-1px}.brand small{display:block;font-size:9px;letter-spacing:2px;margin-top:7px;color:#d7bec7}.brand-icon{height:42px;width:42px;display:grid;place-content:center;border-radius:13px;background:linear-gradient(135deg,#fc3657,#ff915a);color:white;font-size:32px;position:relative;padding-right:7px;box-shadow:0 5px 25px #f5434125}.brand-icon span{font-size:22px;position:absolute;right:3px;top:1px}.accent{color:var(--red)}nav{display:flex;gap:30px;color:var(--muted);font-size:13px}nav a:hover,.footer a:hover{color:var(--text)}.edition,.private-badge,.verified-badge{font-size:11px;letter-spacing:.2px;border:1px solid var(--line);border-radius:30px;padding:7px 12px;white-space:nowrap;background:#ffffff03}.edition{color:#d3bcc5}.live-dot{display:inline-block;width:6px;height:6px;background:var(--green);border-radius:50%;margin-right:6px;vertical-align:middle;box-shadow:0 0 10px #8be6b322}.hero{min-height:530px;display:grid;grid-template-columns:1.15fr 1fr;gap:40px;align-items:center;padding:64px 0 50px}.eyebrow{font-size:10px;letter-spacing:2.1px;font-weight:700;color:#d38d9a;margin-bottom:19px}.hero .eyebrow{display:flex;align-items:center;gap:9px}.eyebrow>span{width:16px;height:1px;background:var(--red)}h1{font-size:clamp(42px,5.25vw,65px);line-height:1.08;letter-spacing:-3px;font-weight:760}h1>span{background:linear-gradient(100deg,#ff657d,#ffa469);background-clip:text;-webkit-background-clip:text;color:transparent}.hero-description{margin-top:24px;color:var(--muted);font-size:14px;max-width:420px;line-height:1.8}.button{display:flex;align-items:center;justify-content:center;gap:12px;min-height:48px;padding:12px 20px;border-radius:11px;border:1px solid transparent;font-size:13px;font-weight:650;line-height:1.4;transition:background .2s,transform .2s,box-shadow .2s}.primary{color:#fff;background:linear-gradient(110deg,#ee3f59,#f5784f);box-shadow:0 5px 24px #f5444d13}.primary:hover:not(:disabled){box-shadow:0 7px 26px #f5444d30;transform:translateY(-1px)}.hero-action{margin-top:28px;display:inline-flex;min-width:191px;justify-content:space-between}.local-note{font-size:10px;color:#a68e99;margin-top:15px;display:flex;gap:7px;align-items:center}.local-note svg{width:12px;height:12px}.hero-art{position:relative;height:390px;display:flex;align-items:center;justify-content:center;isolation:isolate}.orbit{position:absolute;border:1px solid #c9516920;border-radius:50%;z-index:-1}.orbit-one{width:360px;height:360px}.orbit-two{width:450px;height:450px;border-style:dashed;opacity:.5}.hero-art:before{content:"";position:absolute;width:300px;height:280px;background:#d42a4a30;filter:blur(70px);z-index:-1}.film-card{width:232px;height:324px;transform:rotate(9deg);border:1px solid #b7798155;background:linear-gradient(150deg,#3c2630,#1b141b);border-radius:18px;box-shadow:0 25px 70px #0007;overflow:hidden;padding:18px;animation:enter .9s ease-out}.film-top{display:flex;justify-content:space-between;align-items:center}.film-top>span:first-child{font-size:19px;letter-spacing:-1px;font-weight:750}.film-top>span:first-child span{color:#ff6c76}.film-top>span:last-child{font-size:6px;letter-spacing:1.5px}.abstract-art{position:relative;height:205px;isolation:isolate}.ribbon{position:absolute;left:51px;top:28px;width:85px;height:155px;border-radius:80px;transform:rotate(30deg);background:linear-gradient(120deg,#ffae77 0%,#ed5b66 34%,#a51c47 60%,#2c122a 90%);box-shadow:inset 8px 0 13px #ffc99555,8px 10px 12px #0005}.ribbon-a{transform:rotate(-43deg);left:32px;top:40px}.ribbon-b{transform:rotate(40deg);left:84px;top:20px;background:linear-gradient(100deg,#ffc08b,#d14e63 35%,#7a1e4b 65%,#1e1323)}.ribbon-c{height:113px;width:59px;top:87px;left:68px;transform:rotate(-42deg);background:linear-gradient(100deg,#ffac8a,#de4057 45%,#621c3b)}.art-plus{position:absolute;right:0;bottom:14px;font-size:26px;font-weight:200;color:#fca985}.film-bottom{display:flex;justify-content:space-between;align-items:end;border-top:1px solid #f6bbc72a;padding-top:11px;font-size:11px;line-height:1.5;letter-spacing:1.3px}.frame-corners{font-size:33px;line-height:1}.floating-tag{position:absolute;left:0;bottom:22px;display:flex;gap:12px;align-items:center;background:#291b25e8;border:1px solid #a4687e50;box-shadow:0 15px 40px #0005;backdrop-filter:blur(12px);border-radius:13px;padding:12px 19px;font-size:11px;transform:rotate(-4deg)}.floating-tag small{display:block;color:var(--muted);font-size:9px;margin-top:2px}.tag-symbol{color:#ffa780;font-size:24px}.art-label{position:absolute;right:-40px;top:165px;writing-mode:vertical-rl;font-size:8px;letter-spacing:3px;color:#ac6d7c}.capabilities{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:14px;background:linear-gradient(100deg,#ffffff04,#ffffff01);padding:22px 0}.capabilities>div{padding:0 32px;border-right:1px solid var(--line)}.capabilities>div:last-child{border:0}.capabilities b{font-size:22px;letter-spacing:-.8px}.capabilities b span{font-size:10px;font-weight:500;letter-spacing:1px;color:#dc919a;margin-left:5px}.capabilities small{display:block;font-size:10px;color:var(--muted);margin-top:1px}.studio{padding-top:76px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:27px}.section-heading .eyebrow{margin-bottom:8px;font-size:9px}h2{font-size:25px;letter-spacing:-.85px;font-weight:650;line-height:1.3}.private-badge{color:#c6bbb9;font-size:10px}.workspace{display:grid;grid-template-columns:1.12fr 1fr;gap:22px;align-items:start}.card{border-radius:19px;border:1px solid var(--line);background:linear-gradient(135deg,#33202c80,#1c151bbf);box-shadow:0 10px 40px #00000012;padding:27px;min-width:0;backdrop-filter:blur(10px)}.card-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:24px}h3{font-size:15px;font-weight:650;letter-spacing:-.2px}.step{display:inline-grid;place-items:center;margin-right:10px;color:#ff9ba6;border:1px solid #c1536a44;background:#ff58750a;border-radius:7px;width:26px;height:26px;font-size:10px}.subtle-label{font-size:8px;letter-spacing:1.3px;color:#b29ca8;line-height:1.5}.dropzone{min-height:345px;border:1px dashed #9a4c6266;background:radial-gradient(ellipse at 50% 30%,#a4304b12,transparent 70%);border-radius:13px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px 15px;text-align:center;transition:border-color .2s}.dropzone.dragover{border-color:var(--orange);background:#f9617020}.upload-icon{width:64px;height:64px;display:grid;place-items:center;border:1px solid #d66a8033;border-radius:18px;background:linear-gradient(140deg,#76314055,#321b2c55);margin-bottom:20px;box-shadow:0 12px 30px #0002;color:#ff9b94}.upload-icon svg{height:34px;width:34px}.dropzone h4{font-size:16px;font-weight:600;letter-spacing:-.35px}.dropzone p{font-size:11px;color:var(--muted);margin:7px 0 21px}.dropzone .button{width:190px;justify-content:space-between}.dropzone small{font-size:9px;color:#a88d9c;margin-top:13px}.privacy-line{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:21px;font-size:10px;color:#b7a1ab}.privacy-line>span{color:#d08395}.field-row{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:17px;min-height:42px}.field-row label,.field-label{font-size:12px;font-weight:550;white-space:nowrap}.field-row label small{display:block;font-size:9px;color:var(--muted)}fieldset{margin:0;padding:0;border:0;min-width:0}select,.number-wrap{width:57%;background:#140e14;border:1px solid #63404e70;border-radius:9px;color:#e9dce2;padding:11px 12px;font-size:12px;min-height:44px}select{cursor:pointer}select:disabled{opacity:.5}.field-help{font-size:9px;line-height:1.6;color:#ad909e;margin-top:-10px;margin-bottom:17px;max-width:300px}.codec-value{width:57%;display:flex;align-items:center;gap:8px;font-size:12px}.codec-value span{font-size:10px;color:#ac8c9c}.codec-value svg{width:16px;height:16px;color:var(--green);margin-left:auto;margin-right:13px}.number-wrap{display:flex;align-items:center;gap:4px;padding:4px 10px}.number-wrap input{width:100%;min-width:0;background:transparent;border:0;color:var(--text);padding:7px 0;font-size:16px}.number-wrap>span{font-size:10px;color:var(--muted)}.output-summary{border-top:1px solid var(--line);padding-top:15px;margin-top:2px}.output-summary p{font-size:12px;margin-top:5px;color:#ead9df}.support-note{font-size:10px;line-height:1.6;color:#b5a4aa;min-height:32px;margin:10px 0 12px}.support-note.unsupported{color:#ffb0a2}.process-button{width:100%;justify-content:space-between;min-height:50px}.process-button>span:first-child{font-size:17px}.settings-footnote{font-size:9px;color:#ad929e;line-height:1.7;margin-top:12px}.status{font-size:12px;color:#c9b8c1;line-height:1.7;margin-top:17px;overflow-wrap:anywhere}.status:empty{margin:0}.status.error{background:#c6384e16;border:1px solid #c24c6555;border-radius:12px;padding:15px;color:#ffb5bc}.processing-card{margin-top:22px}.processing-card .card-heading{margin-bottom:20px}.secondary{background:#ffffff04;border-color:#bb829a3b;color:#eedee5}.secondary:hover{background:#ffffff0c}.small-button{min-height:36px;padding:8px 16px;font-size:11px}.progress-info{display:flex;justify-content:space-between;font-size:12px;gap:14px}.progress-info b{color:#ff9890;font-size:13px}progress{display:block;appearance:none;-webkit-appearance:none;width:100%;height:6px;border:0;border-radius:9px;overflow:hidden;margin:14px 0;background:#46303a;accent-color:var(--red)}progress::-webkit-progress-bar{background:#46303a;border-radius:9px}progress::-webkit-progress-value{background:linear-gradient(90deg,#f74060,#ff975e);border-radius:9px;transition:width .2s}progress::-moz-progress-bar{background:linear-gradient(90deg,#f74060,#ff975e)}.processing-foot{display:flex;justify-content:space-between;gap:12px;font-size:10px;color:var(--muted)}.video-wrap{position:relative;background:#0b080c;border-radius:12px;overflow:hidden;border:1px solid var(--line)}video{display:block;width:100%;max-height:330px;object-fit:contain;min-height:100px}.video-label{pointer-events:none;position:absolute;top:12px;left:12px;background:#170c16cc;border:1px solid #e2b6c52b;border-radius:5px;padding:3px 7px;font-size:8px;letter-spacing:1.3px}.file-row{display:flex;gap:12px;justify-content:space-between;align-items:center;margin:19px 0 17px;min-width:0}.file-row>div{min-width:0}.filename{font-size:12px;overflow-wrap:anywhere;margin-top:4px}.text-button{padding:9px 0;min-height:44px;background:none;color:#ffb1ad;font-size:11px;white-space:nowrap;border:0}.metadata{margin:0;display:grid;grid-template-columns:1fr 1fr;gap:17px 18px}.metadata>div{min-width:0}.metadata dt{color:#b29aa7;font-size:10px}.metadata dd{margin:4px 0 0;font-size:12px;color:#eadde3;overflow-wrap:anywhere}.metadata .full{grid-column:1/-1}.results-card{margin-top:28px;padding:30px}.results-card .eyebrow{font-size:9px;margin-bottom:8px}.results-card h2{font-size:26px}.verified-badge{color:var(--green);font-size:10px;border-color:#73a48c40;background:#6eae8210}.result-layout{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:start}.result-preview video{max-height:450px}.result-info .metadata{gap:15px}.comparison{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:15px;margin:19px 0;border:1px solid var(--line);background:#0002;border-radius:10px}.comparison div span{display:block;color:var(--muted);font-size:9px}.comparison div b{font-size:13px;font-weight:550}.comparison>span{color:#987381}.comparison small{font-size:10px;color:#edb7ae;flex-basis:100%;border-top:1px solid var(--line);padding-top:8px;margin-top:2px}.result-info .button{width:100%;margin-top:10px}.save-help{font-size:10px;color:var(--muted);margin-top:11px;line-height:1.7}.tiktok-guide{margin-top:25px;border-top:1px solid var(--line);padding-top:22px}.tiktok-guide>b{font-size:13px}.tiktok-guide p{font-size:11px;color:#c1acb6;margin-top:7px}.tiktok-guide small{display:block;font-size:10px;color:#a48c9a;margin-top:6px}.another{margin:auto;margin-top:17px}.how-it-works{padding:77px 0 45px}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.guide-grid article{border-top:1px solid var(--line);padding-top:22px}.guide-grid article>span{font-size:9px;letter-spacing:1.5px;color:#cb8193}.guide-grid h3{font-size:16px;margin:13px 0 8px}.guide-grid p{font-size:11px;color:var(--muted);line-height:1.8;max-width:285px}.personal-note{display:flex;align-items:center;gap:22px;padding:24px;border:1px solid var(--line);border-radius:15px;background:#24141c66;margin:5px 0 60px}.personal-symbol{font-size:40px;color:#cf7d8c;line-height:1}.personal-note h3{font-size:14px;margin-bottom:5px}.personal-note p{font-size:10px;line-height:1.8;color:var(--muted);max-width:640px}.personal-note>.subtle-label{margin-left:auto;white-space:nowrap;font-size:7px}.footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;padding:25px 0 max(30px,env(safe-area-inset-bottom));font-size:10px;color:#a58b9a}.footer>span:first-child{color:#e4ced8;font-weight:600}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;top:-100px;left:20px;background:#401e2d;z-index:10;padding:10px}.skip-link:focus{top:10px}@keyframes enter{from{opacity:0;transform:translateY(12px) rotate(12deg)}to{opacity:1;transform:translateY(0) rotate(9deg)}}
@media(min-width:1400px){.hero{padding-top:80px;padding-bottom:70px;min-height:590px}}
@media(max-width:850px){.shell{width:calc(100% - 40px)}.hero{gap:10px}.hero-art{transform:scale(.85)}h1{font-size:48px}.capabilities>div{padding:0 20px}.workspace{gap:15px}.card{padding:22px}.private-badge{display:none}.art-label{display:none}.personal-note>.subtle-label{display:none}.field-row{gap:8px}select{width:59%;padding:11px 8px}.result-layout{gap:22px}}
@media(max-width:620px){body{background:radial-gradient(ellipse at 85% 8%,#4b17294f,transparent 28%),var(--bg)}.shell{width:calc(100% - 36px)}.header{height:calc(83px + env(safe-area-inset-top));padding-top:env(safe-area-inset-top)}.header nav{display:none}.edition{font-size:9px;padding:6px 9px}.brand{font-size:22px}.brand-icon{width:36px;height:36px;border-radius:11px;font-size:28px}.brand small{font-size:8px}.hero{display:block;position:relative;min-height:0;padding:45px 0 31px}.hero-copy{position:relative;z-index:1}.hero .eyebrow{font-size:8px;letter-spacing:1.6px;margin-bottom:19px}h1{font-size:clamp(38px,10.6vw,60px);letter-spacing:-2.2px;line-height:1.12}.hero-description{font-size:12px;line-height:1.85;margin-top:20px;max-width:310px}.hero-action{margin-top:23px;min-height:46px;font-size:12px}.local-note{font-size:9px;margin-top:13px}.hero-art{height:280px;margin-top:6px;transform:scale(.78);margin-bottom:-30px}.film-card{height:314px;width:226px}.floating-tag{left:calc(50% - 160px);bottom:4px}.orbit-one{height:340px;width:340px}.orbit-two{height:390px;width:390px;max-width:115vw}.capabilities{padding:19px 0;border-radius:12px;grid-template-columns:repeat(2,1fr);row-gap:22px}.capabilities>div{padding:0 24px}.capabilities>div:nth-child(2){border:0}.capabilities b{font-size:21px}.capabilities small{font-size:9px}.studio{padding-top:47px}.section-heading{margin-bottom:21px}h2{font-size:23px;letter-spacing:-.75px;max-width:310px}.section-heading .eyebrow{font-size:8px;letter-spacing:1.8px;margin-bottom:9px}.workspace{grid-template-columns:1fr;gap:18px}.card{padding:21px;border-radius:16px}.card-heading{margin-bottom:21px}.dropzone{min-height:295px}.dropzone h4{font-size:15px}.dropzone p{font-size:10px}.privacy-line{font-size:9px}.settings-card .field-row{margin-bottom:19px;gap:15px}.field-row label,.field-label{font-size:12px}select{width:58%;font-size:12px;padding:12px}.codec-value{width:58%}.support-note{font-size:10px;min-height:0}.settings-footnote{font-size:10px}.field-help{font-size:10px}.settings-card .output-summary{margin-top:9px}.results-card{padding:21px}.results-card .card-heading{flex-wrap:wrap;gap:13px}.results-card h2{font-size:23px}.result-layout{grid-template-columns:1fr;gap:23px}.result-preview video{max-height:380px}.processing-card{padding:19px}.processing-card h3{font-size:14px}.progress-info{font-size:11px}.processing-foot{font-size:9px;flex-wrap:wrap}.how-it-works{padding:48px 0 30px}.guide-grid{grid-template-columns:1fr;gap:22px}.guide-grid article{padding-top:17px}.guide-grid p{max-width:none;font-size:12px}.guide-grid h3{font-size:16px;margin-top:9px}.personal-note{padding:20px;align-items:start;gap:15px;margin-bottom:35px}.personal-symbol{font-size:30px}.personal-note p{font-size:11px}.footer{flex-wrap:wrap;font-size:9px;row-gap:10px}.footer>span:nth-child(2){order:3;width:100%}.save-help{font-size:11px}.tiktok-guide p{font-size:12px}.tiktok-guide small{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.size-estimate{margin-top:13px;margin-bottom:15px}.output-summary #size-note{margin:0;max-width:none}.settings-card select{font-size:11px}

.field-row.mode-field{display:grid;grid-template-columns:1fr;gap:8px}.mode-field select{width:100%;font-size:12px}.mode-field+ .field-help{max-width:none}