@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#24251f;--muted:#77786e;--line:#e8e7df;--paper:#fff;--bg:#f5f4ef;--green:#28715b;--green-dark:#1f5c49;--mint:#eaf3ee;--coral:#ef927b;--radius:18px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',sans-serif}.topbar{height:66px;padding:0 max(24px,calc((100vw - 1160px)/2));display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e9e8e1;background:#faf9f5}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font:700 15px Manrope,sans-serif}.brand-mark{width:30px;height:30px;display:grid;place-items:center;border-radius:10px 10px 10px 3px;background:var(--green);color:white;font:800 20px Manrope}.local-note{display:flex;gap:8px;align-items:center;color:var(--muted);font-size:12px}.local-note i{height:7px;width:7px;border-radius:50%;background:#71a88e}.shell{max-width:1160px;margin:0 auto;padding:42px 24px 24px}.intro{max-width:650px;margin:0 auto 32px;text-align:center}.eyebrow{font-size:10px;letter-spacing:1.4px;font-weight:700;color:var(--green)}h1,h2,h3,p{margin-top:0}h1{font:800 clamp(32px,4vw,44px)/1.13 Manrope,sans-serif;letter-spacing:-1.8px;margin:12px 0}.intro p{max-width:580px;margin:0 auto;color:var(--muted);font-size:14px;line-height:1.65}.mobile-break{display:none}.layout{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(330px,.88fr);gap:20px;align-items:start}.card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 5px 24px #26261508}.editor{padding:25px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.section-heading>div{display:flex;align-items:center;gap:10px}.section-heading h2,.result h2{font:700 18px Manrope,sans-serif;margin:0;letter-spacing:-.35px}.step{font:700 10px Manrope;color:var(--green);background:var(--mint);padding:6px 7px;border-radius:7px}.subtle{color:#98988f;font-size:10px}.upload{min-height:112px;border:1px dashed #c8d4ca;background:#fafcf9;border-radius:13px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;cursor:pointer;color:var(--muted);font-size:11px;transition:.15s}.upload:hover,.upload.dragging{background:#f0f7f2;border-color:var(--green)}.upload input{display:none}.upload strong{color:var(--ink);font-size:12px}.upload-icon{font-size:23px;color:var(--green);line-height:1}.photo-strip{display:flex;gap:8px;overflow:auto;margin-top:10px}.thumb{width:58px;height:58px;flex:none;object-fit:cover;border:1px solid var(--line);border-radius:9px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 12px;margin-top:20px}.field{display:flex;flex-direction:column;gap:7px;min-width:0}.field>span{font-size:11px;font-weight:600;color:#45463f}.field em{font-style:normal;color:#a1a198;font-weight:400}.wide{grid-column:1/-1}input,select,textarea{width:100%;font:400 12px 'DM Sans',sans-serif;color:var(--ink);border:1px solid #e3e3dc;border-radius:9px;background:#fff;padding:10px 11px;outline:none;transition:border .15s}input::placeholder,textarea::placeholder{color:#aaa99f}input:focus,select:focus,textarea:focus{border-color:#79a58f;box-shadow:0 0 0 3px #28715b12}select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='m1 1 5 5 5-5' fill='none' stroke='%2377786e' stroke-width='1.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:30px}textarea{resize:vertical;line-height:1.5}.price-panel{margin-top:25px;padding-top:21px;border-top:1px solid var(--line)}.compact{margin-bottom:14px}.price-inputs{margin-top:14px}.currency{position:relative}.currency b{position:absolute;left:11px;top:10px;color:#85867d;font-size:12px}.currency input{padding-left:25px}.primary{width:100%;border:0;border-radius:10px;margin-top:18px;padding:13px 16px;color:#fff;background:var(--green);font:700 12px 'DM Sans';cursor:pointer;display:flex;justify-content:center;align-items:center;gap:10px;transition:.15s}.primary:hover{background:var(--green-dark);transform:translateY(-1px)}.primary span{font-size:17px;line-height:10px}.fineprint{font-size:10px;color:#95958c;text-align:center;margin:10px 0 0}.result{position:sticky;top:18px;padding:24px}.result-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.result-head h2{margin-top:7px}.draft-count{font-size:10px;background:#f3f3ee;color:#7f8077;padding:6px 9px;border-radius:20px}.empty-state{padding:36px 22px 39px;text-align:center;border:1px solid #efeee8;background:#fcfcfa;border-radius:13px}.empty-art{height:67px;display:flex;justify-content:center;align-items:center;gap:8px;color:var(--green);font-size:25px;margin-bottom:15px}.empty-art span:nth-child(1){transform:rotate(-15deg);color:var(--coral);font-size:34px}.empty-art span:nth-child(2){font-size:40px;transform:rotate(12deg)}.empty-art span:nth-child(3){color:#d9bd75}.empty-state strong{font:700 13px Manrope}.empty-state p{max-width:250px;margin:8px auto 0;font-size:11px;color:var(--muted);line-height:1.55}.listing{display:flex;flex-direction:column;gap:15px}.price-result{display:flex;justify-content:space-between;align-items:center;padding:15px;background:#f0f6f2;border:1px solid #e3eee6;border-radius:11px}.price-result small{display:block;color:#648174;font-size:10px;margin-bottom:3px}.price-result strong{font:800 26px Manrope;color:var(--green);letter-spacing:-.8px}.price-result>span{background:#fff;padding:6px 9px;border-radius:20px;color:#58816c;font-size:10px}.reason{font-size:11px;color:#74766d;line-height:1.5;margin:-7px 0 0}.result .field{gap:6px}.result .field input,.result .field textarea{font-size:12px}.result-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.secondary,.save{padding:11px;border-radius:9px;font:700 11px 'DM Sans';cursor:pointer}.secondary{background:var(--green);color:#fff;border:1px solid var(--green)}.secondary:hover{background:var(--green-dark)}.save{background:#fff;border:1px solid #dcded6;color:var(--ink)}.save:hover{background:#f7f8f4}.privacy{display:flex;gap:9px;align-items:center;padding-top:16px;margin-top:18px;border-top:1px solid var(--line);font-size:10px;line-height:1.5;color:#898a81}.privacy span:first-child{color:var(--green);font-size:16px}.saved-area{border-top:1px solid var(--line);margin-top:19px;padding-top:15px}.saved-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.saved-head h3{font:700 12px Manrope;margin:0}.saved-head button{background:none;border:0;color:#92938a;font:11px 'DM Sans';cursor:pointer}.saved-draft{display:flex;justify-content:space-between;align-items:center;padding:9px 0;border-top:1px solid #f0f0eb}.saved-draft button{border:0;background:none;text-align:left;cursor:pointer;color:var(--ink);font:500 11px 'DM Sans';max-width:75%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.saved-draft span{font-size:11px;color:var(--green);font-weight:700}footer{text-align:center;color:#9a9a90;font-size:10px;padding:25px 0 6px}footer span{padding:0 5px}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,15px);background:#24251f;color:#fff;padding:11px 16px;border-radius:9px;font-size:12px;opacity:0;pointer-events:none;transition:.2s;box-shadow:0 5px 20px #0002}.toast.show{opacity:1;transform:translate(-50%,0)}
.ai-button{width:100%;margin-top:9px;padding:11px 13px;border:1px solid #cdddcf;border-radius:10px;background:#fff;color:var(--green);font:700 12px 'DM Sans';cursor:pointer;display:flex;align-items:center;justify-content:center;gap:9px}.ai-button:hover{background:#f4f8f4}.ai-button:disabled{opacity:.65;cursor:wait}.ai-status{padding:4px 7px;border-radius:20px;background:#f3f3ee;color:#85867d;font-size:9px;font-weight:500}.ai-status.connected{background:#eaf3ee;color:var(--green)}.ai-note{font-size:10px;color:#92938a;text-align:center;line-height:1.45;margin:8px 2px 0}
.ai-confirmation{margin:-6px 0 0;padding:9px 10px;border-radius:8px;background:#faf4e7;color:#796133;font-size:10px;line-height:1.45}
@media(max-width:820px){.shell{padding-top:30px}.layout{grid-template-columns:1fr;max-width:610px;margin:auto}.result{position:static}.intro{margin-bottom:24px}.result{padding:21px}}
@media(max-width:520px){.topbar{height:57px;padding:0 16px}.brand{font-size:13px}.local-note{font-size:10px}.shell{padding:25px 13px 20px}.intro{margin:0 auto 22px}.intro p{font-size:12px;padding:0 8px}.mobile-break{display:block}h1{font-size:34px;letter-spacing:-1.3px}.editor{padding:17px 15px}.section-heading h2,.result h2{font-size:16px}.subtle{max-width:104px;text-align:right;line-height:1.4;font-size:9px}.field-grid{gap:12px 9px}.field>span{font-size:10px}.upload{min-height:105px}.result{padding:18px 15px}.empty-state{padding:28px 16px 32px}.price-inputs{grid-template-columns:1fr 1fr}.price-result strong{font-size:24px}}