@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap";:root{color:#f7f5fb;font-synthesis:none;text-rendering:optimizelegibility;--bg:#10101d;--panel:#171727;--panel-2:#1d1c31;--line:#302e49;--muted:#8c8aa1;--coral:#ff735e;--violet:#9270ff;--cyan:#5dd8db;--green:#93e2b5;background:#10101d;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 75% -10%,#232041 0,#10101d 38%);min-width:320px;min-height:100vh;margin:0}button{font:inherit;color:inherit;cursor:pointer;border:0}.app-shell{min-height:100vh;display:flex}.sidebar{background:#0d0d1ac2;border-right:1px solid #24233a;flex-direction:column;width:250px;padding:29px 18px 21px;display:flex}.brand{letter-spacing:-.7px;align-items:center;gap:9px;padding:0 13px 50px;font-family:Space Grotesk;font-size:19px;font-weight:700;display:flex}.brand>span:last-child span{color:var(--violet)}.brand-mark{color:var(--coral);font-size:22px}.sidebar nav{gap:8px;display:grid}.nav-item{color:#9896ac;text-align:left;background:0 0;border-radius:11px;align-items:center;gap:12px;padding:13px;font-size:14px;display:flex}.nav-item span{color:#77758f;font-size:18px}.nav-item.active{color:#fff;background:#23213a}.nav-item.active span{color:var(--coral)}.nav-item b{color:#aaa6bf;background:#302d4e;border-radius:7px;margin-left:auto;padding:2px 7px;font-size:11px}.sidebar-bottom{margin-top:auto}.help-card{color:#aca6cd;background:linear-gradient(135deg,#30254f,#20213b);border:1px solid #40365e;border-radius:13px;align-items:center;gap:9px;margin-bottom:22px;padding:13px 11px;display:flex}.help-card>span:first-child{color:var(--coral);font-size:21px}.help-card>span:last-child{color:#fff;margin-left:auto}.help-card strong,.profile strong{color:#eeeaf5;font-size:12px;display:block}.help-card small,.profile small{color:#85829b;margin-top:3px;font-size:10px;display:block}.profile{border-top:1px solid #29273e;align-items:center;gap:10px;padding:20px 7px 0;display:flex}.avatar{background:linear-gradient(135deg,#ff9c7b,#7d5cff);border-radius:50%;place-items:center;width:30px;height:30px;font-size:10px;font-weight:700;display:grid}.more{color:#817e98;margin-left:auto}.main-content{flex:1;min-width:0}.topbar{border-bottom:1px solid #2c2a43b3;justify-content:space-between;align-items:center;height:78px;padding:0 6.5%;display:flex}.breadcrumb{color:#77758d;font-size:12px}.breadcrumb span{color:#4f4c68;padding:0 11px}.top-actions{align-items:center;gap:13px;display:flex}.icon-button,.notification{color:#9d9ab2;background:#1a192d;border-radius:50%;width:31px;height:31px}.icon-button{font-size:13px}.notification{font-size:20px;position:relative}.notification i{background:var(--coral);border-radius:50%;width:5px;height:5px;position:absolute;top:3px;right:5px}.page{max-width:1170px;margin:0 auto;padding:65px 6.5% 80px}.hero{justify-content:space-between;align-items:center;gap:35px;min-height:360px;display:flex}.eyebrow{letter-spacing:2px;color:var(--coral);margin:0 0 17px;font-size:10px;font-weight:700}.eyebrow span{color:var(--violet);font-size:14px}h1,h2,p{margin-top:0}h1,h2{letter-spacing:-1.5px;margin-bottom:16px;font-family:Space Grotesk}h1{font-size:44px;line-height:1.08}h1 em{color:#8f7aff;font-style:normal}h2{font-size:23px}.hero-copy{color:var(--muted);max-width:440px;font-size:15px;line-height:1.6}.hero-actions{align-items:center;gap:25px;margin-top:31px;display:flex}.primary-button{background:var(--coral);color:#21151b;border-radius:9px;padding:13px 17px;font-size:13px;font-weight:700;transition:all .2s;box-shadow:0 9px 25px #ff735e25}.primary-button:hover{filter:brightness(1.08);transform:translateY(-2px)}.primary-button:disabled{opacity:.45;cursor:not-allowed;transform:none}.text-button{color:#b5b0ca;background:0 0;padding:8px 0;font-size:13px}.text-button span{color:var(--coral);padding-left:7px}.hero-art{flex:none;width:390px;height:310px;position:relative}.sun-glow{filter:blur(3px);background:radial-gradient(circle,#734aa5 0,#303075 38%,#0000 70%);border-radius:50%;width:260px;height:260px;position:absolute;top:12px;left:70px}.portrait{background:linear-gradient(160deg,#ee886e,#5c3b91 58%,#292344);border-radius:90px 90px 22px 22px;width:155px;height:270px;position:absolute;bottom:0;left:112px;overflow:hidden;box-shadow:0 0 50px #8962d87a}.portrait-head{background:#bf7667;border-radius:47%;width:83px;height:94px;position:absolute;top:39px;left:37px}.portrait-head:after{content:"";background:#29203d;border-radius:50% 50% 25% 25%;width:94px;height:40px;position:absolute;top:-8px;left:-6px}.portrait-body{background:#20223f;border-radius:50% 50% 0 0;width:175px;height:150px;position:absolute;bottom:-41px;left:-11px}.portrait-glow{filter:blur(33px);opacity:.4;background:#e97f69;width:230px;height:35px;position:absolute;bottom:0;left:72px}.floating-chip{z-index:2;color:var(--coral);background:#24223a;border:1px solid #45415d;border-radius:9px;padding:10px 13px;font-size:15px;position:absolute;box-shadow:0 8px 25px #08081255}.floating-chip span{color:#dad6e9;margin-left:5px;font-size:11px}.chip-one{top:90px;left:2px}.chip-two{color:var(--cyan);top:38px;right:1px}.section-heading{justify-content:space-between;align-items:end;margin:40px 0 20px;display:flex}.section-heading h2{margin-bottom:0}.muted{color:var(--muted);font-size:13px;line-height:1.55}.flow-grid{grid-template-columns:repeat(3,1fr);gap:13px;display:grid}.flow-card{background:#181728bf;border:1px solid #292740;border-radius:13px;padding:24px}.step-number{color:#4d4a65;margin-bottom:29px;font-size:11px;display:block}.flow-card strong{font-family:Space Grotesk;font-size:15px}.flow-card p{color:var(--muted);margin:9px 0 0;font-size:12px;line-height:1.45}.recent{margin-top:52px}.compact{margin-top:0}.compact .text-button{margin-bottom:4px}.project-row{gap:11px;display:grid}.project-card{background:#19182a;border:1px solid #2a2840;border-radius:11px;align-items:center;gap:15px;padding:10px 13px;display:flex}.project-thumb{border-radius:7px;width:68px;height:45px;position:relative;overflow:hidden}.project-thumb.coral{background:linear-gradient(135deg,#bc614e,#5f366e)}.project-thumb.violet{background:linear-gradient(135deg,#5549a6,#24204e)}.project-thumb.cyan{background:linear-gradient(135deg,#287c8d,#263057)}.project-thumb>span{color:#ffb09f;position:absolute;top:8px;right:9px}.play{color:#201b34;background:#fff;border-radius:50%;place-items:center;width:17px;height:17px;font-size:7px;display:grid;position:absolute;bottom:6px;left:7px}.project-info{flex:1}.project-info strong{font-size:13px;display:block}.project-info small{color:#77758d;font-size:11px}.status{color:#e7a799;background:#472d39;border-radius:5px;padding:5px 8px;font-size:11px}.status.ready{color:#9ee0ba;background:#243c39}.kebab{color:#77758d;background:0 0;padding:8px}.page-title{justify-content:space-between;align-items:end;margin-bottom:30px;display:flex}.page-title h1{margin-bottom:7px;font-size:36px}.projects-list{gap:12px;max-width:800px;display:grid}.back-button{color:#848097;background:0 0;margin-bottom:40px;padding:0;font-size:12px}.studio-head{justify-content:space-between;align-items:end;margin-bottom:36px;display:flex}.studio-head h1{margin-bottom:8px;font-size:34px}.privacy-note{color:var(--green);background:#1c2b2b;border:1px solid #2c5045;border-radius:10px;align-items:center;gap:10px;padding:10px 14px;font-size:18px;display:flex}.privacy-note span{color:#addec0;font-size:11px}.privacy-note small{color:#7fa28f;font-size:10px}.studio-layout{grid-template-columns:minmax(0,1.2fr) minmax(330px,.8fr);gap:18px;display:grid}.video-panel,.controls-panel{background:#181728d1;border:1px solid #2d2a45;border-radius:15px;padding:17px}.video-preview{background:linear-gradient(150deg,#302d55,#ad6e64 55%,#2c254a);border-radius:10px;place-items:center;height:470px;display:grid;position:relative;overflow:hidden}.preview-grid{opacity:.5;background-color:#0000;background-image:linear-gradient(90deg,#0000 49.7%,#fff2 50%,#0000 50.3%),linear-gradient(#0000 49.7%,#fff2 50%,#0000 50.3%);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:33.33% 33.33%;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0}.fake-person{width:180px;height:330px;position:absolute;bottom:-10px}.fake-head{background:#b87868;border-radius:50%;width:100px;height:120px;margin:0 auto;position:relative}.fake-head:after{content:"";background:#302342;border-radius:60% 60% 20% 20%;width:115px;height:50px;position:absolute;top:-5px;left:-8px}.fake-shirt{background:#272447;border-radius:95px 95px 0 0;height:210px}.video-label{letter-spacing:1px;color:#fff;background:#19172b99;border-radius:4px;padding:6px 8px;font-size:10px;position:absolute;top:15px;left:15px}.play-large{color:#27203a;background:#fff;border-radius:50%;width:47px;height:47px;padding-left:3px;font-size:14px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 5px 20px #1118}.video-duration{font-size:11px;position:absolute;bottom:13px;right:15px}.video-meta{justify-content:space-between;align-items:center;padding:16px 3px 11px;display:flex}.video-meta strong{font-size:13px;display:block}.video-meta span{color:#77758d;font-size:10px}.change-button{color:#aaa6bd;background:0 0;font-size:11px}.compare-bar{border-top:1px solid #2c2a43;align-items:center;gap:9px;padding:15px 3px 0;font-size:11px;display:flex}.toggle{background:#3b3852;border-radius:20px;width:32px;height:18px;padding:2px}.toggle i{background:#a5a0b8;border-radius:50%;width:14px;height:14px;transition:all .2s;display:block}.toggle.on{background:var(--violet)}.toggle.on i{background:#fff;transform:translate(14px)}.compare-hint{color:#77758d;margin-left:auto}.panel-title{justify-content:space-between;align-items:start;margin-bottom:21px;display:flex}.panel-title h2{margin-bottom:0;font-size:21px}.sparkle{color:var(--violet);font-size:23px}.transform-list{gap:9px;display:grid}.transform-card{text-align:left;background:#201f34;border:1px solid #302d49;border-radius:10px;align-items:center;gap:10px;padding:14px 12px;display:flex;position:relative}.transform-card.selected{background:#25213d;border-color:#6650ba}.transform-icon{border-radius:8px;place-items:center;width:32px;height:32px;font-size:17px;display:grid}.transform-icon.audio{color:#ff917a;background:#43324e}.transform-icon.scene{color:#70d5d6;background:#273c4b}.transform-icon.image{color:#a68eff;background:#443d65}.transform-copy{gap:4px;display:grid}.transform-copy strong{font-size:12px}.transform-copy small{color:#89869d;font-size:10px}.check{color:#8c87a3;border:1px solid #5a566f;border-radius:50%;place-items:center;width:20px;height:20px;margin-left:auto;font-size:11px;display:grid}.selected .check{background:var(--violet);border-color:var(--violet);color:#fff}.tag{color:#b29eff;background:#352d50;border-radius:4px;padding:3px 6px;font-size:9px;position:absolute;top:-7px;right:9px}.processing-box{background:#1d1c2f;border:1px solid #2f2d47;border-radius:10px;margin-top:24px;padding:15px}.processing-top{color:#9692aa;justify-content:space-between;margin-bottom:12px;font-size:11px;display:flex}.processing-top strong{color:#eeeaf8;font-weight:500}.progress{background:#353149;border-radius:5px;height:5px;overflow:hidden}.progress i{background:linear-gradient(90deg,var(--coral),var(--violet));border-radius:5px;height:100%;transition:all .4s;display:block}.processing-box>small{color:#706d83;margin-top:11px;font-size:10px;display:block}.full{width:100%;margin-top:16px}.done-line{align-items:center;gap:10px;display:flex}.done-icon{color:#93e2b5;background:#284739;border-radius:50%;place-items:center;width:26px;height:26px;display:grid}.done-line strong,.done-line small{display:block}.done-line strong{font-size:12px}.done-line small{color:#858198;margin-top:3px;font-size:10px}.hidden-input{display:none}.fade-in{animation:.35s fade}@keyframes fade{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}@media (width<=900px){.sidebar{width:210px}.hero-art{transform-origin:100%;width:300px;transform:scale(.85)}.studio-layout{grid-template-columns:1fr}.video-preview{height:410px}}@media (width<=680px){.sidebar{z-index:10;background:#171627;border-top:1px solid #302e49;width:100%;height:67px;padding:8px 15px;position:fixed;bottom:0;left:0;right:0}.brand,.sidebar-bottom{display:none}.sidebar nav{justify-content:space-around;display:flex}.nav-item{flex-direction:column;gap:2px;padding:10px 17px;font-size:11px;display:flex}.nav-item b{display:none}.main-content{padding-bottom:65px}.topbar{height:65px;padding:0 20px}.page{padding:38px 20px 58px}.hero{min-height:0;display:block}.hero h1{font-size:35px}.hero-art{width:330px;height:270px;margin:15px auto -30px;transform:scale(.75)}.section-heading{margin-top:45px;display:block}.section-heading>.muted{margin-top:8px;display:block}.flow-grid{grid-template-columns:1fr}.flow-card{padding:17px}.step-number{margin-bottom:14px}.project-row{margin-top:20px}.studio-head{display:block}.studio-head h1{font-size:29px}.privacy-note{width:max-content;margin-top:22px}.studio-layout{display:block}.controls-panel{margin-top:15px}.video-preview{height:390px}.page-title{display:block}.page-title .primary-button{margin-top:22px}.project-card{padding:9px}.status{display:none}}.analysis-state{color:#eeeaf8;background:#1d1c2f;border:1px solid #2f2d47;border-radius:10px;align-items:center;gap:12px;padding:16px;display:flex}.analysis-state strong,.analysis-state small{display:block}.analysis-state strong{font-size:12px}.analysis-state small{color:#858198;margin-top:4px;font-size:10px}.spinner{border:2px solid #49435f;border-top-color:var(--coral);border-radius:50%;width:22px;height:22px;animation:.8s linear infinite spin}.diagnosis-chips{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.diagnosis-chips span{color:#a5dcb8;background:#223a35;border-radius:5px;padding:6px 8px;font-size:10px}.storage-message{color:#7f7b95;margin:11px 2px 0;font-size:10px;line-height:1.4}.empty-state{color:#908ba3;border:1px dashed #403b5b;border-radius:12px;padding:30px;font-size:13px}@keyframes spin{to{transform:rotate(360deg)}}.audio-metrics{color:#9e9ab4;flex-wrap:wrap;gap:6px;margin:10px 0;font-size:9px;display:flex}.audio-metrics span{border:1px solid #393550;border-radius:5px;padding:5px 7px}.real-video{object-fit:contain;background:#0c0c16;width:100%;height:100%;transition:filter .25s;display:block}.visual-controls{background:#1d1c2f;border:1px solid #2f2d47;border-radius:10px;gap:8px;margin:13px 0;padding:12px;display:grid}.visual-controls label{color:#a7a2b9;justify-content:space-between;font-size:10px;display:flex}.visual-controls output{color:#f0edf9}.visual-controls input[type=range]{width:100%;accent-color:var(--violet)}.check-control{gap:7px;color:#bdb8cd!important;justify-content:flex-start!important}.check-control input{accent-color:var(--violet)}.project-card.clickable{cursor:pointer}.project-card.clickable:hover{border-color:#5d4e9a;transform:translateY(-1px)}.dropzone{color:#aca7c1;background:#1a1930;border:1px dashed #514a72;border-radius:9px;align-items:center;gap:10px;width:280px;margin-top:20px;padding:11px 13px;display:flex}.dropzone>span{color:var(--cyan);font-size:20px}.dropzone strong,.dropzone small{display:block}.dropzone strong{color:#e7e3f2;font-size:11px}.dropzone small{color:#817d96;margin-top:3px;font-size:10px}.record-button{color:#e1dcef;background:#24223b;border:1px solid #4a426b;border-radius:9px;padding:13px 15px;font-size:12px;font-weight:600}.record-button:first-letter{color:var(--coral)}.record-button.recording{border-color:var(--coral);color:#ff9b88;animation:1.3s infinite pulse}@keyframes pulse{50%{box-shadow:0 0 0 5px #ff735e18}}.install-button{color:#b9aaff;background:#24213f;border:1px solid #4b4075;border-radius:8px;width:100%;margin-bottom:15px;padding:10px;font-size:11px}.offline-badge{color:#f5c08d;background:#3b2e2a;border:1px solid #654238;border-radius:6px;padding:6px 8px;font-size:10px}.skip-link{z-index:20;background:var(--coral);color:#21151b;border-radius:7px;padding:10px 14px;font-size:12px;font-weight:700;position:fixed;top:-60px;left:12px}.skip-link:focus{top:12px}button:focus-visible,[role=button]:focus-visible,input:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.test-clip-button{color:#77738e;background:0 0;padding:12px 0 0;font-size:10px;text-decoration:underline;display:block}.test-clip-button:disabled{opacity:.55;cursor:wait}.studio-head-actions{justify-items:end;gap:9px;display:grid}.cancel-button{color:#ffae9f;background:#3c2935;border:1px solid #714053;border-radius:7px;padding:8px 11px;font-size:10px}.cancel-button:hover{background:#51303f}.scene-fallback{filter:blur(1.5px)saturate(1.12)}.ai-card{background:linear-gradient(135deg,#211d3a,#19182b);border:1px solid #3b3760;border-radius:12px;gap:9px;margin-top:16px;padding:14px;display:grid}.ai-card>div{gap:4px;display:grid}.ai-card strong{color:#f7f5fb;font-size:13px}.ai-card small{color:#a8a4bd;font-size:11px;line-height:1.4}.ai-card input{color:#fff;background:#11101e;border:1px solid #3c385a;border-radius:7px;width:100%;padding:9px;font-size:12px}.secondary-button{color:#e9e4ff;background:#302956;border:1px solid #5b4d8b;border-radius:7px;padding:9px 11px;font-size:12px;font-weight:700}.secondary-button:disabled{opacity:.5;cursor:not-allowed}.version-history{border-top:1px solid #2c2a43;margin-top:14px;padding-top:14px}.version-history .processing-top{margin-bottom:9px}.version-history .processing-top small{color:var(--muted);font-size:10px}.version-row{border-top:1px solid #29273e;justify-content:space-between;align-items:center;gap:12px;padding:9px 0;display:flex}.version-row span{gap:3px;display:grid}.version-row strong{font-size:11px}.version-row small{color:var(--muted);font-size:10px}.version-row .text-button{color:var(--cyan);font-size:11px}.scene-select{align-items:center}.scene-select select{color:#f7f5fb;font:inherit;background:#2a2742;border:1px solid #514975;border-radius:6px;margin-left:auto;padding:6px 8px;font-size:10px}.control-help{color:var(--muted);font-size:10px;line-height:1.4}.background-button{color:var(--cyan);justify-self:start;font-size:11px}.video-preview.after{filter:none}.real-video{image-rendering:auto}