@import"https://fonts.googleapis.com/css2?family=Manrope:wght@300;400;600;700;800&family=Syne:wght@600;700;800&display=swap";:root{font-family:Manrope,Segoe UI,sans-serif;line-height:1.5;font-weight:400;color:#0d0f12;background-color:#f3f1eb;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(circle at top left,#f8f1dc,transparent 55%),radial-gradient(circle at 25% 20%,#f1d5c5,transparent 40%),radial-gradient(circle at 80% 10%,#c6d6f6,transparent 45%),#efeae1;color:inherit}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{font:inherit;border:none;background:none;cursor:pointer}#root{max-width:1200px;margin:0 auto;padding:32px 20px 72px}.page{display:flex;flex-direction:column;gap:48px;min-height:100vh}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:inline-flex;align-items:center;gap:12px;font-weight:700;letter-spacing:.6px;text-transform:uppercase}.brand-mark{width:18px;height:18px;border-radius:6px;background:conic-gradient(from 120deg,#ff6b4a,#ffd25c,#5ed5a8,#4a7bff,#ff6b4a);box-shadow:0 6px 16px #0000002e}.nav{display:inline-flex;align-items:center;gap:8px}.ghost{padding:8px 14px;border-radius:999px;font-size:14px;color:#2b2f36;background:#fff9;border:1px solid rgba(0,0,0,.06);transition:all .2s ease}.ghost:hover{transform:translateY(-1px);background:#ffffffe6}.content{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.content-card{background:#fffc;border-radius:18px;padding:18px;border:1px solid rgba(0,0,0,.05);display:flex;flex-direction:column;gap:10px}.content-card ul{margin:0;padding-left:18px;display:grid;gap:8px;color:#3f434c;font-size:14px}.price-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.price-card{border-radius:14px;border:1px solid rgba(0,0,0,.06);padding:12px;background:#fffc;display:flex;flex-direction:column;gap:10px}.price-card .price{font-size:1.6rem;font-weight:700;margin:0}.content-card p{margin:0;color:#3f434c}.muted{color:#6e737c;font-size:13px}.footer{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding:18px;border-radius:18px;background:#0f141a14}.footer div{display:flex;flex-direction:column;gap:6px;font-size:13px}.footer a{color:inherit}.hero{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;align-items:stretch;min-height:calc(100vh - 160px)}.hero-copy{display:flex;flex-direction:column;gap:18px;padding:12px 0;overflow:auto}.eyebrow{font-size:13px;text-transform:uppercase;letter-spacing:1.8px;color:#8a6b5a;font-weight:700}.hero-copy h1{font-family:Syne,Manrope,sans-serif;font-size:clamp(2.2rem,4vw,3.4rem);line-height:1.05;margin:0;color:#13161d}.hero-copy h1 span{display:block;color:#ff5a3c}.lead{font-size:1.05rem;color:#3c4048;max-width:520px}.cta-row{display:flex;gap:12px;flex-wrap:wrap}.primary{background:#0f141a;color:#fff;padding:12px 22px;border-radius:14px;font-weight:600;box-shadow:0 18px 30px #0f141a40;transition:transform .2s ease,box-shadow .2s ease}.primary:hover{transform:translateY(-2px);box-shadow:0 20px 36px #0f141a4d}.primary:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.secondary{padding:12px 22px;border-radius:14px;background:#ffffffb3;border:1px solid rgba(0,0,0,.08);font-weight:600}.meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:12px}.meta div{background:#ffffffa6;border-radius:16px;padding:12px 14px;display:flex;flex-direction:column;gap:6px;border:1px solid rgba(0,0,0,.05)}.meta strong{font-size:1.1rem;font-weight:700}.meta span{font-size:12px;text-transform:uppercase;color:#7a7f88;letter-spacing:1px}.upload-card{background:#fdfaf5;border-radius:24px;padding:22px;border:1px solid rgba(0,0,0,.08);box-shadow:0 20px 50px #1414141f;display:flex;flex-direction:column;gap:18px;position:relative;overflow:hidden;max-height:calc(100vh - 180px);overflow-y:auto}.upload-card:after{content:"";position:absolute;inset:auto -20% -30% auto;width:220px;height:220px;background:radial-gradient(circle,rgba(255,90,60,.3),transparent 60%);filter:blur(0);opacity:.9}.card-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.card-head h2{margin:0;font-size:1.2rem}.pill{font-size:12px;padding:6px 12px;border-radius:999px;background:#ff5a3c1a;color:#ff5a3c;font-weight:600}.dropzone{border:1.5px dashed rgba(15,20,26,.3);border-radius:18px;padding:18px;min-height:220px;display:flex;align-items:center;justify-content:center;background:#fff9;position:relative;overflow:hidden;transition:border .2s ease,background .2s ease}.dropzone.dragging{border-color:#ff5a3cb3;background:#ff5a3c14}.dropzone input{position:absolute;inset:0;opacity:0;cursor:pointer}.dropzone.has-preview{padding:0;border:none}.dropzone img{width:100%;height:100%;object-fit:cover;border-radius:18px}.preview{width:100%;aspect-ratio:var(--preview-aspect, 16 / 9);overflow:hidden;border-radius:18px;position:relative;background:#0f141a;cursor:grab}.preview:active{cursor:grabbing}.preview img{width:100%;height:100%;object-fit:cover;transform-origin:center;transition:transform .05s linear}.edit-controls{display:grid;gap:10px}.control{display:flex;flex-direction:column;gap:8px}.control label{font-size:13px;font-weight:700;color:#2d3036}.control input[type=range]{width:100%}.placeholder{text-align:center;color:#3c4048;display:flex;flex-direction:column;gap:8px}.placeholder p{margin:0;font-weight:600}.placeholder span{font-size:12px;text-transform:uppercase;letter-spacing:1px;color:#8a9098}.spark{width:44px;height:44px;border-radius:14px;margin:0 auto;background:linear-gradient(135deg,#ffd25c,#ff5a3c);position:relative;box-shadow:0 10px 18px #ff5a3c40;animation:float 3s ease-in-out infinite}.spark:after{content:"";position:absolute;inset:10px;border-radius:9px;background:#ffffffa6}.timeline{display:flex;align-items:center;gap:12px;font-size:12px;color:#6b7079;text-transform:uppercase;letter-spacing:1px}.prompt{display:flex;flex-direction:column;gap:8px}.prompt label{font-size:13px;font-weight:700;color:#2d3036}.prompt textarea{min-height:92px;padding:12px 14px;border-radius:12px;border:1px solid rgba(0,0,0,.1);background:#ffffffb3;font:inherit;resize:vertical}.prompt input{padding:12px 14px;border-radius:12px;border:1px solid rgba(0,0,0,.1);background:#ffffffb3;font:inherit}.options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.option{display:flex;flex-direction:column;gap:8px}.option label{font-size:13px;font-weight:700;color:#2d3036}.option select{padding:12px 14px;border-radius:12px;border:1px solid rgba(0,0,0,.1);background:#ffffffb3;font:inherit}.toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:14px;background:#ffffffb3;border:1px solid rgba(0,0,0,.06);font-size:13px;font-weight:700;color:#2d3036}.toggle-group{display:inline-flex;background:#0f141a14;border-radius:999px;padding:4px;gap:4px}.toggle-btn{padding:6px 12px;border-radius:999px;font-size:12px;font-weight:700;color:#2d3036}.toggle-btn.active{background:#0f141a;color:#fff}.mode-hint{margin:0;font-size:12px;color:#6e737c}.track{flex:1;height:6px;background:#00000014;border-radius:999px;position:relative}.fill{position:absolute;inset:0 35% 0 0;border-radius:999px;background:linear-gradient(90deg,#ff5a3c,#ffd25c)}.dot{position:absolute;top:50%;width:10px;height:10px;background:#fff;border:2px solid #0f141a;border-radius:50%;transform:translateY(-50%)}.dot:nth-child(2){left:18%}.dot:nth-child(3){left:52%}.dot:nth-child(4){left:82%}.full{width:100%}.helper{margin:0;font-size:13px;color:#6e737c}.status{display:flex;flex-direction:column;gap:6px}.progress-bar{display:flex;flex-direction:column;gap:8px;padding:10px 12px;border-radius:14px;background:#ffffffb3;border:1px solid rgba(0,0,0,.06)}.progress-head{display:flex;justify-content:space-between;align-items:center;font-size:12px;text-transform:uppercase;letter-spacing:1px;color:#6b7079}.progress-head strong{color:#111418;font-weight:700}.progress-track{height:8px;background:#00000014;border-radius:999px;overflow:hidden}.progress-eta{font-size:12px;color:#6e737c}.progress-fill{height:100%;background:linear-gradient(90deg,#ff5a3c,#ffd25c);border-radius:999px;transition:width .3s ease;position:relative;overflow:hidden}.progress-fill.active:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.45),transparent);animation:shimmer 1.6s linear infinite}.badge{display:inline-flex;align-items:center;gap:6px;font-size:12px;padding:6px 10px;border-radius:999px;background:#0f141a14;color:#2d3036;width:fit-content}.error{font-size:12px;color:#c0392b;font-weight:600}.details{display:grid;gap:10px;padding:12px 14px;border-radius:14px;background:#0f141a0d;border:1px solid rgba(0,0,0,.06)}.details div{display:flex;flex-direction:column;gap:4px}.details span{font-size:12px;text-transform:uppercase;letter-spacing:1px;color:#7b8088}.details strong{font-size:14px;color:#111418}.progress{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:8px;padding:12px 10px;border-radius:16px;background:#ffffffb3;border:1px solid rgba(0,0,0,.06)}.progress-step{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;font-size:12px;color:#8a9098}.progress-dot{width:12px;height:12px;border-radius:50%;border:2px solid rgba(15,20,26,.2);background:#fdfaf5;position:relative}.progress-step.active{color:#111418;font-weight:600}.progress-step.active .progress-dot{border-color:#111418;background:linear-gradient(135deg,#ff5a3c,#ffd25c);box-shadow:0 6px 12px #ff5a3c40}.result{background:#fffc;border-radius:16px;padding:14px;display:flex;flex-direction:column;gap:12px}.result.compact{padding:12px}.result h3{margin:0;font-size:1rem}.result video{width:100%;border-radius:12px;background:#0f141a}.result-actions{display:flex;flex-wrap:wrap;gap:8px}.result-empty{font-size:13px;color:#6e737c;background:#0f141a0d;border-radius:12px;padding:12px}.info{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.info-card{background:#ffffffb3;border-radius:18px;padding:18px;border:1px solid rgba(0,0,0,.05)}.info-card h3{margin-top:0;margin-bottom:10px}.info-card ul,.info-card ol{margin:0;padding-left:18px;display:grid;gap:8px;color:#3f434c;font-size:14px}.info-card.accent{background:linear-gradient(130deg,#ff5a3c33,#ffd25c33);border:1px solid rgba(255,90,60,.2)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media(max-width:960px){.hero,.meta,.info,.options,.content,.price-grid,.footer{grid-template-columns:1fr}}