:root{--ink:#20211f;--muted:#777873;--line:#deded6;--paper:#f8f7f2;--cream:#f0efe8;--accent:#ff6847;--purple:#8f80ff}*{box-sizing:border-box}html,body{background:var(--paper);min-height:100%;color:var(--ink);margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}svg{stroke-width:1.8px;width:18px;height:18px}.app-shell{min-height:100vh;display:flex}.rail{color:#fff;z-index:10;background:#232420;flex-direction:column;align-items:center;width:72px;padding:18px 0;display:flex;position:fixed;top:0;bottom:0;left:0}.brand{background:0 0;border:0;margin-bottom:48px}.brand span,.wordmark>span{background:var(--accent);color:#fff;border-radius:10px;place-items:center;width:36px;height:36px;font-size:20px;font-style:italic;font-weight:800;display:grid}.rail nav{flex-direction:column;gap:12px;display:flex}.nav-icon{color:#8b8d88;background:0 0;border:0;border-radius:10px;place-items:center;width:44px;height:44px;display:grid}.nav-icon:hover,.nav-icon.active{color:#fff;background:#393a35}.avatar{color:#fff;background:#30312d;border:1px solid #55564f;border-radius:50%;width:36px;height:36px;margin-top:auto;font-weight:700}.studio{width:calc(100% - 72px);margin-left:72px}.topbar{border-bottom:1px solid var(--line);z-index:8;background:#f8f7f2f5;justify-content:space-between;align-items:center;height:68px;padding:0 28px;display:flex;position:sticky;top:0}.topbar>div{align-items:center;display:flex}.back-link{color:var(--muted);background:0 0;border:0;padding:4px}.slash{color:#babbb5;margin:0 9px}.title-input{background:0 0;border:0;outline:none;width:280px;font-weight:650}.top-actions{gap:9px}.local{color:var(--muted);margin-right:8px;font-size:12px}.local span{background:#45aa77;border-radius:50%;width:7px;height:7px;margin-right:7px;display:inline-block}.btn{border:0;border-radius:9px;align-items:center;gap:7px;height:38px;padding:0 14px;font-size:13px;font-weight:650;display:inline-flex}.btn svg{width:15px}.btn.ghost{border:1px solid var(--line);background:#fff}.btn.dark{color:#fff;background:#242520}.btn.dark:hover,.plan-btn:hover,.cta:hover{transform:translateY(-1px)}.btn.small{height:34px}.export-menu{position:relative}.export-menu .btn svg:last-child{width:12px}.export-pop{border:1px solid var(--line);background:#fff;border-radius:10px;width:165px;padding:6px;display:none;position:absolute;top:41px;right:0;box-shadow:0 12px 30px #2425201c}.export-menu:hover .export-pop,.export-menu:focus-within .export-pop{display:block}.export-pop button{text-align:left;background:0 0;border:0;border-radius:6px;width:100%;padding:9px;font-size:12px}.export-pop button:hover{background:var(--cream)}.workspace{grid-template-columns:minmax(560px,1.08fr) minmax(400px,.92fr);min-height:calc(100vh - 68px);display:grid}.editor-panel{width:100%;max-width:880px;margin:0 auto;padding:26px 30px 80px}.idea-card{border:1px solid var(--line);background:#fff;border-radius:14px;padding:18px;box-shadow:0 1px 1px #00000005}.section-label{letter-spacing:.12em;color:#696a65;align-items:center;gap:6px;font-size:10px;font-weight:800;display:flex}.section-label svg{width:14px;color:var(--accent)}.idea-card>textarea{resize:none;border:0;outline:none;width:100%;height:72px;padding:11px 0 6px;font-size:20px;font-weight:520;line-height:1.4}.idea-card>textarea::placeholder{color:#aaa}.control-row{border-top:1px solid #e8e7e1;grid-template-columns:1fr 1fr auto;align-items:end;gap:14px;padding-top:14px;display:grid}.control-row label,.scene-body label{color:#73746f;letter-spacing:.08em;font-size:10px;font-weight:750}.control-row select,.scene-fields select{background:0 0;border:0;outline:none;width:100%;margin-top:7px;font-size:13px;font-weight:600;display:block}.duration{align-items:center;gap:9px;margin-top:5px;display:flex}.duration input{width:100%;accent-color:var(--accent)}.duration b{color:var(--ink);font-size:13px}.plan-btn{background:var(--accent);color:#fff;border:0;border-radius:9px;align-items:center;gap:7px;height:41px;padding:0 15px;font-size:12px;font-weight:750;transition:all .2s;display:flex}.plan-btn svg{width:15px}.section-head{justify-content:space-between;align-items:center;margin:31px 0 13px;display:flex}.section-head h2{margin:0 0 3px;font-family:Georgia,serif;font-size:24px}.section-head span{color:var(--muted);font-size:12px}.scene-list{flex-direction:column;gap:10px;display:flex}.scene-card{border:1px solid var(--line);background:#fff;border-radius:12px;transition:border .15s,box-shadow .15s;overflow:hidden}.scene-card.selected{border-color:#a7a29a;box-shadow:0 5px 18px #3e3d3610}.scene-top{border-bottom:1px solid #ecebe5;align-items:center;gap:8px;height:48px;padding:0 10px;display:flex}.drag{color:#bbb;background:0 0;border:0;padding:2px}.drag svg{width:14px}.scene-num{font-size:11px;font-weight:800}.swatch{border-radius:50%;width:7px;height:7px}.scene-top>input{background:0 0;border:0;outline:none;flex:1;min-width:80px;font-size:13px;font-weight:700}.card-tools{opacity:0;transition:all .15s;display:flex}.scene-card:hover .card-tools,.scene-card:focus-within .card-tools{opacity:1}.card-tools button{color:#8a8b86;background:0 0;border:0;width:28px;height:28px;padding:4px}.card-tools svg{width:13px}.scene-body{padding:13px 16px 15px}.scene-body label{display:block}.scene-body textarea{resize:none;color:#43443f;border:0;outline:none;width:100%;height:48px;padding:7px 0 0;font-size:13px;line-height:1.45;display:block}.scene-body>label>input{border:1px solid #e2e1da;border-radius:7px;outline:none;width:100%;margin-top:7px;padding:8px 10px;font-size:12px}.scene-body input:focus,.scene-body textarea:focus{border-color:var(--purple)}.scene-fields{grid-template-columns:1fr 100px;gap:15px;margin-bottom:12px;display:grid}.scene-fields label{border:1px solid #e2e1da;border-radius:7px;padding:7px 9px 5px}.scene-fields select{margin-top:4px}.seconds{align-items:center;display:flex}.seconds input{border:0;outline:0;width:50px;font-size:13px;font-weight:650}.seconds span{font-size:11px}.add-dashed{color:#777872;background:0 0;border:1px dashed #c9c9c0;border-radius:11px;justify-content:center;align-items:center;gap:7px;height:51px;font-size:12px;font-weight:650;display:flex}.add-dashed:hover{background:#fff}.empty{text-align:center;background:#fff;border:1px dashed #cbc9c0;border-radius:14px;padding:50px 20px}.empty>div{color:#7768dd;background:#efeefc;border-radius:13px;place-items:center;width:48px;height:48px;margin:auto;display:grid}.empty h3{margin:16px 0 6px;font-family:Georgia,serif;font-size:21px}.empty p{color:var(--muted);margin:0 0 18px;font-size:13px}.preview-panel{background:#ebeae3;border-left:1px solid #d9d8d0;height:calc(100vh - 68px);padding:27px 30px;position:sticky;top:68px;overflow:auto}.preview-head{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.preview-head>div{flex-direction:column;display:flex}.preview-head span{font-size:13px;font-weight:750}.preview-head small{color:var(--muted);margin-top:2px;font-size:10px}.preview-head button{color:#686964;background:0 0;border:0}.preview-head svg{width:15px}.stage{aspect-ratio:16/10;isolation:isolate;background:linear-gradient(155deg,#f9d7a2,#fbf1db 52%,#cddcc5);border-radius:13px;position:relative;overflow:hidden;box-shadow:0 15px 35px #4a493d22}.stage:after{content:"";background:color-mix(in srgb,var(--scene) 32%,#c8d3ad);z-index:-1;border-radius:50% 50% 0 0;height:48%;position:absolute;bottom:-20%;left:-5%;right:-5%}.visual{position:absolute;inset:0}.sun{aspect-ratio:1;background:#f8ba44;border-radius:50%;width:20%;position:absolute;top:12%;right:10%;box-shadow:0 0 0 14px #fff4bb55}.shape{opacity:.75;background:#fff9e8;border-radius:50%;position:absolute}.shape.one{width:35%;height:13%;top:25%;left:-5%}.shape.two{width:22%;height:9%;top:42%;right:-5%}.cloud{background:var(--scene);filter:drop-shadow(0 10px 8px #39405020);border-radius:40px;width:36%;height:19%;position:absolute;top:33%;left:30%}.cloud i{background:inherit;border-radius:50%;position:absolute}.cloud i:first-child{aspect-ratio:1;width:45%;top:-55%;left:10%}.cloud i:nth-child(2){aspect-ratio:1;width:50%;top:-70%;right:7%}.cloud i:nth-child(3){aspect-ratio:1;width:27%;top:-10%;right:-10%}.frame-label{letter-spacing:.11em;background:#ffffffb8;border-radius:12px;padding:5px 8px;font-size:9px;font-weight:850;position:absolute;top:15px;left:16px}.caption{text-align:center;color:#fff;text-shadow:0 1px 5px #0008;font-family:Georgia,serif;font-size:19px;position:absolute;bottom:18px;left:15%;right:15%}.motion-drift-right{animation:5s ease-in-out infinite drift}.motion-float-plus-bounce{animation:2s ease-in-out infinite float}.motion-scale-in{animation:3s ease-in-out infinite scale}.motion-rise-plus-reveal{animation:3s ease-in-out infinite rise}.motion-pan-left{animation:4s ease-in-out infinite pan}.motion-push-in{animation:4s ease-in-out infinite scale}@keyframes drift{0%{transform:translate(-12%)}50%{transform:translate(12%)}to{transform:translate(-12%)}}@keyframes float{50%{transform:translateY(-7%)rotate(1deg)}}@keyframes scale{0%,to{opacity:.8;transform:scale(.88)}50%{opacity:1;transform:scale(1.07)}}@keyframes rise{0%{opacity:.4;transform:translateY(12%)}60%,to{opacity:1;transform:translateY(0)}}@keyframes pan{50%{transform:translate(-8%)}}.stage-empty{text-align:center;color:#7f807a;place-content:center;display:grid;position:absolute;inset:0}.stage-empty svg{margin:auto}.stage-empty p{font-size:12px}.player{align-items:center;gap:9px;margin:14px 0 22px;display:flex}.player span{font-variant-numeric:tabular-nums;color:#73746f;width:29px;font-size:10px}.play{color:#fff;background:#242520;border:0;border-radius:50%;flex:none;place-items:center;width:38px;height:38px;display:grid}.play svg{fill:#fff;width:15px}.play:disabled{opacity:.5}.scrub{flex:1;display:flex}.scrub input{accent-color:#222;width:100%;height:3px}.timeline{border-top:1px solid #d2d1c9;padding-top:17px}.timeline-title{justify-content:space-between;margin-bottom:9px;font-size:11px;font-weight:750;display:flex}.timeline-title span:last-child{color:var(--muted);font-weight:400}.blocks{gap:3px;height:57px;display:flex}.blocks button{color:#fff;text-shadow:0 1px 2px #0004;opacity:.72;border:2px solid #0000;border-radius:6px;flex-direction:column;justify-content:space-between;align-items:flex-start;min-width:31px;padding:7px;display:flex}.blocks button.active{opacity:1;border-color:#333}.blocks b{font-size:10px}.blocks span{font-size:8px}.honesty{color:#646560;background:#f5f4ee;border-radius:9px;gap:10px;margin-top:20px;padding:12px;display:flex}.honesty svg{color:#3d9870;flex:none;width:15px}.honesty p{margin:0;font-size:10px;line-height:1.45}.mobile-tabs{display:none}.toast{z-index:50;color:#fff;background:#232420;border-radius:10px;align-items:center;gap:8px;padding:11px 16px;font-size:12px;display:flex;position:fixed;bottom:22px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #0003}.toast svg{color:#70d2a2;width:15px}.welcome{background:#f6f4ee;min-height:100vh;overflow:hidden}.welcome-nav{justify-content:space-between;align-items:center;max-width:1440px;height:78px;margin:auto;padding:0 6vw;display:flex}.wordmark{letter-spacing:-.03em;align-items:center;gap:9px;font-size:18px;font-weight:800;display:flex}.wordmark>span{border-radius:8px;width:31px;height:31px;font-size:17px}.welcome-nav>div{align-items:center;gap:22px;display:flex}.privacy{color:var(--muted);font-size:11px}.hero{max-width:1440px;min-height:590px;margin:auto;padding:78px 7vw 70px;position:relative}.hero:before{content:"";border:1px solid #e8cfc6;border-radius:50%;width:550px;height:550px;position:absolute;top:-50px;right:-40px}.eyebrow{color:#e75b3d;letter-spacing:.15em;align-items:center;gap:7px;font-size:10px;font-weight:850;display:flex}.eyebrow svg{width:14px}.hero h1{letter-spacing:-.045em;max-width:830px;margin:22px 0 25px;font-family:Georgia,Times New Roman,serif;font-size:clamp(52px,6vw,88px);font-weight:400;line-height:.99}.hero h1 em{color:var(--accent);font-weight:400}.hero>p{color:#666761;max-width:535px;font-size:16px;line-height:1.6}.hero-actions{align-items:center;gap:22px;margin-top:30px;display:flex}.cta{color:#fff;background:#252622;border:0;border-radius:10px;align-items:center;gap:22px;height:50px;padding:0 19px;font-weight:700;display:flex}.text-btn{background:0 0;border:0;align-items:center;gap:8px;font-size:13px;font-weight:650;display:flex}.text-btn svg{border:1px solid #c9c8c0;border-radius:50%;width:30px;height:30px;padding:8px}.benefits{gap:24px;margin-top:30px;display:flex}.benefits span{color:#777872;align-items:center;gap:6px;font-size:11px;display:flex}.benefits svg{color:#3c9b71;width:13px}.hero-art{width:430px;height:390px;position:absolute;top:110px;right:6vw}.art-card{background:#fff;border:1px solid #ddd9ce;border-radius:15px;position:absolute;box-shadow:0 25px 60px #554b3a20}.art-card.main{width:310px;padding:12px;top:45px;right:30px;transform:rotate(2deg)}.art-card.back{color:#fff;background:#8c7cff;width:270px;height:280px;padding:18px;top:5px;left:12px;transform:rotate(-9deg)}.art-card.back div{border:1px solid #ffffff50;border-radius:50%;height:170px;margin-top:30px}.mini-top{justify-content:space-between;margin:2px 2px 9px;font-size:8px;font-weight:750;display:flex}.mini-stage{background:#f5c778;border-radius:9px;height:180px;position:relative;overflow:hidden}.mini-stage>i{background:#fff2c9;border-radius:50%;width:70px;height:30px;position:absolute}.mini-stage>i:first-child{top:35px;left:-20px}.mini-stage>i:nth-child(2){top:60px;right:-20px}.mini-stage>i:nth-child(3){background:#bdcb99;width:150px;height:90px;bottom:-50px;left:60px}.mini-rainbow{border:14px solid var(--accent);border-bottom:0;border-radius:100px 100px 0 0;width:130px;height:90px;position:absolute;top:60px;left:75px;box-shadow:inset 0 0 0 11px #f7b537,inset 0 0 0 22px #8f80ff}.art-card.main p{margin:12px 4px;font-family:Georgia,serif;font-size:12px}.mini-line{gap:3px;display:flex}.mini-line span{background:#ddd;border-radius:2px;flex:1;height:4px}.mini-line span:nth-child(3){background:var(--accent)}.bubble{color:#fff;background:#252622;border-radius:15px;padding:15px 18px;font-family:Georgia,serif;font-size:14px;line-height:1.35;position:absolute;bottom:28px;right:-40px;transform:rotate(-3deg)}.recents{background:#eeece4;border-top:1px solid #dedbd0;padding:33px 7vw 55px}.recents>div:first-child{justify-content:space-between;align-items:end;max-width:1280px;margin:0 auto 18px;display:flex}.recents h2{margin:0;font-family:Georgia,serif;font-size:24px}.recents>div>p{color:var(--muted);font-size:11px}.project-row{grid-template-columns:repeat(4,1fr);gap:14px;max-width:1280px;margin:auto;display:grid}.project-card,.new-card{text-align:left;background:#f8f7f2;border:0;border-radius:11px;min-height:150px;padding:10px}.project-thumb{background:color-mix(in srgb,var(--c) 40%,#f4e3bd);border-radius:7px;justify-content:center;align-items:center;height:80px;display:flex;position:relative}.project-thumb svg{color:#fff;width:28px;height:28px}.project-thumb span{background:#ffffffc9;border-radius:10px;padding:3px 6px;font-size:8px;position:absolute;bottom:6px;right:6px}.project-card h3{margin:10px 2px 3px;font-size:12px}.project-card>p{color:var(--muted);margin:0 2px;font-size:9px}.new-card{color:#777;background:0 0;border:1px dashed #bbb9ae;flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex}.new-card svg{border:1px solid #c9c7bd;border-radius:50%;width:35px;height:35px;padding:7px}.new-card span{font-size:11px;font-weight:650}@media (max-width:1100px){.workspace{grid-template-columns:minmax(500px,1fr) minmax(360px,.8fr)}.editor-panel{padding:22px}.preview-panel{padding:24px 20px}.hero-art{opacity:.45;right:-80px}.hero h1,.hero>p,.hero-actions,.benefits,.eyebrow{z-index:2;position:relative}.project-row{grid-template-columns:repeat(3,1fr)}.new-card{min-height:150px}}@media (max-width:820px){.rail{display:none}.studio{width:100%;margin:0}.topbar{height:60px;padding:0 15px}.local,.top-actions .ghost{display:none}.workspace{display:block}.editor-panel{padding:18px 15px 50px}.control-row{grid-template-columns:1fr 1fr}.plan-btn{grid-column:1/-1;justify-content:center}.mobile-tabs{border-bottom:1px solid var(--line);margin:18px 0 0;display:flex}.mobile-tabs button{color:#888;background:0 0;border:0;padding:10px 18px;font-size:12px;font-weight:700}.mobile-tabs button.on{color:#222;border-bottom:2px solid var(--accent)}.scenes-wrap,.preview-panel{display:none}.scenes-wrap.show,.preview-panel.show{display:block}.section-head{margin-top:20px}.preview-panel{border:0;height:auto;min-height:calc(100vh - 150px);padding:22px 15px 40px;position:static}.stage{max-width:620px;margin:auto}.welcome-nav{padding:0 20px}.privacy{display:none}.hero{padding:55px 25px 390px}.hero-art{opacity:1;transform-origin:50%;margin-right:-215px;top:auto;bottom:0;right:50%;transform:scale(.8)}.hero:before{display:none}.hero h1{font-size:56px}.recents{padding:28px 20px}.project-row{grid-template-columns:repeat(2,1fr)}}@media (max-width:520px){.title-input{width:145px}.topbar .back-link,.slash{display:none}.top-actions .btn{padding:0 10px}.idea-card>textarea{font-size:17px}.control-row{grid-template-columns:1fr}.plan-btn{grid-column:auto}.scene-fields{grid-template-columns:1fr 90px}.card-tools{opacity:1}.scene-top{gap:5px}.scene-top>input{font-size:12px}.hero{padding:42px 20px 360px}.hero h1{font-size:45px}.hero>p{font-size:14px}.hero-actions{flex-direction:column;align-items:flex-start;gap:15px}.benefits{flex-wrap:wrap;gap:10px}.hero-art{bottom:-25px;transform:scale(.7)}.welcome-nav .btn{font-size:0}.welcome-nav .btn svg{margin:0}.project-row{grid-template-columns:1fr 1fr}.recents>div:first-child{display:block}.art-card.main{right:35px}.bubble{right:-12px}.project-card,.new-card{min-height:135px}.project-thumb{height:70px}.caption{font-size:16px}.stage{aspect-ratio:4/3}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.visual,.plan-btn,.cta{transition:none!important;animation:none!important}}