:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,sans-serif;color:#292723;background:#faf9f6;font-synthesis:none;line-height:1.6}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-underline-offset:4px}button{border:1px solid #dedbd4;border-radius:10px;background:#fff;padding:10px 16px;cursor:pointer;color:inherit;font-size:14px;transition:background .15s}button:hover:enabled{background:#f5f1e9}button:disabled{cursor:not-allowed;opacity:.48}button.primary{background:#e55761;color:#fff;border-color:#e55761}button.primary:hover:enabled{background:#d84752}button.quiet{border:0;background:transparent;padding-left:0}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #bd6b32;outline-offset:3px}header{height:86px;border-bottom:1px solid #e9e5dd;display:flex;align-items:center;padding:0 max(30px,calc((100vw - 1320px)/2));gap:22px;background:#fff}.logo{font-size:39px;font-weight:800;letter-spacing:-3px;text-decoration:none}.logo span{color:#e55761}.badge{font-size:12px;border-left:1px solid #ddd8cd;padding-left:22px;color:#7b766d}.back{margin-left:auto;font-size:13px;text-decoration:none}main{max-width:1320px;padding:52px 30px 20px;margin:auto}.eyebrow{font-size:11px;letter-spacing:2.2px;font-weight:600;color:#8f7560}.intro h1{font-size:clamp(25px,3vw,40px);letter-spacing:-1.3px;font-weight:600;margin:12px 0}.intro p{color:#837e75;font-size:15px;margin:0}.connection{display:flex;align-items:center;flex-wrap:wrap;gap:14px;margin:30px 0 20px;font-size:13px}.connection button{padding:7px 14px}.connection small{margin-left:auto;color:#8d887f;font-size:11px}.status{display:flex;align-items:center;gap:7px}.status:before{content:"";width:7px;height:7px;border-radius:50%;background:#bcb5a9}.status.connected:before{background:#538b69}.workspace{display:grid;grid-template-columns:1fr 1fr;gap:24px}.chat,.design{background:#fff;border:1px solid #e7e3dc;border-radius:20px;overflow:hidden}.section-heading{display:flex;justify-content:space-between;align-items:center;padding:22px 25px;gap:10px}.section-heading h2{font-size:17px;margin:0;font-weight:600}.section-heading>span{font-size:9px;color:#a09a8e;letter-spacing:1.3px}.messages{height:335px;overflow:auto;padding:0 25px 20px}.welcome{padding:30px 10px;text-align:center;color:#8e887d}.spark{font-size:45px;color:#c5ad8d}.welcome h3{font-size:18px;font-weight:500;color:#49433a;margin:18px 0 10px}.welcome p{font-size:13px}.message{max-width:90%;margin-top:18px}.message.user{margin-left:auto;text-align:right}.message small{font-size:10px;color:#91897d}.message p{font-size:14px;line-height:1.85;white-space:pre-wrap;text-align:left;background:#f7f4ef;border-radius:13px;padding:12px 16px;margin:5px 0}.message.user p{background:#faeded}.working{font-size:12px;color:#9b796c}.suggestions{display:flex;flex-wrap:wrap;gap:7px;padding:0 25px 16px}.suggestions button{font-size:11px;padding:7px 10px;color:#797062;border-radius:8px}.chat form{border-top:1px solid #eee9e1;margin:0 25px;padding:18px 0 24px}.chat form>label{display:block;font-size:11px;color:#8b8072;margin-bottom:10px}textarea{width:100%;height:84px;resize:vertical;border:0;background:#faf9f6;border-radius:10px;padding:12px;color:#403b32;font-size:13px}textarea::placeholder{color:#b0a99e}.composer-actions{display:flex;justify-content:space-between;align-items:center;margin-top:12px}.preview{height:330px;background:radial-gradient(ellipse at 50% 50%,#fffefa,#f4f0e8)}.preview>p{text-align:center;padding-top:140px;font-size:13px;color:#958c7e}.fallback{height:100%;position:relative;text-align:center}.fallback svg{height:90%;width:100%}.fallback>span{display:block;font-size:10px;color:#948575}.design-info{padding:22px 25px}.design-title{display:flex;justify-content:space-between;gap:10px;align-items:center}.design-title h3{font-size:20px;font-weight:500;margin:0}.design-title strong{font-size:21px;font-weight:500}.design-info>p{font-size:12px;color:#8c8275;line-height:1.8}.design-info>a{font-size:11px;color:#877767}.design-actions{display:flex;gap:10px;margin:20px 0 12px}.design-actions button{flex:1}.locks{display:flex;flex-wrap:wrap;gap:10px;font-size:11px;padding:14px 0 0;border-top:1px solid #eee9e1}.locks>span{flex-basis:100%;color:#9a8d7b}.locks label{display:flex;align-items:center;gap:5px;color:#655c50}.locks input{accent-color:#d65c68}.empty-design{height:505px;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#a79e90;text-align:center;padding:25px;background:radial-gradient(ellipse at 50% 40%,#fffefa,#f7f4ee)}.empty-design>span{font-size:100px;color:#d7c6b1;font-weight:200}.empty-design p{font-size:14px}.empty-design small{font-size:11px}.error,.notice{font-size:13px;padding:13px 18px;border-radius:10px;overflow-wrap:anywhere}.error{background:#ffebe8;color:#a4473e}.notice{background:#edf2e9;color:#567148}.checkout{display:grid;grid-template-columns:1fr 1fr;gap:40px;background:#fff;border:1px solid #e3c7b7;border-radius:20px;margin-top:24px;padding:30px}.checkout h2{font-size:24px;font-weight:500;margin:10px 0}.checkout p{font-size:13px;color:#7f7162}.checkout p.configuration{font-size:11px;margin:4px 0}.checkout ul{list-style:none;padding:0;margin:0}.checkout li{display:flex;justify-content:space-between;gap:20px;padding:6px 0;font-size:13px;color:#7c6f62}.total{display:flex;justify-content:space-between;border-top:1px solid #e7ded0;margin:15px 0;padding-top:12px}.total strong{font-weight:600}.checkout small{font-size:11px;color:#9b8771}.history{margin-top:28px;border:1px solid #e7e3dc;background:#fff;border-radius:18px;padding-bottom:18px}.history>.section-heading{padding-bottom:8px}.history>.section-heading button{font-size:12px;padding:6px 12px}.history>p{padding:0 25px;font-size:12px;color:#988c7d}.history-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px;padding:0 25px}.history-grid h3{font-size:12px;font-weight:500;color:#96816b}.history-grid p{font-size:12px;color:#817262}.history-grid small{display:block;font-size:10px;color:#9a8d7c;overflow-wrap:anywhere}.history-grid button{display:flex;width:100%;text-align:left;font-size:12px;border-radius:6px;margin-bottom:8px;justify-content:space-between;gap:10px}.history-grid button span{font-size:10px;color:#9a8b77}.technical{margin-top:28px;border-top:1px solid #e5ded2;padding:20px 0;font-size:12px;color:#7f7465}.technical summary{cursor:pointer}.technical ol{padding:0;list-style:none}.technical li{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px solid #eee7dc;gap:15px;font-size:11px}.technical code{overflow-wrap:anywhere}.technical li span{white-space:nowrap}.technical>button{font-size:11px}.credentials{background:#fff6df;padding:18px;border-radius:10px;margin-top:15px}.credentials label{display:block;margin:12px 0}.credentials input{display:block;width:100%;margin-top:5px;font-size:12px;border:1px solid #d9c8ad;padding:8px;border-radius:5px}footer{display:flex;justify-content:space-between;gap:20px;margin:22px 0;color:#a29787;font-size:10px}footer a{white-space:nowrap}@media(max-width:850px){.workspace{grid-template-columns:1fr}.connection small{flex-basis:100%;margin-left:0}.checkout{grid-template-columns:1fr;gap:20px}.history-grid{grid-template-columns:1fr;gap:10px}main{padding:30px 18px 20px}header{padding:0 20px;gap:12px;height:72px}.badge{padding-left:12px}.back{font-size:11px}.intro h1{letter-spacing:-.6px}.messages{height:270px}.empty-design{height:280px}.preview{height:330px}.technical li{flex-direction:column;gap:1px}footer{flex-direction:column}.section-heading{padding:20px}.design-actions button{font-size:12px;padding:10px 8px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}