:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#292335;background:#fff;font-synthesis:none;font-weight:400;line-height:1.6}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer;border:1px solid #e5dfef;background:#fff;border-radius:8px;padding:10px 17px;color:#534768;font-size:13px;font-weight:600;transition:background .15s,box-shadow .15s}button:hover{background:#f5f0fc}button:disabled{opacity:.4;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,svg g:focus-visible{outline:3px solid #b28ae9;outline-offset:3px}a{color:inherit;text-decoration:none}p{color:#7b7387;font-size:14px;line-height:1.85}h1,h2,h3,p{margin-top:0}h2{font-size:37px;letter-spacing:-1.3px;line-height:1.25;font-weight:600}h3{font-size:17px;letter-spacing:-.3px}header{height:92px;max-width:1280px;margin:auto;padding:0 46px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;font-size:20px;font-weight:700;letter-spacing:-.7px;border:0;padding:0;background:none;color:#392a53}.brand-light{font-weight:400;color:#736780}.brand-icon{display:grid;place-items:center;background:#7949ce;color:#fff;border-radius:9px;width:32px;height:32px;margin-right:9px;font-size:25px}nav{display:flex;align-items:center;gap:31px;font-size:12px;color:#7f748d}.primary{background:#7844ce;color:#fff;border-color:#7844ce;box-shadow:0 4px 10px #7543bb12}.primary:hover{background:#6734bd;color:#fff}.small{padding:10px 17px;font-size:12px}.quiet{border:0}.hero{max-width:1280px;margin:auto;display:grid;grid-template-columns:1fr 1.15fr;align-items:center;gap:42px;padding:76px 46px 112px}.eyebrow{font-size:10px;letter-spacing:1.7px;font-weight:700;color:#9a7bbb}.eyebrow>span{display:inline-block;width:6px;height:6px;border-radius:50%;background:#9468cf;margin-right:7px}h1{font-size:65px;line-height:1.09;letter-spacing:-3.1px;font-weight:600;margin:22px 0}h1 em{font-style:normal;color:#8b58d2}.hero-copy>p{max-width:395px;font-size:15px;margin:26px 0}.hero-actions{display:flex;align-items:center;gap:23px;font-size:12px}.hero-actions .primary{padding:15px 23px}.hero-actions span{margin-left:20px}.assurances{font-size:10px;color:#9d94a8;margin-top:21px}.assurances b{margin:0 10px;color:#c5b9d5}.hero-visual{position:relative;border:1px solid #e6dff1;border-radius:12px;box-shadow:0 25px 65px #7d57aa15;transform:rotate(-1deg);background:#fff}.mock-toolbar,.mock-footer{display:flex;justify-content:space-between;align-items:center;padding:17px;font-size:10px;color:#8b7e9c}.mock-toolbar i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#b2a0ce;margin-right:6px}.mock-toolbar>span:last-child{border:1px solid #ece7f3;padding:3px 10px;border-radius:4px}.hero-diagram{width:100%;display:block;border-top:1px solid #eee7f6;border-bottom:1px solid #eee7f6}.mock-footer b{margin:0 6px}.purple{color:#9a76c2}.floating-note{position:absolute;right:25px;bottom:-37px;display:flex;align-items:center;gap:14px;background:#fff;box-shadow:0 12px 35px #513c6f12;border:1px solid #ece5f4;border-radius:10px;padding:14px 23px;font-size:11px;transform:rotate(1deg)}.floating-note>span{background:#f1e9fe;border-radius:8px;color:#925bda;padding:8px;font-size:20px}.floating-note small{display:block;color:#a195ae;font-size:9px;margin-top:3px}.value-strip{display:flex;align-items:center;justify-content:center;gap:40px;background:#fcfaff;border-block:1px solid #f0ebf7;padding:22px}.value-strip span{font-size:8px;letter-spacing:1.3px;color:#a496b4}.value-strip p{margin:0;font-size:12px;color:#8e809e}.section{max-width:1188px;margin:auto;padding:90px 46px}.section-heading{text-align:center;margin-bottom:45px}.section-heading h2{margin:14px 0}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:46px}.step-number{color:#aa93c8;font-size:9px;letter-spacing:1.5px}.step-art{height:94px;display:flex;align-items:center;color:#a381d2;font-size:50px;gap:20px}.step-art span{font-size:22px}.text-art{font-size:12px}.steps h3{margin:9px 0}.steps p{font-size:12px}.ad-slot{max-width:1000px;margin:0 auto 20px;border:1px dashed #e5deee;text-align:center;background:#fdfcfe;border-radius:8px;padding:20px;min-height:110px}.ad-slot>span{font-size:8px;letter-spacing:2px;color:#b5a9c1}.ad-slot p{font-size:11px;margin:7px 0 0;color:#a69ab3}.ad-slot small{font-size:9px;color:#b7adbf}.example-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.example-grid>article{border:1px solid #eae4f0;border-radius:12px;overflow:hidden}.mini-diagram{width:100%;display:block;border-bottom:1px solid #eee8f5}.example-body{padding:24px}.example-body .eyebrow{font-size:8px;letter-spacing:1px}.example-body h3{margin:12px 0}.example-body p{font-size:12px}.text-button{border:0;padding:0;color:#8b59c6;background:none;font-size:12px}.example-body details{margin-top:17px;font-size:11px;color:#9585a7}.example-body pre{white-space:pre-wrap;font-size:10px;max-height:260px;overflow:auto}.guide{display:grid;grid-template-columns:1fr 1.25fr;gap:90px;border-top:1px solid #f0eaf6}.guide h2{margin:18px 0}.guide>div>p{max-width:340px}.guide .primary{margin-top:15px}.guide-items article{display:flex;gap:23px;margin-bottom:24px}.guide-items article>span{font-size:11px;color:#b293d5;padding-top:4px}.guide-items h3{margin-bottom:6px;font-size:15px}.guide-items p{font-size:12px;margin:0}.faq{padding-top:10px;max-width:900px}details summary{cursor:pointer;list-style:none}details summary:after{content:"＋";float:right;color:#a18ab7}.faq details{padding:20px 0;border-bottom:1px solid #ece6f2}.faq summary{font-size:14px;font-weight:500}.faq details p{font-size:13px;margin:15px 20px 0 0}.closing{text-align:center;padding:70px 20px;background:linear-gradient(120deg,#fbf9ff,#f4edfd,#fbf9ff)}.closing h2{margin:20px 0 25px}.closing p{font-size:10px;margin:18px 0 0}footer{max-width:1280px;margin:auto;padding:38px 46px;display:flex;justify-content:space-between;align-items:center}footer .brand{font-size:16px}footer p{font-size:10px;margin:7px 0 0}footer>div:last-child{display:flex;gap:20px;align-items:center}footer button{border:0;padding:0;background:none;font-size:11px;color:#92869f}footer span:last-child:not(.brand-light){font-size:10px;color:#aaa0b4}.toast{position:fixed;z-index:100;bottom:24px;left:50%;transform:translate(-50%);background:#342544;color:#fff;box-shadow:0 5px 30px #30203c30;padding:13px 17px;border-radius:10px;font-size:13px;display:flex;gap:20px;align-items:center;max-width:90vw}.toast button{padding:0 6px;background:none;border:0;color:#fff;font-size:20px}.workspace{max-width:1440px;margin:auto;padding:26px 46px 60px;background:#fcfbfe;border-top:1px solid #f2edf7}.workspace-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:28px}.title-input{display:block;border:0!important;padding:4px 0!important;background:transparent!important;font-size:25px;font-weight:600;letter-spacing:-.7px;width:100%;color:#392c4c}.workspace-heading small{font-size:10px;color:#a493b6}.actions{display:flex;gap:8px;align-items:center}.editor-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:22px}.canvas-panel,.inspector,.scene-settings,.export-panel{background:#fff;border:1px solid #e7e0ee;border-radius:12px}.canvas-toolbar{display:flex;justify-content:space-between;align-items:center;padding:15px;border-bottom:1px solid #eee8f5}.canvas-toolbar button{padding:7px 13px}.canvas-toolbar select{border:1px solid #e8e0f0;border-radius:6px;padding:6px;color:#71617f;background:#fff}.canvas-wrap{position:relative;padding:36px;display:flex;align-items:center;justify-content:center;min-height:300px;background:#f8f5fc}.scene-canvas{display:block;width:100%;max-height:65vh;background:#fff;border:1px solid #e0d7ed;touch-action:none;-webkit-user-select:none;user-select:none;overflow:visible}.scene-canvas g{cursor:move}.canvas-bottom{display:flex;justify-content:space-between;font-size:10px;color:#9d8eac;padding:13px 18px;border-top:1px solid #eee7f4}.keyboard-hint{font-size:10px;padding:0 18px;margin-bottom:13px;color:#a496b0}.inspector{padding:20px}.panel-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.panel-heading h3{margin:0;font-size:15px}.panel-heading>span{font-size:11px;color:#9d82bc}.object-list{max-height:190px;overflow:auto;margin-bottom:20px}.object-list button{display:flex;justify-content:space-between;gap:8px;width:100%;border:0;border-radius:6px;padding:9px 10px;font-weight:400;margin-bottom:4px;text-align:left}.object-list button span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.object-list .active{background:#f1e9fc;color:#8050bd}.object-list small{font-size:9px;opacity:.6}label{display:block;color:#8c789d;font-size:11px;margin-bottom:15px}input,textarea{display:block;width:100%;padding:10px 12px;border:1px solid #e5ddeb;border-radius:7px;background:#fff;color:#544461;margin-top:5px;font-size:13px}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#baaec5}.field-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.inspector>small,.export-panel>small{font-size:10px;color:#a295af;display:block;line-height:1.7}.inspector>.actions{margin-top:22px}.danger{color:#b1647e}.below-editor{display:grid;grid-template-columns:1.2fr 1fr;gap:22px;margin-top:22px}.scene-settings,.export-panel{padding:24px}.scene-settings h3{font-size:15px}.export-panel p{font-size:12px}.export-buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:23px 0}.export-buttons button{font-size:11px}.prompt-preview{padding:25px;background:#f4effa;border-radius:10px;white-space:pre-wrap;font-size:12px;color:#655174}.empty-canvas{position:absolute;display:flex;flex-direction:column;gap:15px;align-items:center;color:#a18cb5}.muted{font-size:12px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#24133366;z-index:101;display:grid;place-items:center;padding:20px}.modal{background:#fff;border-radius:18px;padding:35px;max-width:600px;max-height:85vh;overflow:auto}.modal-close{float:right}.modal h2{font-size:26px;margin-top:40px}.modal p{font-size:13px}@media(min-width:1500px){.hero{padding-block:95px 135px}}@media(max-width:1000px){header{padding:0 25px}.hero{padding:45px 25px 85px;gap:25px}h1{font-size:52px}.hero-actions{gap:13px}.hero-actions a{font-size:10px}.section{padding:65px 25px}.guide{gap:40px}.steps{gap:25px}.workspace{padding:25px}.editor-grid{grid-template-columns:minmax(0,1fr) 270px}.workspace-heading{align-items:start}.actions{flex-wrap:wrap}.workspace-heading .actions{justify-content:flex-end}.canvas-wrap{padding:20px}.value-strip span:last-child{display:none}}@media(max-width:720px){header{height:75px;padding:0 20px}.brand{font-size:17px}nav{gap:12px}nav>a{display:none}.hero{grid-template-columns:1fr;padding:40px 24px 75px;gap:45px}h1{font-size:56px}.hero-copy>p{max-width:440px}.hero-visual{max-width:520px}.value-strip{flex-direction:column;gap:8px;padding:20px}.section{padding:55px 24px}h2{font-size:29px}.steps,.example-grid,.guide{grid-template-columns:1fr;gap:30px}.step-art{height:65px}.steps article{border-bottom:1px solid #eee7f4;padding-bottom:12px}.ad-slot{margin:0 24px}.example-grid article{max-width:480px;margin:auto;width:100%}.guide-items{margin-top:10px}.section-heading{margin-bottom:30px}.guide>div>p{max-width:none}.faq{padding-top:15px}footer{padding:30px 24px;align-items:start;gap:25px;flex-direction:column}footer>div:last-child{flex-wrap:wrap}.workspace{padding:20px 12px}.workspace-heading{flex-direction:column;gap:15px}.workspace-heading .actions{justify-content:flex-start}.workspace-heading button{font-size:11px;padding:9px 12px}.editor-grid,.below-editor{grid-template-columns:1fr}.canvas-wrap{padding:22px;min-height:230px}.canvas-bottom{font-size:9px}.scene-canvas{max-height:65vh}.inspector{padding:20px}.object-list{display:flex;flex-wrap:wrap;gap:4px}.object-list button{width:auto}.export-panel,.scene-settings{padding:20px}.toast{width:90vw}.floating-note{right:15px;padding:11px 15px}.closing h2{font-size:27px}}.button-link{display:inline-block;border-radius:8px;padding:11px 19px;font-size:13px;font-weight:600}.policy-page{max-width:820px;margin:35px auto 85px;padding:0 28px}.policy-page h1{font-size:43px;letter-spacing:-1.4px;margin:28px 0 12px}.policy-page h2{font-size:22px;letter-spacing:-.5px;margin:34px 0 12px}.policy-page p{font-size:15px;color:#665a75}.policy-page a:not(.button-link){color:#7844ce;text-decoration:underline;text-underline-offset:3px}.policy-date{font-size:12px!important;color:#8c7e9b!important}.back-link{font-size:12px}.contact-card{padding:8px 25px 16px;border:1px solid #e6ddef;border-radius:12px;background:#faf7ff}footer nav{flex-wrap:wrap;gap:18px}footer nav a{font-size:11px}@media(max-width:720px){footer nav>a{display:inline}.policy-page h1{font-size:34px}.policy-page{padding:0 24px}}.inspector label select{display:block;width:100%;padding:10px 12px;border:1px solid #e5ddeb;border-radius:7px;background:#fff;color:#544461;margin-top:5px;font-size:13px}.choice-menu{border:1px solid #e5ddeb;border-radius:8px;background:#fff;min-width:130px;margin:0 0 15px;padding:0;color:#544461}.choice-menu summary{display:flex;align-items:center;gap:10px;padding:10px 12px;cursor:pointer;list-style:none;font-size:12px}.choice-menu summary::-webkit-details-marker{display:none}.choice-menu summary>span:first-child{color:#8c789d}.choice-menu summary strong{font-weight:500;flex:1;overflow-wrap:anywhere}.choice-menu summary:focus-visible{outline:3px solid #b28ae9;outline-offset:3px;border-radius:8px}.choice-menu summary:after{content:none}.choice-options{display:flex;flex-direction:column;gap:4px;padding:6px;max-height:240px;overflow-y:auto;border-top:1px solid #eee7f6}.choice-options button{text-align:left;white-space:normal;overflow-wrap:anywhere;border:0;flex-shrink:0}.choice-options button[aria-pressed=true]{background:#f1e9fe;color:#6734bd}.canvas-toolbar .choice-menu{margin:0}
