@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;600;700;800&display=swap";:root{font-family:DM Sans,sans-serif;color:#203d39;background:#f5f3eb;font-synthesis:none}*{box-sizing:border-box}body{margin:0}header{display:flex;justify-content:space-between;align-items:center;padding:26px 5%;border-bottom:1px solid #d9ddd1;font-size:12px;letter-spacing:1px}a{color:inherit}.brand{text-decoration:none;font-size:24px;font-weight:800}.brand span{font-size:11px;margin-left:10px}.banner{text-align:center;background:#e4ebd8;padding:12px;font-size:13px}main{max-width:1280px;margin:auto;padding:48px 42px}.hero{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;margin-bottom:42px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2px;color:#61796c}h1{font-family:Manrope,sans-serif;font-size:clamp(36px,4.6vw,62px);line-height:1.08;letter-spacing:-3px;margin:22px 0}p{line-height:1.6}.hero p:not(.eyebrow){font-size:17px;color:#617169;max-width:440px}.hero-art{border-radius:18px;overflow:hidden;box-shadow:0 15px 35px #233d3910;background:#dfe3d4}.hero-art svg{display:block;width:100%}.caption{font-size:10px;letter-spacing:2px;padding:14px 20px}.pills{display:flex;gap:8px;flex-wrap:wrap}.pills span,.tag{font-size:10px;letter-spacing:.6px;background:#e5eadb;border-radius:20px;padding:7px 10px}.steps{display:flex;justify-content:space-between;border-top:1px solid #d4dacb;border-bottom:1px solid #d4dacb;padding:23px 0;margin-bottom:32px;font-size:13px}.steps b{color:#839473;margin-right:10px}.workspace{display:grid;grid-template-columns:1.25fr 1fr;gap:24px}.panel{border:1px solid #d9dfd2;border-radius:16px;padding:28px;background:#fffef9}h2{font-family:Manrope,sans-serif;font-size:23px;letter-spacing:-.6px;margin:12px 0 25px}h3{font-size:16px}label{display:block;font-size:12px;font-weight:600;margin:16px 0}input,textarea{display:block;width:100%;font:inherit;font-weight:400;border:1px solid #cfd7c8;border-radius:8px;padding:12px;background:#fafbf5;color:#203d39;margin-top:8px}textarea{resize:vertical}small{display:block;font-size:11px;font-weight:400;color:#718073;line-height:1.6}.uploads,.fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.uploads label{border:1px dashed #adbd9b;padding:14px;border-radius:10px;margin:0}.uploads input{font-size:10px;padding:6px;border:0}.uploads small{margin-top:7px}fieldset{border:0;padding:0;margin:0;min-width:0}fieldset:disabled{opacity:.75}button{border:0;border-radius:8px;padding:12px 20px;background:#244a41;color:#fff;font:inherit;font-size:12px;font-weight:600;cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}.generate{width:100%;margin:12px 0 18px}.secondary{background:#e6eadf;color:#244a41}.sample-job{border:1px solid #dce3d2;padding:24px;border-radius:12px;background:#f2f5e9}.sample-job p{font-size:13px;color:#687666}.stat{display:flex;align-items:center;gap:15px;margin:25px 0}.stat b{font-size:44px;letter-spacing:-2px}.stat span{font-size:12px}.muted,.empty{color:#7b8579;font-size:13px}.empty{padding:40px 10px}aside{margin-top:35px;padding-top:20px;border-top:1px solid #e1e6db}aside p{font-size:12px;color:#647466}.connection{display:flex;gap:15px;align-items:center;margin-bottom:25px}.connection label{flex:1}.job{display:block;text-align:left;background:#eef2e6;color:#244a41;width:100%;margin:10px 0}.job strong{display:block;margin:14px 0}.error,[role=alert]{color:#9e382c}.review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.review{padding:18px;background:#fffef9;border:1px solid #d9dfd2;border-radius:12px}.image-wrap{position:relative;aspect-ratio:1}.image-wrap img,.image-wrap svg{width:100%;position:absolute;inset:0}.image-wrap svg{pointer-events:none}.check{font-weight:400;display:flex;align-items:center;gap:8px}.check input{width:auto;margin:0}.actions{display:flex;gap:8px}.review-heading{display:flex;align-items:center;justify-content:space-between;margin-top:40px}footer{text-align:center;font-size:11px;line-height:2;color:#7a8576;margin-top:45px}@media(max-width:760px){main{padding:25px 18px}.hero,.workspace{grid-template-columns:1fr;gap:25px}.hero-art{max-width:500px}.steps{font-size:10px;gap:10px}.panel{padding:20px}.review-grid{grid-template-columns:1fr}header>span{display:none}.uploads{grid-template-columns:1fr}h1{letter-spacing:-1.5px}}
