@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;650;700;750&display=swap";:root{font-family:Inter,Arial,sans-serif;color:#f5f5f7;background:#09090b;font-synthesis:none;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background-image:radial-gradient(#ffffff09 1px,transparent 1px);background-size:24px 24px}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button,a{transition:.18s}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #7295ff;outline-offset:4px}.steps{position:absolute;top:0;right:0;width:49%;height:530px;z-index:-1;opacity:.52;background:repeating-linear-gradient(0deg,transparent 0 23px,#040d2d66 24px 25px),linear-gradient(135deg,#10235f,#214bc0);clip-path:polygon(0 0,100% 0,100% 100%,85% 100%,85% 84%,69% 84%,69% 68%,53% 68%,53% 52%,37% 52%,37% 36%,20% 36%,20% 19%,0 19%)}.steps.bottom{top:650px;right:auto;left:0;transform:rotate(180deg);opacity:.21;width:30%;height:600px}header{max-width:1380px;margin:auto;padding:20px 32px;display:flex;align-items:center;justify-content:space-between;gap:20px}.logo,.nav,.settings{border:1px solid #ffffff15;border-radius:40px;background:#101012b8}.logo{font-weight:750;padding:11px 17px;letter-spacing:-.5px}.logo b{color:#5682ff;font-size:22px;margin-right:9px}.nav{display:flex;gap:26px;padding:14px 24px;color:#a1a1aa;font-size:13px}.nav a:hover,.nav a.active{color:#fff}.settings{padding:12px 18px;color:#dadade;font-size:13px}.settings:hover{border-color:#577cfb}.hero{text-align:center;margin:65px auto 33px;padding:0 20px}.eyebrow{font-size:11px;letter-spacing:2px;color:#9eaff1;text-transform:uppercase}.eyebrow:before{content:"";display:inline-block;width:5px;height:5px;background:#638aff;border-radius:50%;margin:0 8px 2px 0}h1{font-weight:600;letter-spacing:-2.8px;font-size:clamp(37px,5vw,60px);line-height:1.1;margin:20px 0}h1 span{color:#929298}.hero p{font-size:14px;color:#a2a2ad;line-height:1.8}.studio{max-width:1050px;margin:0 auto 70px;padding:0 24px;display:grid;grid-template-columns:1fr 280px;gap:22px}.panel{background:#111113ef;border:1px solid #ffffff14;border-radius:20px;overflow:hidden}.form{padding:26px}.section-label{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.section-label h2{font-size:14px;font-weight:600;margin:0}.num{color:#6c83d6;font-size:11px;margin-right:9px}.muted,.hint{color:#85858f;font-size:11px;line-height:1.6}.counter{font-size:11px;color:#777781}textarea{width:100%;resize:vertical;min-height:120px;max-height:260px;background:#09090c;border:1px solid #ffffff13;border-radius:12px;color:#e5e5eb;padding:15px;line-height:1.65;font-size:13px}textarea::placeholder{color:#666670}.examples{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:10px 0 23px;font-size:10px;color:#777781}.chip{color:#a6a6b0;background:#19191e;border:1px solid #ffffff0c;border-radius:20px;padding:5px 9px;font-size:10px}.chip:hover{border-color:#607df1;color:#fff}.choices{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.choice{position:relative;padding:0;text-align:left;color:#dcdce3;border:1px solid #ffffff15;background:#151518;border-radius:11px;overflow:hidden}.choice[aria-pressed=true]{border-color:#577bff;box-shadow:0 0 0 1px #577bff44}.choice[aria-pressed=true]:after{content:"✓";position:absolute;top:8px;right:8px;width:17px;height:17px;border-radius:50%;background:#4572f5;text-align:center;font-size:11px;line-height:17px}.art{height:78px;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.art svg{width:100%;height:100%}.choice strong{display:block;font-size:11px;font-weight:500;padding:10px 10px 3px}.choice small{display:block;color:#777782;font-size:9px;padding:0 10px 11px}.upload{display:block;border:1px dashed #363640;border-radius:9px;padding:10px 12px;margin:12px 0 24px;font-size:11px;color:#a6a6b0;cursor:pointer}.upload:hover{border-color:#6a82e6}.upload input{width:100%;font-size:10px;margin-top:8px}.voices{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.voice{color:#d6d6df;background:#17171c;border:1px solid #ffffff12;border-radius:10px;padding:11px 6px;text-align:center}.voice[aria-pressed=true]{border-color:#587dff;background:#19213c}.avatar{display:flex;align-items:center;justify-content:center;width:29px;height:29px;border-radius:50%;margin:0 auto 7px;background:#353347;color:#c6bded;font-size:11px}.voice:nth-child(2) .avatar{background:#42313c;color:#e4b7ce}.voice:nth-child(3) .avatar{background:#263a3c;color:#b4dfd5}.voice span:not(.avatar){display:block;font-size:11px}.voice small{display:block;font-size:9px;color:#858591;margin-top:3px}.voice-tools{display:flex;align-items:center;justify-content:space-between;margin:11px 0 22px}.text-button{background:none;border:0;color:#a9baff;font-size:11px;padding:0}.options{display:grid;grid-template-columns:1fr 1fr 1fr;gap:11px;margin:0 0 22px}.options label{color:#8f8f9c;font-size:10px}select{display:block;width:100%;padding:9px 7px;margin-top:7px;background:#19191d;border:1px solid #ffffff13;border-radius:7px;font-size:11px;color:#d9d9df}.primary{border:1px solid #5177ff;background:#325cf4;color:#fff;border-radius:30px;padding:13px 20px;font-weight:500;font-size:13px}.primary:hover{background:#436cfb}.go{width:100%;display:flex;justify-content:center;gap:14px}.footnote{text-align:center;font-size:10px;color:#777781;margin:12px 0 0}.preview-panel{padding:18px;align-self:start}.preview-title{display:flex;justify-content:space-between;font-size:11px;color:#a4a4b0;margin-bottom:15px}.preview-title span:last-child{font-size:9px;border:1px solid #ffffff19;padding:2px 6px;border-radius:4px}.phone{aspect-ratio:9/16;position:relative;border:1px solid #ffffff1a;border-radius:13px;overflow:hidden;background:linear-gradient(160deg,#17213c,#0e111d 55%,#293452)}.phone .placeholder{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:15px;background:radial-gradient(ellipse at 50% 15%,#304c7b44,transparent 70%)}.play-icon{font-size:28px;color:#96abef;width:56px;height:56px;display:grid;place-items:center;border:1px solid #8aa4ff33;border-radius:50%;background:#ffffff06}.placeholder p{font-size:11px;color:#8c9bbb;line-height:1.6}.caption-demo{position:absolute;top:62%;width:100%;text-align:center;font-weight:750;font-size:19px;line-height:1.3;text-shadow:2px 2px 0 black,-2px -2px 0 black,2px -2px 0 black,-2px 2px 0 black;padding:10px}.caption-demo em{font-style:normal;color:#fff36c}.phone video{width:100%;height:100%;object-fit:cover}.phone video[hidden]{display:none}.preview-meta{display:flex;justify-content:space-between;font-size:10px;color:#858591;margin:14px 0}.divider{border-top:1px solid #ffffff0c;margin:16px 0}.preview-panel h3{font-size:12px;font-weight:500}.preview-panel p{font-size:11px;color:#868692;line-height:1.7}.status{font-size:12px;line-height:1.6;margin-top:15px;color:#b7c6ff;white-space:pre-line}.status.error{color:#ffb0b0}progress{width:100%;height:5px;accent-color:#5279ff}.actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:12px}.actions a,.actions button{font-size:11px}.below{max-width:1000px;margin:auto;padding:0 24px 60px}.below h2{font-size:29px;letter-spacing:-1px;font-weight:550}.below h2 span{color:#85858d}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:30px}.features b{font-size:12px;font-weight:500}.features p,details p{font-size:12px;line-height:1.8;color:#8a8a96}.features i{display:block;font-style:normal;color:#6e91ff;margin-bottom:14px}details{border-bottom:1px solid #ffffff12;padding:18px 0;font-size:13px}summary{cursor:pointer}footer{max-width:1000px;margin:auto;padding:25px 24px;border-top:1px solid #ffffff12;display:flex;justify-content:space-between;color:#686873;font-size:11px}dialog{background:#141419;color:#eee;border:1px solid #353541;border-radius:18px;padding:28px;max-width:460px;width:calc(100% - 32px)}dialog::backdrop{background:#000b;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}dialog h2{margin-top:0;font-size:22px}dialog p,dialog label{font-size:12px;line-height:1.8;color:#a6a6b1}dialog input{display:block;width:100%;margin:12px 0 20px;padding:12px;background:#08080b;border:1px solid #33333d;border-radius:8px;color:#fff}.close{float:right;border:0;background:none;color:#aaa;font-size:20px}.script-box{margin-top:15px}.script-box textarea{min-height:190px}.hidden,[hidden]{display:none!important}@media(min-width:1400px){.hero{margin-top:90px}}@media(max-width:760px){header{padding:16px}.nav{display:none}.hero{margin-top:45px}h1{letter-spacing:-1.6px}.studio{grid-template-columns:1fr;padding:0 16px}.preview-panel{display:none}.form{padding:19px}.features{grid-template-columns:1fr;gap:15px}.steps{width:70%;opacity:.25}.hero p{font-size:12px}.options{gap:7px}.choices{gap:6px}.choice strong{font-size:10px}.settings{font-size:11px}footer{gap:20px}.below h2{font-size:25px}}
