@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#101112;--panel:#1a1c1e;--line:#303336;--muted:#a0a4a6;--text:#f2f3ef;--lime:#d0f58a;--soft:#d0f58a12;--display:'Space Grotesk',sans-serif;--body:'DM Sans',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.6 var(--body);background-image:radial-gradient(ellipse at 80% -10%,#73854d14,transparent 43%)}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}button,a{touch-action:manipulation}button:disabled{opacity:.55;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--lime);outline-offset:4px}[hidden]{display:none!important}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--display)}em{font-family:Georgia,'Times New Roman',serif;font-weight:400}.top{max-width:1600px;margin:auto;min-height:92px;padding:18px 4.5%;display:flex;align-items:center;justify-content:space-between;gap:30px;border-bottom:1px solid #ffffff0b}.brand{display:flex;align-items:center;font:700 23px var(--display);letter-spacing:-1.15px;white-space:nowrap}.brand>span:not(.brandmark){color:var(--lime)}.brandmark{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:var(--lime);color:#1a2410;margin-right:12px;box-shadow:0 3px 15px #c7ff6b12}.brand small{margin-left:13px;font:500 10px var(--body);letter-spacing:1.6px;padding:5px 7px;border:1px solid #ffffff18;border-radius:4px;color:var(--muted)}nav{display:flex;gap:5px;padding:5px;border:1px solid #ffffff0c;border-radius:40px;background:#ffffff03;font-size:14px;color:var(--muted)}nav a{padding:9px 18px;transition:.2s}nav a:hover{color:var(--text)}nav .active{color:var(--text);background:#2b2e2b;box-shadow:0 1px 5px #0003;border-radius:30px}.button{display:inline-flex;justify-content:center;align-items:center;gap:10px;min-height:44px;padding:11px 18px;border-radius:9px;font-size:14px;font-weight:600;border:1px solid #ffffff20;background:#ffffff03;color:var(--text);transition:background .18s,border-color .18s,transform .18s}.outline:hover{background:#ffffff0a;border-color:#ffffff40}.button:active{transform:translateY(1px)}.primary{background:var(--lime);color:#20271a;border-color:var(--lime);box-shadow:0 4px 20px #b6e76c0c}.primary:hover{background:#def9b0;border-color:#def9b0}main{max-width:1600px;padding:0 4.5%;margin:auto}.intro{padding:40px 0 36px;display:flex;justify-content:space-between;align-items:center;gap:30px}.eyebrow{font-size:12px;letter-spacing:1.9px;font-weight:600;color:var(--lime);margin:0 0 14px;display:flex;gap:9px;align-items:center}.eyebrow-line{width:18px;height:1px;background:var(--lime)}h1{font-size:clamp(36px,3.6vw,56px);line-height:1.15;letter-spacing:-2px;font-weight:500;margin:0 0 13px}h1 em{color:var(--lime);letter-spacing:-1.7px}.intro-copy{font-size:15px;color:var(--muted);margin:0}.intro-note{display:flex;align-items:center;gap:18px;padding-left:25px;border-left:1px solid var(--line)}.intro-note p{font-size:14px;line-height:1.7;color:#a8aeaa;margin:0}.intro-note strong{font-weight:500;color:var(--text)}.note-icon{font-size:34px;color:var(--lime)}.workspace-bar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:17px}.workspace-bar>div{display:flex;gap:12px;align-items:center}.workspace-bar h2{font-family:var(--body);font-size:15px;letter-spacing:-.2px;margin:0;font-weight:500}.workspace-symbol{color:var(--lime);font-size:20px}.workspace-mode{font-size:12px;color:var(--muted);border-left:1px solid #414545;padding-left:12px}.connection-pill{font-size:12px;background:#202320;color:#c3c9bd;border:1px solid #363e30;border-radius:30px;padding:5px 12px;white-space:nowrap}.connection-pill[data-state='connected']{color:var(--lime)}.studio{display:grid;grid-template-columns:350px minmax(0,1fr);gap:1px;border:1px solid #373b3c;border-radius:16px;overflow:hidden;background:var(--line);box-shadow:0 28px 85px #0003,inset 0 1px #fff1}.controls{padding:24px;background:linear-gradient(145deg,#202324,#191b1d);min-width:0}.panel-title{display:flex;align-items:center;gap:12px;margin-bottom:25px}.step-number{display:grid;place-items:center;flex:none;font:12px var(--display);color:#b8bfb7;border:1px solid #4c5249;background:#ffffff03;border-radius:7px;width:29px;height:29px}.panel-title h2{font-size:18px;font-weight:500;letter-spacing:-.6px;margin:0}.panel-title p{font-size:13px;color:var(--muted);margin:2px 0 0}.label-row{display:flex;justify-content:space-between;align-items:center;gap:10px}.label-row>span{color:#7f8686;font-size:10px;letter-spacing:1px}label{display:block;font-size:14px;font-weight:500;margin-bottom:9px}textarea,input,select{width:100%;background:#141618;border:1px solid #363c3b;border-radius:8px;color:#eceee8;padding:12px;font-size:14px;min-height:46px;transition:border-color .2s,box-shadow .2s}textarea:hover,input:hover,select:hover{border-color:#56604d}textarea:focus,input:focus,select:focus{border-color:#849d66;box-shadow:0 0 0 3px #c7ff6b08;outline:none}textarea{resize:vertical;line-height:1.65;min-height:138px;padding:15px}textarea::placeholder,input::placeholder{color:#888f8e}select{cursor:pointer}.helper{font-size:13px;line-height:1.55;color:var(--muted);margin:10px 0 14px}.suggestions{display:flex;gap:7px;flex-wrap:wrap}.suggestions button{font-size:12px;color:#bdc4bf;border:1px solid #444b47;border-radius:6px;background:#ffffff03;padding:5px 11px;min-height:32px;transition:.2s}.suggestions button:hover{color:var(--lime);border-color:#819669;background:#d0f58a08}.divider{height:1px;background:linear-gradient(90deg,#424744,#42474455);margin:22px 0}.settings-title{display:flex;align-items:center;gap:10px;margin-bottom:19px}.settings-title h3{font:500 13px var(--body);margin:0;color:#bec4bf}.settings-title .step-number{width:25px;height:25px;font-size:11px;border-color:#3c443a}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:17px 0}.muted{font-size:11px;color:var(--muted)}.model{display:flex;align-items:center;gap:12px;padding:13px 12px;margin:20px 0;background:#ffffff03;border:1px solid #ffffff0b;border-radius:9px}.chip-icon{font-size:27px;color:#aebba3}.model strong{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:500}.model small{display:block;font-size:12px;color:#999f9c;margin-top:2px}.model-tag{font-size:9px;letter-spacing:1px;padding:1px 5px;border:1px solid #536345;border-radius:3px;color:#b6ce9b}.generate{width:100%;min-height:51px;font-size:15px;font-weight:700}.generate>span{font-size:20px}.under-button{font-size:11px;text-align:center;color:#939c94;margin:11px -4px 0}.canvas{background:#161819;display:flex;flex-direction:column;min-width:0}.canvas-top,.canvas-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:18px 24px;color:var(--muted)}.canvas-top{border-bottom:1px solid #ffffff0a;min-height:66px}.preview-title{font-size:14px;color:#c7cdca;display:flex;align-items:center;gap:9px}.preview-icon{font-size:20px;color:#adb6ab}.canvas-top>#result-meta{font-size:12px;color:#8d9790}.canvas-body{display:grid;place-items:center;flex:1;min-height:490px;padding:32px;position:relative;isolation:isolate;background-color:#101213;background-image:linear-gradient(45deg,#ffffff01 25%,transparent 25%),linear-gradient(-45deg,#ffffff01 25%,transparent 25%)}.canvas-body:before{content:'';position:absolute;inset:24px;border:1px solid #ffffff08;border-radius:10px;pointer-events:none;z-index:-1}.canvas-body:after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at center,#adc78408,transparent 65%);pointer-events:none;z-index:-1}.canvas-body #empty{text-align:center;max-width:450px;padding:30px 0}.empty-symbol{margin:0 auto 24px;font-size:39px;line-height:1;color:var(--lime);display:grid;place-items:center;width:76px;height:76px;border:1px solid #4d5845;border-radius:22px;background:linear-gradient(150deg,#b8d0960f,#b8d09602);box-shadow:0 0 55px #c7ff6b08,inset 0 1px #ffffff0a;transform:rotate(-8deg)}.canvas .empty-kicker{font-size:10px;letter-spacing:2px;color:#adb6a6;margin-bottom:16px}.canvas h2{font-size:38px;line-height:1.15;font-weight:500;letter-spacing:-1.2px;margin-bottom:18px}.canvas h2 em{color:#bac9aa;font-size:1.06em}.canvas p{font-size:14px;line-height:1.65;color:var(--muted)}.local-pill{display:inline-block;border:1px solid #3a4138;border-radius:30px;color:#b2bbaa;padding:6px 12px;font-size:10px;letter-spacing:1.1px;margin-top:12px}.canvas-footer{border-top:1px solid #ffffff0a;min-height:77px;font-size:13px}.canvas-footer span{max-width:65%}#download{white-space:nowrap;border-color:#4d5b40;background:#b4d67f0a;color:#d7e9c0;font-size:13px}#download:hover{background:#b4d67f15}#download span{font-size:20px}#result{display:block;max-width:100%;max-height:550px;height:auto;object-fit:contain;border-radius:10px;box-shadow:0 15px 65px #0008;border:1px solid #ffffff0e}#progress-box{text-align:center;max-width:400px}progress{width:100%;height:5px;accent-color:var(--lime);border-radius:3px;overflow:hidden}.spinner{width:48px;height:48px;border:2px solid #3d4b30;border-top-color:var(--lime);border-radius:50%;margin:0 auto 28px;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.hardware{display:flex;align-items:center;gap:14px;padding:18px 3px;margin:5px 0 0;border-bottom:1px solid #ffffff0b}.hardware-icon{display:grid;place-items:center;width:38px;height:38px;border:1px solid #41483d;border-radius:9px;color:#b3c29f}.hardware-icon svg{width:23px;height:23px}.hardware strong{font-size:13px;font-weight:500}.hardware p{font-size:12px;color:var(--muted);margin:2px 0 0}.hardware .button{margin-left:auto;white-space:nowrap;border:0;color:#c7d9b2;background:transparent;font-size:12px}.hardware .button:hover{background:#ffffff06}.explain{padding:95px 0 80px}.explain-heading{display:flex;align-items:end;justify-content:space-between;gap:30px}.explain h2,.license h2{font-size:42px;line-height:1.15;letter-spacing:-1.5px;font-weight:500;margin-bottom:0}.explain h2 em,.license h2 em{color:#aebba4}.explain-heading>p{font-size:15px;color:var(--muted);margin:0 0 4px}.steps{display:grid;grid-template-columns:1fr 1fr 1fr;gap:42px;margin-top:38px}.steps article{padding:24px 0 0;border-top:1px solid #454a40;position:relative}.steps article>span{color:#acb9a0;font:13px var(--display)}.steps h3{font-size:18px;margin:20px 0 11px;font-weight:500;letter-spacing:-.4px}.steps p{color:var(--muted);font-size:15px;line-height:1.75;margin:0}.license{border-top:1px solid #ffffff0b;padding:65px 0 85px;display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center}.license>div:not(.license-card)>p:not(.eyebrow){color:var(--muted);font-size:15px;margin:24px 0 0;line-height:1.8}.license-card{position:relative;background:linear-gradient(130deg,#22291e,#171b17);border:1px solid #526044;padding:30px 32px;border-radius:15px;box-shadow:0 12px 40px #0002}.card-top{display:flex;align-items:center;justify-content:space-between}.tag{font-size:10px;letter-spacing:1.6px;color:var(--lime)}.card-spark{font-size:27px;color:#d0f58a}.license h3{font-size:23px;font-weight:500;margin:20px 0 12px}.license .price{font-family:var(--display);font-size:36px;color:var(--text);margin:0 0 8px;letter-spacing:-1.5px}.license-card p{font-size:14px;line-height:1.8;color:#acb6a7;margin-bottom:14px}.license-card small{color:#a0aa99;font-size:12px;line-height:1.6;display:block}footer{padding:28px 0 34px;border-top:1px solid #ffffff0b;display:flex;gap:30px;justify-content:space-between;align-items:center}footer .brand{font-size:21px}footer p{font-size:14px;color:var(--muted);margin:0}footer>span{font-size:12px;color:#8c958b}dialog{background:linear-gradient(145deg,#262c23,#181c17);color:var(--text);border:1px solid #59684b;border-radius:18px;max-width:610px;width:calc(100% - 30px);padding:32px;box-shadow:0 25px 120px #0008}dialog::backdrop{background:#060906b8;backdrop-filter:blur(12px)}dialog h2{font-size:30px;letter-spacing:-1px;font-weight:500;line-height:1.2}dialog p,dialog li{color:#b8c0b3;font-size:15px;line-height:1.7}dialog li{margin:12px 0}.dialog-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.dialog-top .eyebrow{margin:0}.close{background:transparent;color:var(--text);border:0;font-size:27px;width:44px;height:44px;border-radius:8px}.close:hover{background:#ffffff08}.dialog-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}
@media(min-width:1700px){.canvas-body{min-height:550px}#result{max-height:590px}}
@media(max-width:1100px){.top{gap:16px}.top>.button{font-size:12px;padding:10px 13px}nav a{padding:8px 12px;font-size:13px}.brand small{display:none}.studio{grid-template-columns:320px minmax(0,1fr)}.controls{padding:21px}.intro-note{display:none}.canvas-body{padding:23px}.canvas-footer{flex-wrap:wrap;gap:10px}.canvas-footer>span{max-width:100%}.canvas-top>#result-meta{max-width:55%;text-align:right;line-height:1.5}.steps{gap:26px}.license{gap:6%}}
@media(max-width:780px){.top{padding:18px 5%;min-height:auto;flex-wrap:wrap}.brand{font-size:22px}.brandmark{width:32px;height:32px}.top>.button{margin-left:auto;min-height:38px;font-size:12px}nav{order:3;width:100%;justify-content:space-between;margin-top:4px;gap:0}nav a{flex:1;text-align:center;padding:8px;font-size:13px}main{padding:0 5%}.intro{padding:32px 0 28px}.intro .eyebrow{font-size:10px;letter-spacing:1.5px}h1{font-size:38px;letter-spacing:-1.6px;line-height:1.15;max-width:420px}.intro-copy{font-size:14px;line-height:1.7;max-width:380px}.workspace-bar{flex-wrap:wrap;gap:12px;margin-bottom:15px}.workspace-mode{display:none}.workspace-bar h2{font-size:14px}.connection-pill{font-size:10px;padding:4px 9px}.studio{grid-template-columns:1fr}.controls{padding:23px}.panel-title{margin-bottom:22px}.canvas-body{min-height:370px;padding:25px}.canvas-body:before{inset:15px}.canvas-top{min-height:62px;padding:17px 22px}.canvas-top>#result-meta{font-size:11px}.canvas-footer{padding:18px 22px}.canvas-footer span{max-width:100%}#result{max-height:500px}.canvas h2{font-size:34px}.hardware{align-items:start;flex-wrap:wrap;padding:20px 0;gap:12px}.hardware>div:nth-child(2){flex:1;min-width:180px}.hardware .button{margin-left:50px;padding:4px 0;min-height:30px}.explain{padding:55px 0}.explain-heading{display:block}.explain h2,.license h2{font-size:34px}.explain-heading>p{margin-top:20px;font-size:14px}.steps{grid-template-columns:1fr;gap:25px;margin-top:30px}.steps article{padding-top:18px}.steps h3{margin-top:12px}.license{grid-template-columns:1fr;gap:30px;padding:45px 0 55px}.license-card{padding:24px}footer{align-items:start;flex-direction:column;gap:12px;padding:25px 0}footer p{font-size:13px}dialog{padding:24px}.dialog-actions .button{width:100%}}
@media(max-width:360px){.top>.button{font-size:11px;padding:8px}.brand{font-size:19px}.brandmark{margin-right:7px;width:29px;height:29px}.workspace-bar{display:block}.connection-pill{display:inline-block;margin-top:10px}.field-row{grid-template-columns:1fr}.controls{padding:18px}h1{font-size:34px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.spinner{animation:none}*{transition:none!important}}

.trial-panel{margin:0 0 20px;padding:13px 14px;border:1px solid #526443;border-radius:9px;background:#c7ff6b07}.trial-panel>div{display:flex;align-items:center;justify-content:space-between;gap:12px}.trial-label{font-size:10px;letter-spacing:1.3px;color:#c0d8a3}.trial-panel strong{font-size:13px;font-weight:600;color:var(--lime)}.trial-panel p{font-size:12px;line-height:1.5;color:#b2bdab;margin:7px 0 9px}.trial-panel meter{display:block;width:100%;height:6px;border:0;background:#323b2c;border-radius:4px}.trial-panel meter::-webkit-meter-bar{background:#323b2c;border:0;border-radius:4px}.trial-panel meter::-webkit-meter-optimum-value{background:var(--lime)}.trial-panel meter::-moz-meter-bar{background:var(--lime)}.trial-ended{margin-top:15px;padding-top:15px;border-top:1px solid var(--line)}.trial-ended p{font-size:13px;line-height:1.6;color:var(--muted)}.trial-ended .button{width:100%}button:disabled{cursor:not-allowed}

.studio-help{margin:12px 0 0;color:var(--muted);font-size:14px}.studio-help a,.footer-help{color:var(--lime);text-decoration:underline;text-underline-offset:4px}.footer-help{font-size:14px}.faq{display:grid;grid-template-columns:minmax(230px,.8fr) minmax(0,1.3fr);gap:9%;padding:70px 0 80px;border-top:1px solid #ffffff0b;align-items:start}.faq h2{font-size:42px;line-height:1.15;letter-spacing:-1.5px;font-weight:500;margin-bottom:22px}.faq h2 em{color:#aebba4}.faq-intro>p:not(.eyebrow){font-size:16px;color:var(--muted);max-width:340px;line-height:1.8}.faq-jump{display:inline-block;font-size:14px;color:var(--lime);padding:10px 0;text-decoration:underline;text-underline-offset:5px}.faq-note{margin-top:30px;padding:20px;border:1px solid #3e4935;border-radius:12px;background:#d0f58a05;max-width:370px}.faq-note strong{font-size:15px;font-weight:500}.faq-note p{font-size:14px;color:var(--muted);line-height:1.7;margin:8px 0 0}.faq-content h3{font-size:13px;text-transform:uppercase;letter-spacing:1.7px;color:var(--lime);font-weight:500;margin:0 0 16px}.faq-content h3:not(:first-child){margin-top:38px}.faq details{border-bottom:1px solid #363d35}.faq summary{display:flex;align-items:center;justify-content:space-between;gap:20px;cursor:pointer;list-style:none;padding:20px 0;font-size:16px;line-height:1.55;font-weight:500}.faq summary::-webkit-details-marker{display:none}.faq summary::after{content:'+';font:400 25px var(--display);color:var(--lime);flex:none;width:24px;text-align:center}.faq details[open] summary::after{content:'−'}.faq details[open] summary{color:var(--lime)}.faq summary:hover{color:var(--lime)}.faq summary:focus-visible{outline:2px solid var(--lime);outline-offset:5px;border-radius:3px}.faq-answer{padding:0 32px 20px 0;color:#b7bfb6;font-size:16px;line-height:1.8;overflow-wrap:anywhere}.faq-answer p{margin:0 0 12px}.faq-answer p:last-child{margin-bottom:0}.faq-answer ol{padding-left:22px;margin:0 0 12px}.faq-answer li{padding-left:4px;margin-bottom:9px}.faq-answer strong{color:#e0e8da;font-weight:500}
@media(max-width:780px){.faq{grid-template-columns:1fr;gap:30px;padding:45px 0 55px}.faq h2{font-size:34px}.faq-intro>p:not(.eyebrow),.faq-note{max-width:none}.faq-note{margin-top:16px}.faq summary{gap:14px;padding:18px 0}.faq-answer{padding-right:0}.footer-help{font-size:14px}}
@media(max-width:520px){nav{display:grid;grid-template-columns:1fr 1fr;border-radius:15px;gap:3px}nav a{font-size:14px;padding:10px 7px}nav .active{border-radius:10px}}

.brand-logo{width:60px;height:60px;object-fit:contain;flex-shrink:0}.brand{gap:6px}@media(max-width:700px){.brand-logo{width:48px;height:48px}}