:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#17201d;background:#f7f8f5;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}.brand{display:inline-flex;align-items:center;gap:.65rem;font-size:1.05rem;font-weight:760;letter-spacing:-.03em}.brand-mark{display:grid;place-items:center;width:2rem;height:2rem;color:#fff;border-radius:.65rem;background:#17201d;font-family:Georgia,serif;font-style:italic}.button{border:0;border-radius:.75rem;padding:.72rem 1rem;font-weight:650;cursor:pointer;transition:transform .15s,background .15s}.button:hover{transform:translateY(-1px)}.button-primary{color:#fff;background:#17201d}.button-secondary{color:#17201d;background:#e7eee8}.button-ghost{color:#4f5c57;background:transparent}.status{display:inline-flex;align-items:center;gap:.45rem;color:#60706a;font-size:.78rem;font-weight:620}.status-dot{width:.48rem;height:.48rem;border-radius:50%;background:#3bad70;box-shadow:0 0 0 3px #dff5e8}body{overflow:hidden}.builder{height:100vh;display:grid;grid-template-columns:238px minmax(390px,.75fr) minmax(480px,1.25fr);background:#eef1ed}.entry-shell{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr;background:radial-gradient(circle at 25% 35%,#e1e9df,transparent 32%),#f6f7f4}.entry-copy{padding:42px clamp(35px,7vw,110px);display:flex;flex-direction:column;justify-content:center}.entry-copy .brand{position:absolute;top:32px}.entry-copy h1{margin:18px 0;font-size:clamp(3.2rem,6vw,6.5rem);line-height:.92;letter-spacing:-.07em}.entry-copy h1 em{color:#6f8b7b;font-family:Georgia,serif;font-weight:400}.entry-copy>p:not(.eyebrow){max-width:560px;color:#65716b;line-height:1.65}.entry-proof{display:flex;gap:12px;margin-top:35px}.entry-proof>span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;color:#fff;background:#53685e}.entry-proof b,.entry-proof small{display:block}.entry-proof small{margin-top:4px;color:#78847e}.entry-card{display:grid;place-items:center;padding:30px;background:#fff}.entry-card form,.entry-sent{width:min(390px,100%)}.entry-card h2{margin:10px 0 30px;font-size:2rem;letter-spacing:-.05em}.entry-card label{display:grid;gap:8px;color:#56625d;font-size:.76rem;font-weight:700}.entry-card input{height:48px;padding:0 13px;border:1px solid #d6ddd7;border-radius:10px;outline:none}.entry-card input:focus{border-color:#60796c;box-shadow:0 0 0 3px #e2ebe5}.entry-card form .button{width:100%;margin-top:16px}.entry-card form>small{display:block;margin-top:15px;color:#98a19d;font-size:.62rem;line-height:1.5}.entry-sent>span{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:#e8efe9}.entry-sent p{color:#69756f;line-height:1.6}.entry-sent .button{width:100%;margin-top:16px}.text-button{width:100%;margin-top:12px;border:0;color:#66756d;background:transparent;cursor:pointer}.builder.preview-hidden{grid-template-columns:238px 1fr}.projects,.chat,.preview{min-width:0;background:#fff}.projects{display:flex;flex-direction:column;padding:18px 12px 12px;border-right:1px solid #e2e6e2}.projects-top,.projects-footer{display:flex;align-items:center;justify-content:space-between;padding:0 7px}.icon-button{border:0;color:#89938f;background:transparent;cursor:pointer}.new-project{width:100%;margin:24px 0;text-align:left}.section-label{padding:0 10px;color:#9aa39f;font-size:.68rem;font-weight:750;letter-spacing:.08em;text-transform:uppercase}.workspace-nav{display:grid;gap:2px;margin-bottom:18px}.workspace-nav button{display:flex;align-items:center;gap:9px;padding:7px 10px;border:0;border-radius:8px;color:#66736d;background:transparent;text-align:left;font-size:.72rem;cursor:pointer}.workspace-nav button span{width:17px;color:#87958e;text-align:center}.workspace-nav button.selected{color:#1f2b26;background:#edf1ed;font-weight:700}.project-list{display:grid;gap:3px}.project{position:relative;display:grid;grid-template-columns:34px 1fr 5px;gap:10px;align-items:center;padding:9px 10px;border:0;border-radius:10px;text-align:left;color:#34403b;background:transparent;cursor:pointer}.project.active{background:#edf1ed}.project-icon{display:grid;place-items:center;width:34px;height:34px;border:1px solid #d9dfda;border-radius:8px;background:#fafbf9;font:italic 1rem Georgia,serif}.project b,.projects-footer b{display:block;font-size:.78rem}.project small,.projects-footer small{display:block;margin-top:3px;color:#8c9692;font-size:.65rem}.project i{width:5px;height:5px;border-radius:50%;background:#3bad70}.projects-footer{margin-top:auto;padding-top:12px;border-top:1px solid #eceeeb;justify-content:initial;gap:9px}.projects-footer .icon-button{margin-left:auto}.avatar{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;color:#fff;background:#798a80;font-size:.66rem}.avatar.tiny{width:23px;height:23px;font-size:.5rem}.chat{display:grid;grid-template-rows:70px 1fr auto;border-right:1px solid #e2e6e2}.chat header,.preview header{display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:1px solid #e8ebe7}.chat h1{margin:0 0 4px;font-size:.94rem;letter-spacing:-.02em}.header-actions{display:flex;align-items:center;gap:3px}.header-actions .button{padding:.55rem .65rem;font-size:.7rem}.preview-toggle{display:none}.messages{overflow:auto;padding:25px clamp(20px,4vw,54px)}.message{max-width:540px;margin-bottom:28px}.message.user{margin-left:auto}.message-author{display:flex;align-items:center;gap:7px;font-size:.71rem}.ai-mark{display:grid;place-items:center;width:23px;height:23px;border-radius:7px;color:#fff;background:#17201d;font:italic .8rem Georgia,serif}.message p{margin:9px 0;padding:13px 15px;border-radius:4px 14px 14px;color:#4b5752;background:#f1f4f0;font-size:.83rem;line-height:1.55}.message.user p{border-radius:14px 4px 14px 14px;color:#fff;background:#53685e}.message small{color:#798781;font-size:.65rem}.composer{margin:0 18px 18px;padding:12px;border:1px solid #d9ded9;border-radius:14px;box-shadow:0 7px 25px #485a5112}.composer textarea{width:100%;min-height:48px;resize:none;border:0;outline:0;color:#44504b}.composer>div{display:flex;align-items:center;gap:9px}.composer span{flex:1;color:#a1a9a5;font-size:.6rem}.composer .button,.attach{display:grid;place-items:center;width:30px;height:30px;padding:0;border-radius:8px}.attach{border:0;background:#edf0ed}.work-progress{max-width:540px;margin:8px 0 28px;padding:14px;border:1px solid #dfe5df;border-radius:13px;background:#fbfcfa}.work-heading{display:flex;justify-content:space-between;margin-bottom:11px;font-size:.7rem}.work-heading small{color:#718079}.work-step{display:flex;align-items:center;gap:9px;padding:7px 0;border-top:1px solid #edf0ed}.work-step>span{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;color:#fff;background:#91a198;font-size:.6rem}.work-step>span.done{background:#38a96d}.work-step b,.work-step small{display:block}.work-step b{font-size:.7rem}.work-step small{margin-top:2px;color:#8a9690;font-size:.58rem}.surface-panel{overflow:auto;padding:42px clamp(25px,5vw,70px);border-right:1px solid #e2e6e2;background:#fff}.surface-panel .section-label{padding:0}.surface-panel h1{margin:12px 0;font-size:2.2rem;letter-spacing:-.055em}.surface-intro{max-width:580px;color:#69756f;font-size:.84rem;line-height:1.6}.surface-list{display:grid;gap:8px;margin-top:38px}.surface-list article{display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:12px;padding:13px;border:1px solid #e4e8e4;border-radius:12px}.surface-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:9px;background:#edf1ed;font:italic 1rem Georgia,serif}.surface-list b,.surface-list small{display:block}.surface-list b{font-size:.78rem}.surface-list small{margin-top:4px;color:#89938e;font-size:.65rem}.surface-list em{padding:5px 8px;border-radius:999px;color:#577064;background:#edf4ef;font-size:.6rem;font-style:normal}.files-upload{display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:12px;padding:13px;border:1px solid #e4e8e4;border-radius:12px}.files-upload .surface-icon{width:40px;height:40px}.files-upload .button{white-space:nowrap}.publish-review{margin-top:28px;padding:18px;display:flex;align-items:center;justify-content:space-between;border-radius:12px;background:#f2f5f1}.publish-review .button{font-size:.7rem}.preview{display:grid;grid-template-rows:52px 1fr;background:#e8ebe7}.preview header{background:#fafbf9}.preview header>div{display:flex;align-items:center;gap:12px}.preview-url{padding-left:12px;border-left:1px solid #dfe3df;color:#7c8782;font-size:.67rem}.device-switch{padding:3px;border-radius:7px;background:#edf0ec}.device-switch button{border:0;padding:4px 7px;color:#7c8782;background:transparent;cursor:pointer}.device-switch .selected{border-radius:5px;color:#27312d;background:#fff;box-shadow:0 1px 3px #46564e22}.preview-stage{overflow:auto;display:grid;place-items:center;padding:24px}.preview-browser{width:100%;height:100%;max-height:760px;overflow:hidden;border-radius:8px;background:#fff;box-shadow:0 16px 50px #50605725;transition:width .2s}.preview-stage.mobile .preview-browser{width:340px}.browser-bar{height:30px;display:grid;place-items:center;color:#9ca49f;background:#f6f6f4;font-size:.55rem}.flower-site{position:relative;height:calc(100% - 30px);min-height:470px;overflow:hidden;padding:26px 42px;color:#faf7ed;background:linear-gradient(100deg,#383f34,#68705a 55%,#a99e81)}.flower-site nav{display:flex;justify-content:space-between;font-size:.58rem;letter-spacing:.12em}.flower-copy{position:relative;z-index:1;margin-top:clamp(70px,13vh,130px)}.flower-copy small{font-size:.52rem;letter-spacing:.2em}.flower-copy h2{margin:15px 0;font:400 clamp(2.8rem,5vw,5rem)/.92 Georgia,serif;letter-spacing:-.04em}.flower-copy h2 em{color:#dcc7b2}.flower-copy p{font:.8rem/1.5 Georgia,serif}.flower-copy button{margin-top:16px;padding:10px 0;border:0;border-bottom:1px solid #fff;color:#fff;background:transparent;font-size:.58rem}.petals{position:absolute;top:20%;right:8%;width:35%;aspect-ratio:1}.petals i{position:absolute;width:68%;height:38%;border-radius:100% 15%;background:linear-gradient(135deg,#d3b39a,#795c53);transform:rotate(25deg)}.petals i:nth-child(2){transform:rotate(145deg) translate(-25%,20%)}.petals i:nth-child(3){transform:rotate(260deg) translate(20%,-10%)}.flower-site footer{position:absolute;bottom:22px;font-size:.5rem;letter-spacing:.1em}@media(max-width:1050px){.builder{grid-template-columns:205px minmax(0,1fr) minmax(250px,380px)}.builder.preview-hidden{grid-template-columns:205px 1fr}.preview{position:static;top:auto;right:auto;bottom:auto;width:auto;z-index:3;background:#fff;overflow:auto}.preview-toggle{display:block;border:0;color:#52645b;background:transparent;font-size:.68rem;cursor:pointer}}@media(max-width:800px){.entry-shell{grid-template-columns:1fr}.entry-copy{min-height:48vh;padding-top:90px}.entry-copy h1{font-size:clamp(3rem,14vw,5rem)}.entry-card{min-height:52vh}}@media(max-width:650px){body{overflow:auto}.builder{min-height:100vh;height:auto;grid-template-columns:62px minmax(0,1fr) minmax(170px,220px)}.builder.preview-hidden{grid-template-columns:62px 1fr}.projects{padding-inline:8px}.projects .brand span:last-child,.projects-top .icon-button,.section-label,.project>span:nth-child(2),.project i,.projects-footer span:not(.avatar),.projects-footer .icon-button,.workspace-nav button{font-size:0}.projects .brand-mark{margin:auto}.new-project{overflow:hidden;height:38px;padding:0;font-size:0}.new-project:first-letter{font-size:1rem}.workspace-nav button{justify-content:center}.workspace-nav button span{font-size:.85rem}.project{grid-template-columns:1fr;padding-inline:5px}.project-icon{margin:auto}.chat{min-height:100vh}.chat header{padding-inline:12px}.header-actions .button{display:none}.messages{padding-inline:12px}.surface-panel{min-height:100vh;padding:28px 15px}.surface-list article{grid-template-columns:36px 1fr}.surface-list em{display:none}.preview{position:static;top:auto;right:auto;bottom:auto;width:auto}.preview-stage{padding:10px}.flower-site{padding-inline:22px}.flower-site nav span{display:none}}.template-card{border:1px solid #e4e8e4;width:100%;display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:12px;padding:13px;border-radius:12px;background:#fff;text-align:left;cursor:pointer;color:inherit}.template-card:hover{background:#fafcf8}.template-card.template-selected{border-color:#738f7d;background:#edf3ef}
