@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&family=Noto+Sans+SC:wght@400;500;600;700;800&display=swap";:root{font-family:DM Sans,Noto Sans SC,sans-serif;color:#f2f0f7;background:#101014;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#101014}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.42}a{color:inherit;text-decoration:none}svg{width:18px;height:18px;stroke-width:1.7}.topbar{height:76px;border-bottom:1px solid #28272e;display:flex;align-items:center;padding:0 max(5.6vw,28px);gap:80px}.brand{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:22px;letter-spacing:-1.1px;display:inline-flex;align-items:center;gap:10px;white-space:nowrap}.brand-light{font-weight:400}.brand small{font:600 8px DM Sans;letter-spacing:.6px;color:#bdabf7;vertical-align:top;margin-left:3px}.brand-icon{width:31px;height:31px;background:#bda8f8;border-radius:9px;color:#15121b;display:grid;place-items:center}.brand-icon svg{width:20px;height:20px;stroke-width:2.4}.nav{display:flex;gap:36px;align-self:stretch}.nav a{display:flex;align-items:center;position:relative;color:#92909b;font-size:13px}.nav a:hover,.nav a.active{color:#f7f5fb}.nav a.active:after{content:"";position:absolute;height:2px;background:#bba6fa;bottom:-1px;left:0;right:0}.skill-link{margin-left:auto;border:1px solid #413d4a;border-radius:7px;padding:10px 13px;display:flex;align-items:center;gap:8px;font-size:12px;color:#e5ddf9}.skill-link svg{width:15px;height:15px}.skill-link:hover{background:#272132}main{max-width:1352px;margin:auto;padding:0 28px}.intro{display:flex;align-items:end;justify-content:space-between;padding:70px 0 42px}.eyebrow,.overline{font:600 10px Space Grotesk,sans-serif;letter-spacing:1.8px;color:#b3a2e7}.eyebrow{display:flex;align-items:center;gap:10px}.status-dot,.tiny-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#b9a4f6;box-shadow:0 0 10px #b9a4f688}.eyebrow-line{width:35px;height:1px;background:#595360;margin:0 2px}.intro h1{font-size:clamp(38px,4.6vw,64px);line-height:1.25;letter-spacing:-3px;margin:22px 0 14px;font-weight:800}.intro h1 span{color:#bba7f5}.intro h1 sup{font-size:24px;vertical-align:top;margin-left:11px;color:#c8f26d}.intro p{color:#92909e;line-height:1.9;font-size:14px;margin:0}.intro-note{display:flex;gap:14px;align-items:center;color:#817d8a;font:500 9px/1.5 Space Grotesk;letter-spacing:1.1px;padding-bottom:5px}.intro-note b{color:#c9c5d0}.note-orbit{height:46px;width:46px;border:1px solid #45404e;border-radius:50%;display:grid;place-items:center;color:#c5b1ff}.note-orbit svg{width:24px;height:24px;animation:spin 15s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.workspace{border:1px solid #38363f;border-radius:12px;overflow:hidden;background:#19191f;box-shadow:0 25px 80px #0003}.workspace-head{height:62px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #34323a;padding:0 24px}.workspace-head strong{font-size:14px}.step-num{font:600 11px Space Grotesk;color:#bfaef4;margin-right:14px}.head-sub{font:500 9px Space Grotesk;letter-spacing:1.2px;color:#696773;margin-left:9px}.privacy{display:flex;gap:7px;align-items:center;color:#aaa7b2;font-size:11px}.privacy svg{width:15px;color:#b5a1ef}.workspace-grid{display:grid;grid-template-columns:minmax(0,1fr) 335px}.editor-main{padding:20px 22px 21px;min-width:0}.preview-header{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#d5d2db;margin-bottom:14px}.tiny-dot{width:6px;height:6px;margin-right:7px}.preview-meta{color:#74717e;font-size:11px;margin-left:10px}.preview-actions{display:flex;align-items:center;gap:13px}.icon-button{background:none;border:0;color:#94909d;display:grid;place-items:center;padding:3px}.icon-button:hover{color:#fff}.icon-button svg{width:15px;height:15px}.divider{width:1px;height:14px;background:#45424b}.canvas-label{font:500 9px Space Grotesk;letter-spacing:1px;color:#777481}.canvas-area{height:390px;display:grid;place-items:center;position:relative;overflow:hidden;border:1px dashed #484550;border-radius:8px;background-color:#202027;background-image:linear-gradient(45deg,#25252d 25%,transparent 25%),linear-gradient(-45deg,#25252d 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#25252d 75%),linear-gradient(-45deg,transparent 75%,#25252d 75%);background-size:24px 24px;background-position:0 0,0 12px,12px -12px,-12px 0;transition:border-color .2s,background-color .2s}.canvas-area.dragging{border-color:#bca8ff;background-color:#302a3b}.empty-state{text-align:center;display:flex;align-items:center;flex-direction:column}.upload-art{height:104px;width:110px;position:relative;margin-bottom:13px}.art-back,.art-card{position:absolute;width:72px;height:82px;border-radius:8px;left:19px;top:9px}.art-back{background:#756693;transform:rotate(-12deg);opacity:.45}.art-card{background:#c7b5f6;transform:rotate(8deg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:#292132;box-shadow:0 8px 20px #0004}.art-card svg{width:24px;height:24px}.art-card span{font:700 8px/.95 Space Grotesk;letter-spacing:.5px}.art-star{position:absolute;color:#d1f477;font-size:24px;right:0;top:1px}.art-plus{position:absolute;color:#c5b1f4;left:0;bottom:0;font-size:22px}.empty-state h2{font-size:19px;letter-spacing:-.5px;margin:4px 0 8px}.empty-state p{font-size:12px;color:#a29eac;margin:0 0 17px}.primary{background:#c6b1fa;border:0;color:#1c1625;padding:12px 20px;border-radius:7px;font-weight:700;font-size:12px;display:flex;align-items:center;gap:7px;transition:transform .2s,background .2s}.primary:hover,.export-button:not(:disabled):hover{background:#d8c8ff;transform:translateY(-2px)}.primary svg{width:15px;height:15px}.support{font-size:10px;color:#797581;margin-top:15px}.loaded-state{width:100%;height:100%;display:grid;place-items:center;padding:20px}.loaded-state canvas{max-width:100%;max-height:100%;object-fit:contain;box-shadow:0 8px 25px #0006}.canvas-badge{position:absolute;top:15px;left:15px;font:600 9px Space Grotesk;letter-spacing:1px;background:#17151bcc;padding:8px;border-radius:4px}.hidden{display:none!important}.timeline{padding-top:21px}.timeline-top{display:flex;justify-content:space-between;align-items:center}.section-label{font-size:12px;font-weight:700}.timeline-hint{color:#777480;font-size:11px;margin-left:12px}.timecode,.timeline-end{font:500 10px Space Grotesk;color:#8c8996}.timeline-controls{display:flex;gap:14px;align-items:center;margin-top:14px}.play-button{width:30px;height:30px;display:grid;place-items:center;border:1px solid #45414d;border-radius:50%;background:#25242c;color:#ded9e8}.play-button svg{width:12px;height:12px}.timeline-controls input{flex:1}.file-list{display:flex;gap:6px;overflow:auto;margin-top:8px}.file-list span{font-size:10px;white-space:nowrap;color:#aca6b6;background:#292630;border-radius:4px;padding:5px 8px}.settings{border-left:1px solid #34323a;padding:26px 25px 20px}.settings-heading{display:flex;justify-content:space-between;align-items:center}.settings-heading>svg{color:#8f899b;width:17px}.settings-heading h2{font-size:18px;margin:8px 0 0;letter-spacing:-.4px}.settings-heading h2 span{color:#c7f16d}.settings-desc{font-size:11px;color:#85818e;margin:8px 0 25px}.setting-group{border-top:1px solid #35333c;padding:19px 0}.setting-title{font-size:12px;font-weight:700;display:flex;align-items:center;gap:8px;margin-bottom:15px}.setting-title>span{font:500 9px Space Grotesk;color:#77727f;letter-spacing:1px}.setting-title b{margin-left:auto;color:#c8b4fc;font:600 11px Space Grotesk}.dimension-row,.trim-row{display:flex;align-items:end;gap:7px}.dimension-row label,.trim-row label{flex:1;min-width:0;color:#8f8b98;font-size:10px}.number-box{display:flex;align-items:center;background:#24232b;border:1px solid #403e47;border-radius:5px;margin-top:7px;padding:0 9px;height:37px}.number-box:focus-within{border-color:#bba7f5}.number-box input{width:100%;min-width:0;background:none;border:0;outline:0;color:#e6e1ed;font:500 12px Space Grotesk}.number-box span{font-size:10px;color:#777380}.lock-button{height:37px;width:34px;flex:none;background:#24232b;border:1px solid #403e47;border-radius:5px;color:#777}.lock-button.locked{color:#bdaaf5}.lock-button svg{width:15px}.preset-row{display:flex;align-items:center;gap:6px;margin-top:11px}.preset-row button{background:#28272e;border:1px solid transparent;border-radius:4px;color:#9b98a3;font-size:10px;padding:5px 10px}.preset-row button.selected{border-color:#8b78bf;color:#d2c3fc;background:#383044}.preset-row span{margin-left:auto;color:#777380;font-size:10px}input[type=range]{accent-color:#bba6f5;height:3px;cursor:pointer}.styled-range{width:100%;margin:3px 0 0}.range-labels{display:flex;justify-content:space-between;margin-top:10px;color:#777380;font-size:10px}.trim-arrow{color:#777;align-self:end;padding-bottom:10px}.last-group{padding-bottom:8px}.switch-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.switch-row strong,.switch-row small{display:block}.switch-row strong{font-size:11px}.switch-row small{font-size:10px;color:#777380;margin-top:5px}.switch{position:relative;width:32px;height:18px}.switch input{opacity:0;width:0;height:0}.switch span{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:20px;background:#48454f;transition:.2s}.switch span:before{content:"";position:absolute;width:12px;height:12px;left:3px;top:3px;background:#eee;border-radius:50%;transition:.2s}.switch input:checked+span{background:#b8a1f4}.switch input:checked+span:before{transform:translate(14px);background:#251d34}.export-button{width:100%;height:47px;background:#c5b0fa;border:0;border-radius:7px;color:#21182c;display:flex;align-items:center;justify-content:center;gap:10px;font-weight:800;font-size:13px;transition:.2s}.export-button svg{width:15px}.export-button svg:last-child{margin-left:auto;margin-right:12px}.export-button svg:first-child{margin-left:auto}.export-note{display:flex;align-items:center;justify-content:center;gap:5px;font-size:10px;color:#777380;margin-top:11px}.export-note svg{width:12px;height:12px}.below-editor{display:flex;justify-content:space-between;color:#77737e;font-size:10px;padding:18px 3px}.below-editor>span:last-child{font:500 9px Space Grotesk;letter-spacing:1px}.below-editor i{color:#c8ee7a;font-style:normal;margin-left:9px}.features{padding:110px 0 105px;display:grid;grid-template-columns:1fr 2fr;gap:50px}.section-intro h2,.faq h2{font-size:32px;line-height:1.4;letter-spacing:-1px;margin:20px 0 15px}.section-intro h2 em{font-style:normal;color:#bba7f5}.section-intro p,.feature-cards p,.bottom-cta p{font-size:12px;line-height:1.9;color:#8f8b99}.feature-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.feature-cards article{border:1px solid #33313a;border-radius:9px;background:#19191f;padding:21px;min-height:220px;transition:transform .2s,border-color .2s}.feature-cards article:hover{transform:translateY(-5px);border-color:#8d7aaa}.card-index{display:block;color:#85808e;font:500 9px Space Grotesk;letter-spacing:1px;margin-bottom:33px}.feature-cards article>svg{color:#bda8f8;width:24px;height:24px}.feature-cards h3{font-size:15px;margin:17px 0 8px}.feature-cards p{margin:0}.faq{border-top:1px solid #34323a;padding:80px 0 100px;display:grid;grid-template-columns:1fr 1.5fr;gap:50px}.faq h2 span,.bottom-cta h2 span{color:#c5f078}.faq-list details{border-bottom:1px solid #36343c}.faq-list summary{list-style:none;cursor:pointer;font-size:13px;font-weight:600;padding:19px 0;display:flex;justify-content:space-between;align-items:center}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary svg{width:15px;color:#a999d4;transition:transform .2s}.faq-list details[open] summary svg{transform:rotate(45deg)}.faq-list p{color:#9894a2;font-size:12px;line-height:1.9;margin:0 30px 20px 0}.bottom-cta{background:#c2aff1;color:#1e1928;border-radius:10px;padding:36px 42px;display:flex;justify-content:space-between;align-items:center;margin-bottom:75px}.bottom-cta .overline{color:#655381}.bottom-cta h2{font-size:25px;margin:10px 0}.bottom-cta h2 span{color:#f5f2ff}.bottom-cta p{color:#625773;margin:0}.cta-link{background:#211b2b;color:#fff;border-radius:6px;font-size:12px;font-weight:700;padding:15px 18px;display:flex;gap:32px;align-items:center}.cta-link:hover{background:#3b2f4c}footer{border-top:1px solid #302e36;padding:30px max(5.6vw,28px);display:flex;align-items:center;justify-content:space-between;color:#777380;font:500 9px Space Grotesk;letter-spacing:1px}.footer-brand{font-size:17px;color:#ece9f0;letter-spacing:-1px}.footer-brand .brand-icon{width:26px;height:26px}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);background:#eee9fa;color:#211a2a;padding:12px 18px;border-radius:7px;font-size:12px;opacity:0;pointer-events:none;transition:.25s;z-index:10;box-shadow:0 10px 30px #0006}.toast.show{opacity:1;transform:translate(-50%)}@media(max-width:900px){.topbar{gap:35px}.workspace-grid{grid-template-columns:minmax(0,1fr) 290px}.settings{padding:22px 18px}.canvas-area{height:350px}.features{grid-template-columns:1fr}.section-intro h2 br{display:none}.feature-cards article{min-height:190px}.faq{grid-template-columns:1fr 1.5fr}}@media(max-width:680px){.topbar{height:64px;padding:0 18px;gap:15px}.brand{font-size:20px}.nav{display:none}.skill-link{padding:9px;font-size:11px}main{padding:0 16px}.intro{padding:48px 0 30px}.intro h1{font-size:38px;letter-spacing:-2px}.intro h1 sup{font-size:18px}.intro p{font-size:12px}.intro-note{display:none}.workspace-head{padding:0 15px;height:56px}.head-sub{display:none}.privacy{font-size:10px}.workspace-grid{display:block}.editor-main{padding:16px}.canvas-area{height:340px}.settings{border-left:0;border-top:1px solid #34323a;padding:24px 20px}.settings-desc{margin-bottom:20px}.below-editor>span:last-child{display:none}.features{padding:75px 0;gap:28px}.section-intro h2,.faq h2{font-size:27px}.feature-cards{grid-template-columns:1fr}.feature-cards article{min-height:0}.card-index{margin-bottom:20px}.faq{display:block;padding:65px 0}.faq-list{margin-top:30px}.bottom-cta{padding:28px;display:block}.bottom-cta h2{font-size:21px}.cta-link{margin-top:22px;justify-content:space-between;width:max-content}footer{padding:25px 18px}footer>span:last-child{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}.style-row{display:flex;gap:8px}.style-row label{flex:1;min-width:0;color:#8f8b98;font-size:10px}.style-row select,.caption-label input{width:100%;margin-top:7px;height:37px;color:#e6e1ed;background:#24232b;border:1px solid #403e47;border-radius:5px;padding:0 8px;outline:0;font-size:11px}.style-row select:focus,.caption-label input:focus{border-color:#bba7f5}.caption-label{display:block;margin-top:12px;color:#8f8b98;font-size:10px}.caption-label input::placeholder{color:#6f6b78}