@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&display=swap";:root{font-family:DM Sans,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#11131d;background:#f5f4fb;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #11131d;--muted: #666979;--line: #dbdce6;--surface: #ffffff;--blue: #315be8;--blue-dark: #2147ca;--coral: #ff574f;--mint: #48c495;--lavender: #e9e8f6;--radius: 18px}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-width:320px;background:var(--surface)}button,input,select,a{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid rgba(49,91,232,.24);outline-offset:2px}.app-shell{min-height:100vh;background:#fbfbfe}.app-header{height:78px;padding:0 30px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid var(--line);background:#fffffff7;position:relative;z-index:10}.brand{display:inline-flex;align-items:center;gap:12px;font-weight:700;font-size:23px;letter-spacing:-.04em}.brand-mark{width:32px;height:28px;display:grid;gap:3px;align-content:center}.brand-mark i{display:block;height:5px;border-radius:5px;background:var(--blue);transform-origin:left}.brand-mark i:nth-child(1){width:21px;transform:translate(6px) rotate(10deg)}.brand-mark i:nth-child(2){width:30px}.brand-mark i:nth-child(3){width:21px;transform:translate(6px) rotate(-10deg)}.progress-steps{display:flex;align-items:center}.progress-step{display:flex;align-items:center;color:#646777;font-size:14px;font-weight:500}.step-number{width:28px;height:28px;display:grid;place-items:center;border:1px solid #c9cbd7;border-radius:50%;margin-right:8px}.progress-step.active{color:var(--ink);font-weight:600}.progress-step.active .step-number{color:#fff;background:var(--blue);border-color:var(--blue)}.progress-step.complete .step-number{color:var(--blue);border-color:var(--blue)}.step-line{width:clamp(24px,4vw,66px);height:1px;background:#cfd1db;margin:0 14px}.privacy-button{justify-self:end;display:inline-flex;align-items:center;gap:7px;padding:8px 0;background:none;border:0;font-size:14px;cursor:default}.button{border:1px solid #cfd1dc;border-radius:11px;background:#fff;min-height:42px;padding:0 17px;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-weight:600;font-size:14px;text-decoration:none;cursor:pointer;transition:transform .16s ease,border-color .16s ease,background .16s ease}.button:hover:not(:disabled){transform:translateY(-1px);border-color:#aeb1c0}.button.primary{color:#fff;border-color:var(--coral);background:var(--coral);box-shadow:0 8px 20px #ff574f33}.button.primary:hover{background:#ef4741}.button.large{min-height:52px;padding:0 22px;border-radius:13px}.button.quiet{background:transparent}.button.link{border:0;background:transparent;color:var(--blue);padding:0;min-height:34px}.button.full{width:100%;min-height:56px;font-size:16px}.button:disabled{cursor:not-allowed;opacity:.5}.setup-screen{min-height:calc(100vh - 78px);display:grid;grid-template-columns:minmax(0,.84fr) minmax(520px,1.16fr);overflow:hidden}.setup-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(60px,8vw,130px);padding-right:56px;background:#fff}.setup-copy h1{max-width:610px;margin:0 0 24px;font-size:clamp(52px,5.3vw,82px);letter-spacing:-.065em;line-height:.98;font-weight:600}.setup-copy>p{max-width:530px;margin:0;color:#5f6271;font-size:19px;line-height:1.55}.setup-actions{display:flex;gap:12px;margin-top:36px}.trust-note{max-width:520px;display:flex;align-items:flex-start;gap:12px;margin-top:38px;padding-top:24px;color:#6b6e7d;border-top:1px solid #e3e4eb;font-size:13px;line-height:1.5}.trust-note svg{color:var(--mint);flex:0 0 auto}.trust-note strong{color:#30323c}.permission-error,.inline-error{margin-top:20px;padding:13px 15px;border:1px solid #f0c0bc;border-radius:10px;background:#fff5f4;color:#79332e;font-size:13px;line-height:1.45}.permission-error{max-width:520px;display:grid;gap:3px}.setup-visual{display:grid;place-items:center;align-content:center;padding:60px 6vw;background:#ecebf7;position:relative}.setup-stage{width:min(650px,100%);aspect-ratio:1.24;border-radius:34px;background:#deddf0;box-shadow:0 35px 70px #44427529;position:relative;overflow:hidden}.setup-stage:before{content:"";position:absolute;width:55%;height:55%;left:-18%;top:-14%;border:48px solid rgba(255,255,255,.42);border-radius:50%}.setup-stage:after{content:"";position:absolute;left:18%;right:12%;bottom:9%;height:11%;border-radius:50%;background:#716f9f21}.floating-status{position:absolute;top:24px;left:24px;z-index:3;display:flex;align-items:center;gap:8px;padding:9px 12px;border-radius:20px;background:#ffffffdb;font-size:12px;font-weight:600;box-shadow:0 8px 18px #35345717}.floating-status i{width:8px;height:8px;border-radius:50%;background:var(--mint)}.setup-character{position:absolute;width:52%;height:76%;left:26%;top:13%;z-index:2;animation:character-float 3.8s ease-in-out infinite}.setup-face{position:absolute;width:67%;aspect-ratio:1.07;left:16%;top:4%;border-radius:48% 48% 44% 44%;background:#315be8;box-shadow:inset -14px -16px #0e267c24,inset 9px 8px #ffffff0f;z-index:2}.setup-body{position:absolute;width:63%;height:58%;left:18%;bottom:0;border-radius:48% 48% 31% 31%;background:#315be8;box-shadow:inset -14px -12px #0e267c24}.setup-eye{position:absolute;width:24%;aspect-ratio:.86;top:34%;border-radius:50%;background:#fff;box-shadow:inset 0 -5px #dde2ff}.setup-eye:before{content:"";position:absolute;width:52%;aspect-ratio:1;left:28%;top:30%;border-radius:50%;background:#121522;box-shadow:inset 3px 3px #fffc}.setup-eye.left{left:19%}.setup-eye.right{right:19%}.setup-smile{position:absolute;width:27%;height:12%;left:36.5%;bottom:18%;border-radius:0 0 50% 50%;background:#172254}.setup-antenna{position:absolute;width:8%;height:30%;top:-8%;z-index:1;border-radius:20px;background:#315be8;transform-origin:bottom}.setup-antenna.left{left:29%;transform:rotate(-22deg)}.setup-antenna.right{right:29%;transform:rotate(22deg)}.setup-hand{position:absolute;width:23%;height:15%;top:60%;z-index:3;border-radius:50%;background:#315be8}.setup-hand.left{left:2%;transform:rotate(32deg)}.setup-hand.right{right:2%;transform:rotate(-32deg)}.device-preview{position:absolute;z-index:4;display:grid;grid-template-columns:auto 1fr;gap:2px 9px;min-width:170px;padding:12px 15px;border-radius:14px;background:#fff;box-shadow:0 14px 28px #2a2a4b29;font-size:11px}.device-preview svg{grid-row:1 / 3;align-self:center;color:var(--blue)}.device-preview span{color:#777989}.device-preview strong{font-size:12px}.device-preview.camera{left:3%;bottom:13%}.device-preview.microphone{right:3%;top:26%}.privacy-strip{display:flex;gap:9px;align-items:center;margin-top:24px;color:#555868;font-size:12px}.privacy-strip svg{color:var(--mint)}@keyframes character-float{0%,to{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-9px) rotate(1deg)}}.studio-layout{display:grid;grid-template-columns:minmax(0,1fr) 390px;min-height:calc(100vh - 78px)}.stage-column{padding:28px 22px 20px 28px;min-width:0}.stage-frame{width:100%;aspect-ratio:1.55;max-height:calc(100vh - 220px);min-height:440px;border:1px solid #c9c9df;border-radius:20px;overflow:hidden;position:relative;background:var(--lavender);transition:box-shadow .18s ease}.stage-frame.recording{box-shadow:0 0 0 3px #ff574f33}.performance-canvas{display:block;width:100%;height:100%;object-fit:cover}.stage-status{position:absolute;top:20px;display:flex;align-items:center;gap:8px;color:#1b1d28;font-size:13px;font-weight:500;text-shadow:0 1px 8px rgba(255,255,255,.7)}.stage-status.left{left:22px}.stage-status.right{right:22px}.stage-status i{width:8px;height:8px;border-radius:50%;background:var(--mint)}.countdown{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#fff;font-size:130px;font-weight:600;background:#16182747;text-shadow:0 5px 28px rgba(0,0,0,.22);animation:count-pop .8s ease}@keyframes count-pop{0%{transform:scale(.75);opacity:0}35%{transform:scale(1);opacity:1}to{transform:scale(.94);opacity:.7}}.recording-banner{position:absolute;top:18px;left:50%;transform:translate(-50%);min-width:170px;height:38px;padding:0 8px 0 14px;display:flex;align-items:center;gap:14px;border-radius:20px;background:#151620db;color:#fff;font-size:12px}.recording-banner span{display:flex;align-items:center;gap:6px;font-weight:700}.recording-banner i{width:7px;height:7px;border-radius:50%;background:var(--coral);animation:blink 1s infinite}.recording-banner button{width:28px;height:28px;margin-left:auto;border:0;border-radius:50%;display:grid;place-items:center;background:#ffffff1f;color:#fff;cursor:pointer}@keyframes blink{50%{opacity:.35}}.record-controls{min-height:90px;display:flex;align-items:center;justify-content:center;gap:34px;padding-top:16px}.square-control,.pause-control{width:56px;height:52px;border:1px solid #b9bbc7;border-radius:12px;display:grid;place-items:center;background:#fff}.pause-control{width:52px;border-color:transparent;background:#eff0f7;cursor:pointer}.record-button{width:72px;height:72px;display:grid;place-items:center;border:4px solid white;border-radius:50%;outline:2px solid var(--coral);background:var(--coral);color:#fff;cursor:pointer;box-shadow:0 8px 20px #ff574f2e;transition:transform .15s ease}.record-button:hover{transform:scale(1.04)}.record-button.stop{border-radius:24px}.record-helper{margin:0;text-align:center;color:#606373;font-size:13px}.studio-rail{min-width:0;display:flex;flex-direction:column;border-left:1px solid var(--line);background:#fff}.rail-section{padding:28px 26px;border-bottom:1px solid var(--line)}.rail-section h2{margin:0 0 18px;font-size:19px;letter-spacing:-.025em}.selected-avatar{display:flex;align-items:center;gap:12px;margin-bottom:14px}.selected-avatar>.avatar-thumb{width:48px;height:54px}.selected-avatar>span{display:grid;gap:1px}.selected-avatar strong{font-size:17px}.selected-avatar small{color:var(--muted);font-size:12px}.avatar-list{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}.avatar-thumb{--avatar-color: #315be8;--avatar-accent: #89a5ff;aspect-ratio:.84;min-width:0;border:1px solid #d8d9e2;border-radius:11px;background:#eff0f6;position:relative;overflow:hidden;cursor:pointer}.avatar-thumb.selected{border:2px solid var(--blue);background:#e8ecff;box-shadow:0 0 0 2px #fff}.thumb-head{position:absolute;width:62%;aspect-ratio:1;top:19%;left:19%;border-radius:47%;background:var(--avatar-color);z-index:2}.thumb-body{position:absolute;width:74%;height:50%;left:13%;bottom:-18%;border-radius:45% 45% 0 0;background:var(--avatar-color)}.thumb-eye{position:absolute;width:23%;height:29%;top:32%;border-radius:50%;background:#fff}.thumb-eye:before{content:"";position:absolute;width:51%;aspect-ratio:1;left:28%;top:31%;border-radius:50%;background:#11131d}.thumb-eye.left{left:18%}.thumb-eye.right{right:18%}.thumb-mouth{position:absolute;width:26%;height:9%;left:37%;bottom:16%;border-radius:0 0 20px 20px;background:#181d35}.thumb-ears:before,.thumb-ears:after{content:"";position:absolute;width:11%;height:28%;top:5%;border-radius:10px;background:var(--avatar-color);z-index:1}.thumb-ears:before{left:29%;transform:rotate(-18deg)}.thumb-ears:after{right:29%;transform:rotate(18deg)}.avatar-animal .thumb-ears:before,.avatar-animal .thumb-ears:after{width:24%;height:27%;border-radius:2px 90% 4px}.avatar-human .thumb-ears,.avatar-hero .thumb-ears,.avatar-robot .thumb-ears{display:none}.avatar-human .thumb-head,.avatar-hero .thumb-head{border-radius:45% 45% 48% 48%;box-shadow:inset 0 9px 0 var(--avatar-accent)}.avatar-robot .thumb-head{width:72%;left:14%;border-radius:32%;background:#1a2335;border:5px solid var(--avatar-color)}.avatar-fantasy .thumb-head:after{content:"";position:absolute;width:16%;height:32%;left:42%;top:-24%;background:var(--avatar-accent);border-radius:100% 0;transform:rotate(45deg)}.signal-row{min-height:56px;display:grid;grid-template-columns:28px 1fr auto 18px;align-items:center;gap:8px;padding:0 13px;margin-bottom:9px;border:1px solid #d8d9e2;border-radius:11px;font-size:13px}.signal-row:last-child{margin-bottom:0}.responsive-status{display:flex;align-items:center;gap:7px;color:#6e7180;font-size:11px}.responsive-status i{width:8px;height:8px;border-radius:50%;background:var(--mint)}.device-select{min-height:52px;display:grid;grid-template-columns:26px 1fr 18px;align-items:center;gap:8px;margin-bottom:9px;padding:0 13px;border:1px solid #d8d9e2;border-radius:11px}.device-select select{min-width:0;width:100%;border:0;outline:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;color:#292b35;font-size:12px}.audio-meter{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:12px;padding:8px 3px 0;color:#6f7280;font-size:11px}.audio-meter>div{height:4px;overflow:hidden;border-radius:4px;background:#e7e8ee}.audio-meter i{display:block;height:100%;border-radius:inherit;background:var(--mint);transition:width .1s linear}.rail-trust{margin-top:auto;display:flex;align-items:center;gap:9px;padding:22px 26px;color:#636675;font-size:12px}.rail-trust svg{color:#278b68}.source-video{position:fixed;width:2px;height:2px;opacity:0;pointer-events:none}.review-layout{grid-template-columns:minmax(0,1fr) 400px}.review-column{min-width:0;padding:32px 32px 24px}.review-heading h1{margin:0;font-size:28px;letter-spacing:-.045em}.review-heading p{margin:7px 0 22px;color:#555867;font-size:14px}.review-player{width:100%;aspect-ratio:1.64;max-height:600px;position:relative;overflow:hidden;border:1px solid #cecfdd;border-radius:18px 18px 0 0;background:#deddef}.review-player>video{width:100%;height:100%;display:block;object-fit:cover}.center-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:56px;height:56px;display:grid;place-items:center;border:0;border-radius:50%;color:#fff;background:#131522ad;cursor:pointer;opacity:0;transition:opacity .16s ease}.review-player:hover .center-play,.center-play:focus-visible{opacity:1}.original-comparison{position:absolute;left:14px;bottom:14px;width:27%;aspect-ratio:1.26;overflow:hidden;border:3px solid white;border-radius:12px;background:#222;box-shadow:0 8px 25px #1e1e303b}.original-comparison span{position:absolute;top:7px;left:7px;z-index:2;padding:4px 8px;border-radius:6px;color:#fff;background:#16171fc7;font-size:10px}.original-comparison video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.timeline-panel{padding:18px 16px 14px;border:1px solid #cecfdd;border-top:0;border-radius:0 0 18px 18px;background:#fff}.transport-row{display:grid;grid-template-columns:42px auto auto minmax(200px,1fr);align-items:center;gap:7px;font-size:13px}.transport-row>button{width:38px;height:38px;display:grid;place-items:center;border:1px solid #d6d7e0;border-radius:8px;background:#fff}.transport-row>span{color:#6e7180}.waveform-wrap{height:50px;position:relative;margin-left:8px}.waveform{position:absolute;top:8px;right:0;bottom:8px;left:0;display:flex;align-items:center;gap:2px;padding:0 10px;border:1px solid #d8d9e2;border-radius:8px;overflow:hidden}.waveform i{flex:1 1 1px;max-width:3px;border-radius:3px;background:#5374e8;opacity:.78}.waveform-wrap>input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;opacity:0;cursor:pointer}.trim-controls{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:14px 48px 12px 136px}.trim-controls label{display:grid;gap:7px;color:#626574;font-size:10px}input[type=range]{accent-color:var(--blue)}.review-actions{display:flex;justify-content:space-between;align-items:center;padding-top:13px;border-top:1px solid #e2e3e9}.review-rail{min-height:calc(100vh - 78px)}.voice-section h3,.strength-section h3{margin:24px 0 12px;font-size:13px}.voice-primary{width:100%;min-height:64px;margin-bottom:8px;padding:0 13px;display:grid;grid-template-columns:18px 28px 1fr 22px;align-items:center;gap:9px;border:1px solid #d8d9e2;border-radius:10px;background:#fff;text-align:left;cursor:pointer}.voice-primary.selected{border:2px solid var(--blue)}.radio{width:17px;height:17px;border:1px solid #1f2230;border-radius:50%}.voice-primary.selected .radio{border:5px solid var(--blue)}.voice-check{padding:3px;border-radius:50%;color:#fff;background:var(--mint)}.voice-list{overflow:hidden;border:1px solid #d8d9e2;border-radius:10px}.voice-list>button{width:100%;min-height:48px;padding:0 12px;display:grid;grid-template-columns:26px 1fr 28px;align-items:center;border:0;border-bottom:1px solid #e0e1e8;background:#fff;text-align:left;font-size:13px;cursor:pointer}.voice-list>button:last-child{border-bottom:0}.voice-list>button.selected{color:var(--blue);background:#f3f5ff}.preview-voice{width:27px;height:27px;display:grid;place-items:center;border:1px solid #9fa2b2;border-radius:50%}.strength-section{position:relative}.strength-section h3{margin-top:0}.strength-section output{position:absolute;top:23px;left:50%;transform:translate(-50%);padding:3px 8px;border:1px solid #dadbe3;border-radius:6px;background:#fff;font-size:10px}.strength-section input{width:100%;margin-top:20px}.range-labels{display:flex;justify-content:space-between;margin-top:2px;color:#686b79;font-size:10px}.strength-section p{margin:18px 0 0;color:#5f6270;font-size:11px}.create-actions{margin-top:auto;padding:22px 26px}.create-actions p{display:flex;align-items:flex-start;gap:8px;margin:0 0 18px;color:#646775;font-size:11px;line-height:1.45}.create-actions .button.link{width:100%;margin-top:10px}.processing-screen{min-height:calc(100vh - 78px);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 24px;text-align:center;background:#f1f0f9}.processing-orbit{width:140px;height:140px;display:grid;place-items:center;position:relative;margin-bottom:30px}.processing-orbit>span{position:absolute;top:0;right:0;bottom:0;left:0;border:2px solid rgba(49,91,232,.2);border-top-color:var(--blue);border-radius:50%;transition:transform .2s linear}.processing-avatar{--avatar-color: #315be8;width:88px;height:88px;display:flex;align-items:center;justify-content:center;gap:12px;border-radius:48%;background:var(--avatar-color)}.processing-avatar i{width:17px;height:24px;border:7px solid white;border-radius:50%;background:#12141f}.processing-screen h1{margin:0;font-size:34px;letter-spacing:-.045em}.processing-screen p{color:#666978}.progress-bar{width:min(430px,90vw);height:7px;margin-top:24px;overflow:hidden;border-radius:10px;background:#dcdde7}.progress-bar i{display:block;height:100%;background:var(--blue);transition:width .18s linear}.processing-screen>strong{margin-top:10px;color:#555867;font-size:12px}.result-screen{min-height:calc(100vh - 78px);display:grid;grid-template-columns:.76fr 1.24fr;gap:6vw;align-items:center;padding:60px 7vw;background:#f1f0f9}.success-mark{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;color:#fff;background:var(--mint);font-weight:700}.result-copy h1{max-width:520px;margin:22px 0 14px;font-size:clamp(42px,4vw,66px);line-height:1;letter-spacing:-.06em}.result-copy>p{max-width:480px;color:#606371;line-height:1.55}.result-actions{display:flex;gap:10px;margin-top:30px}.delete-action{display:flex;align-items:center;gap:7px;margin-top:24px;padding:0;border:0;background:none;color:#8e4440;font-size:12px;cursor:pointer}.result-label{display:flex;align-items:center;gap:8px;margin-top:48px;font-size:11px}.result-player{overflow:hidden;border-radius:18px;background:#fff;box-shadow:0 28px 55px #302e4f2e}.result-player video{display:block;width:100%;aspect-ratio:16 / 9;background:#d9d8ea}.result-player-meta{height:58px;display:grid;grid-template-columns:1fr auto 40px;align-items:center;gap:20px;padding:0 18px;color:#666978;font-size:12px}.result-player-meta span:first-child{color:var(--ink);font-weight:600}.result-player-meta button{border:0;background:none}@media(max-width:1100px){.app-header{grid-template-columns:1fr auto}.progress-steps{position:fixed;left:50%;bottom:14px;transform:translate(-50%);z-index:30;padding:9px 14px;border:1px solid var(--line);border-radius:30px;background:#fffffff5;box-shadow:0 10px 30px #2c2b4421}.step-line{width:18px;margin:0 7px}.step-label{display:none}.setup-screen{grid-template-columns:1fr 1fr}.setup-copy{padding:60px 46px}.studio-layout,.review-layout{grid-template-columns:minmax(0,1fr) 330px}.stage-frame{min-height:390px}.rail-section{padding:22px 20px}.avatar-list{grid-template-columns:repeat(3,1fr)}.avatar-thumb{max-height:64px}}@media(max-width:760px){.app-header{height:64px;padding:0 18px}.brand{font-size:19px}.brand-mark{transform:scale(.85);margin-right:-3px}.privacy-button span{display:none}.setup-screen{min-height:calc(100vh - 64px);grid-template-columns:1fr;overflow:visible}.setup-copy{padding:56px 24px 42px}.setup-copy h1{font-size:52px}.setup-copy>p{font-size:16px}.setup-actions,.result-actions{flex-direction:column;align-items:stretch}.setup-visual{padding:42px 22px 90px}.device-preview{display:none}.studio-layout,.review-layout{display:block;padding-bottom:64px}.stage-column,.review-column{padding:14px 14px 24px}.stage-frame{min-height:0;aspect-ratio:.83}.studio-rail{border-left:0;border-top:1px solid var(--line)}.avatar-list{grid-template-columns:repeat(6,1fr)}.record-controls{gap:22px}.review-heading{padding-top:6px}.review-player{aspect-ratio:.9}.review-player>video{object-fit:cover}.transport-row{grid-template-columns:38px auto auto}.waveform-wrap{grid-column:1 / -1;margin-left:0}.trim-controls{margin:14px 4px;gap:14px}.review-rail{min-height:0}.result-screen{min-height:calc(100vh - 64px);grid-template-columns:1fr;padding:44px 22px 100px}.result-player{grid-row:1}.result-copy h1{font-size:46px}.result-label{margin-top:30px}.progress-steps{bottom:10px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}