@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap";:root{--ink:#122821;--green:#1d6a55;--mint:#dceee7;--lime:#d8f066;--cream:#f5f3ed;--line:#dcded8}*{box-sizing:border-box}html{background:var(--cream);color:var(--ink)}body{background:linear-gradient(135deg,#ffffffa6,transparent 35%),var(--cream);margin:0;font-family:DM Sans,sans-serif}button,input,textarea{font:inherit}button{color:inherit}.topbar{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f5f3edd1;border-bottom:1px solid #1228211f;justify-content:space-between;align-items:center;height:88px;padding:0 max(5vw,32px);display:flex}.brand{align-items:center;gap:13px;display:flex}.brand-mark,.avatar{background:var(--green);color:#fff;place-items:center;font:800 13px/1 Manrope;display:grid}.brand-mark{border-radius:50% 50% 45% 55%;width:42px;height:42px;box-shadow:inset 0 0 0 5px #ffffff24}.brand strong{letter-spacing:.11em;font:800 16px/1.1 Manrope;display:block}.brand small{color:#60706b;letter-spacing:.08em;text-transform:uppercase;font-size:11px}.status{background:#fff;border:1px solid #d2d7d2;border-radius:999px;padding:9px 14px;font-size:13px;font-weight:600}.status i,.live i{background:#41a779;border-radius:50%;width:7px;height:7px;margin-right:7px;display:inline-block;box-shadow:0 0 0 4px #e0f3ea}.hero{justify-content:space-between;align-items:end;max-width:1440px;margin:auto;padding:70px max(6vw,32px) 62px;display:flex}.eyebrow{letter-spacing:.18em;color:var(--green);font:700 11px/1 Manrope}h1{letter-spacing:-.055em;max-width:790px;margin:16px 0 18px;font:700 clamp(42px,5vw,72px)/1.03 Manrope}h1 em{color:var(--green);font-style:normal}.hero>div>p{color:#5b6964;max-width:620px;margin:0;font-size:17px;line-height:1.6}.hero-note{background:var(--mint);border-radius:18px 18px 18px 4px;gap:16px;max-width:330px;margin-left:35px;padding:20px 22px;display:flex}.hero-note>span{color:var(--green);font-size:23px}.hero-note p{color:#51635d;margin:0;font-size:13px;line-height:1.45}.hero-note strong{color:var(--ink);margin-bottom:3px;font-size:14px;display:block}.workspace{grid-template-columns:minmax(0,1.08fr) minmax(400px,.92fr);align-items:start;gap:22px;max-width:1440px;margin:auto;padding:0 max(4vw,24px) 60px;display:grid}.panel{background:#ffffffdb;border:1px solid #1228211f;border-radius:24px;box-shadow:0 18px 55px #13342a12}.form-panel{padding:30px}.panel-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px;display:flex}.panel-heading>div{align-items:center;gap:12px;display:flex}.step{background:var(--ink);color:#fff;border-radius:9px;place-items:center;width:30px;height:30px;font:700 11px Manrope;display:grid}h2{letter-spacing:-.02em;margin:0;font:700 20px Manrope}.clear{color:#6b7773;cursor:pointer;background:0 0;border:0;padding:8px;font-size:13px}.clear:hover{color:var(--green)}.field-grid{grid-template-columns:1fr 1fr;gap:19px 16px;display:grid}label{margin-bottom:20px;font-size:13px;font-weight:700;display:block}label>span{color:#82908b;margin:3px 0 8px;font-size:11px;font-weight:400;display:block}input,textarea{border:1px solid var(--line);width:100%;color:var(--ink);background:#fbfcfa;border-radius:11px;outline:none;padding:12px 13px;transition:all .2s}textarea{resize:vertical;min-height:92px;line-height:1.45}input::placeholder,textarea::placeholder{color:#a0aaa6}input:focus,textarea:focus{background:#fff;border-color:#3d846e;box-shadow:0 0 0 3px #3d846e1c}.optional{border-top:1px solid var(--line);justify-content:space-between;align-items:center;padding-top:20px;display:flex}.optional strong{font-size:13px;display:block}.optional span{color:#87928e;font-size:11px}.switch{cursor:pointer;background:#ccd2ce;border:0;border-radius:999px;width:42px;height:24px;padding:3px;transition:all .2s}.switch i{background:#fff;border-radius:50%;width:18px;height:18px;transition:all .2s;display:block;box-shadow:0 1px 3px #789}.switch.active{background:var(--green)}.switch.active i{transform:translate(18px)}.pay-field{margin-top:18px}.preview-panel{color:#fff;background:#153b31;padding:30px;position:sticky;top:20px}.preview-heading{margin-bottom:20px}.preview-heading .step{background:var(--lime);color:var(--ink)}.live{color:#bed4cc;font-size:11px}.live i{background:var(--lime);box-shadow:0 0 0 4px #d8f0661f}.phone{background:#e9e4dc;border:1px solid #ffffff26;border-radius:16px;overflow:hidden;box-shadow:0 20px 44px #0000002e}.phone-top{background:#0b332a;justify-content:space-between;align-items:center;height:61px;padding:0 16px;display:flex}.phone-title{align-items:center;gap:10px;display:flex}.avatar{background:var(--lime);width:34px;height:34px;color:var(--ink);border-radius:50%;font-size:10px}.phone-title strong{font-size:12px;display:block}.phone-title small{color:#a9c1ba;margin-top:2px;font-size:9px;display:block}.dots{letter-spacing:3px;color:#9eb7af}.chat-bg{background-color:#e8e3da;background-image:radial-gradient(#c8c7c0 1px,#0000 1px);background-size:17px 17px;min-height:520px;padding:18px}.bubble{color:#17231f;background:#d9fdd3;border-radius:4px 13px 13px;max-width:94%;padding:16px 15px 22px;font-size:11.5px;line-height:1.38;position:relative;box-shadow:0 1px 2px #00000021}.bubble:before{content:"";border-top:11px solid #d9fdd3;border-left:9px solid #0000;position:absolute;top:0;left:-8px}.preview-line{white-space:pre-wrap;overflow-wrap:anywhere;min-height:16px}.blank{height:10px}.time{color:#698078;font-size:8px;position:absolute;bottom:6px;right:10px}.copy{background:var(--lime);width:100%;color:var(--ink);cursor:pointer;border:0;border-radius:12px;margin-top:18px;padding:15px;font-weight:800;transition:all .2s;box-shadow:0 8px 24px #d8f06621}.copy:hover{filter:brightness(1.04);transform:translateY(-1px)}.copy span{margin-right:8px}.copy.copied{background:#fff}.hint{text-align:center;color:#9db4ad;margin:10px 0 0;font-size:10px}footer{color:#6a7772;border-top:1px solid #1228211f;justify-content:space-between;align-items:center;max-width:1440px;margin:0 auto;padding:28px max(5vw,32px) 36px;font-size:12px;display:flex}footer>span{letter-spacing:.12em;color:var(--green);font:800 13px Manrope}footer p{margin:0}footer strong{color:var(--ink)}.form-actions{gap:4px!important;display:flex!important}.save-template{color:var(--green);cursor:pointer;background:#e6f0eb;border:0;border-radius:8px;padding:8px 10px;font-size:12px;font-weight:700}.urgent-card{border:1px solid var(--line);background:#f4f5f2;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:20px;padding:14px 16px;display:flex}.urgent-card.active{background:#fff3df;border-color:#e8b75a}.urgent-card strong,.urgent-card span{display:block}.urgent-card strong{font-size:13px}.urgent-card span{color:#7e8985;margin-top:2px;font-size:11px}.library{border-top:1px solid var(--line);margin-top:22px;padding-top:20px}.library-title,.history-heading,.history-heading>div{align-items:center;display:flex}.library-title{justify-content:space-between}.library-title>span{background:var(--mint);color:var(--green);border-radius:999px;padding:3px 8px;font-size:10px;font-weight:800}.library>p,.empty-history{color:#85908c;margin-bottom:0;font-size:11px}.saved-list,.history-list{gap:8px;margin-top:12px;display:grid}.saved-row{border:1px solid var(--line);background:#f7f8f5;border-radius:10px;display:flex;overflow:hidden}.saved-row>button:first-child{text-align:left;cursor:pointer;background:0 0;border:0;flex:1;padding:10px 12px}.saved-row strong,.saved-row span{display:block}.saved-row strong{font-size:12px}.saved-row span{color:#7b8883;margin-top:2px;font-size:10px}.remove{border:0;border-left:1px solid var(--line);color:#89938f;cursor:pointer;background:0 0;width:38px}.right-column{gap:18px;display:grid}.right-column .preview-panel{position:static}.history-panel{padding:22px}.history-heading{justify-content:space-between}.history-heading>div{gap:10px}.history-heading button{color:#7a8782;cursor:pointer;background:0 0;border:0;font-size:11px}.history-list{max-height:280px;overflow:auto}.history-list>button{text-align:left;border:1px solid var(--line);cursor:pointer;background:#fafbf8;border-radius:10px;grid-template-columns:1fr auto;padding:10px 12px;display:grid}.history-list strong{font-size:11px}.history-list span{color:#87928e;grid-column:1;margin-top:3px;font-size:9px}.history-list small{color:var(--green);grid-area:1/2/3;align-self:center;font-size:9px;font-weight:700}.header-actions{align-items:center;gap:10px;display:flex}.header-actions>button{color:#66746f;cursor:pointer;background:0 0;border:0;font-size:11px}.login-page{background:#f5f3ed;grid-template-columns:minmax(360px,520px) minmax(400px,1fr);min-height:100vh;display:grid}.login-card{background:#fff;flex-direction:column;justify-content:center;padding:clamp(40px,7vw,100px);display:flex}.login-brand{align-items:center;gap:12px;margin-bottom:auto;display:flex}.login-brand strong,.login-brand small{display:block}.login-brand strong{letter-spacing:.1em;font:800 15px Manrope}.login-brand small{color:#74817c;text-transform:uppercase;font-size:10px}.login-card>.eyebrow{margin-top:70px}.login-card h1{margin-bottom:14px;font-size:clamp(44px,5vw,66px)}.login-card>p{color:#71807a;margin:0 0 34px;line-height:1.5}.login-card form label{margin-bottom:15px}.login-button{background:var(--green);color:#fff;cursor:pointer;border:0;border-radius:11px;width:100%;padding:14px;font-weight:800}.login-button:disabled{opacity:.65}.login-error{color:#9e382c;background:#fff0ed;border-radius:9px;margin-bottom:12px;padding:10px 12px;font-size:11px}.login-help{text-align:center;color:#9aa39f;margin-top:auto;padding-top:40px}.login-visual{color:#fff;background:radial-gradient(circle at 70% 20%,#d8f06640,#0000 25%),#153b31;flex-direction:column;justify-content:flex-end;padding:70px;display:flex}.login-visual>span{color:var(--lime);margin-bottom:auto;font-size:42px}.login-visual blockquote{letter-spacing:-.045em;max-width:750px;margin:0 0 30px;font:600 clamp(32px,4vw,62px)/1.12 Manrope}.login-visual small{color:#abc0b9;letter-spacing:.14em}.loading-login{text-align:center;grid-column:1/-1;align-items:center}.loading-login .brand-mark{margin:auto}.loading-login p{color:#71807a;margin:18px 0 0}.editing-note{color:var(--green);background:#eef7f2;border:1px solid #b9d8ca;border-radius:11px;align-items:center;gap:12px;margin:-8px 0 18px;padding:11px 13px;display:flex}.editing-note p{margin:0;font-size:11px}.editing-note strong{color:var(--ink);font-size:12px;display:block}.saved-row.editing{border-color:var(--green);background:#eef7f2;box-shadow:0 0 0 2px #1d6a5514}.saved-row small{color:var(--green);margin-top:5px;font-size:9px;font-weight:700;display:block}@media (max-width:950px){.hero{align-items:start}.hero-note{display:none}.workspace{grid-template-columns:1fr}.preview-panel{position:static}.chat-bg{min-height:450px}.login-page{grid-template-columns:1fr}.login-card{min-height:100vh}.login-visual{display:none}}@media (max-width:620px){.topbar{height:74px;padding:0 18px}.status{display:none}.hero{padding:46px 20px 38px}h1{font-size:40px}.hero>div>p{font-size:15px}.workspace{padding:0 12px 36px}.panel,.form-panel,.preview-panel{border-radius:18px;padding:20px}.field-grid{grid-template-columns:1fr;gap:0}.form-actions{flex-direction:column}.save-template,.clear{font-size:10px}.chat-bg{padding:13px}footer{flex-direction:column;align-items:flex-start;gap:12px;padding:25px 20px}.header-actions>button{font-size:10px}.login-card{padding:30px 24px}.login-card>.eyebrow{margin-top:60px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}