:root{font:15px system-ui;color:#18382e;background:#eef2ed}*{box-sizing:border-box}body{margin:0}main{width:min(1050px,calc(100% - 28px));margin:36px auto 70px}header{margin-bottom:22px}.eyebrow{color:#bb654f;text-transform:uppercase;letter-spacing:.14em;font-size:11px;font-weight:800}h1{font-size:44px;letter-spacing:-.06em;margin:4px 0}h2{font-size:18px;margin:0}.card{background:white;border:1px solid #d8e0d8;border-radius:14px;padding:20px;margin:14px 0;box-shadow:0 8px 24px #18382e0c}.json-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px}.json-grid .card{margin:14px 0}.json-grid .section-head{align-items:flex-start;flex-direction:column}.json-grid .section-head>div{display:flex;flex-wrap:wrap}label{display:block;font-weight:750;margin-bottom:8px}textarea{width:100%;border:1px solid #cbd7cd;border-radius:8px;padding:11px;resize:vertical;font:inherit;margin:4px 0 12px}button{border:0;border-radius:8px;background:#1b493b;color:#fff;padding:10px 14px;font-weight:800;cursor:pointer;margin:4px 4px 0 0}button:disabled{opacity:.45;cursor:not-allowed}.section-head{display:flex;justify-content:space-between;gap:10px;align-items:center}.editor{height:430px;background:#202b27;border-radius:9px;overflow:hidden}.meta{display:flex;flex-wrap:wrap;gap:8px 18px;color:#66766d;font-size:12px}.status{min-height:20px;color:#a34e3e}.status:empty{display:none}fieldset{border:0;padding:0;margin:12px 0}fieldset label{display:inline-block;margin-right:18px;font-weight:500}input{accent-color:#1b493b}li{padding:5px 0;color:#53645b}.rules-card textarea{font:13px ui-monospace,SFMono-Regular,Consolas,monospace;line-height:1.45}.rule-add{border-top:1px solid #d8e0d8;margin-top:16px;padding-top:16px}.rule-add label{font-size:13px}.rule-add input{display:block;width:100%;border:1px solid #cbd7cd;border-radius:8px;padding:10px;font:inherit;margin:4px 0 8px}.rule-version{font-size:13px;color:#66766d;white-space:nowrap}.helper{color:#66766d;margin:6px 0 12px}.prompt-footer{display:flex;align-items:center;flex-wrap:wrap;gap:4px}.prompt-footer button{margin:4px 0 0}.prompt-footer select{border:1px solid #cbd7cd;border-radius:8px;padding:9px;background:white;color:#18382e;font:inherit;margin-top:4px}.recommendation-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:14px}.recommendation-card{border:1px solid #d8e0d8;border-radius:11px;overflow:hidden;background:#fbfdfb}.recommendation-card img{width:100%;height:160px;object-fit:cover;display:block;background:#dfe7df}.recommendation-body{padding:14px}.recommendation-vendor{font-size:11px;font-weight:800;color:#bb654f;text-transform:uppercase;letter-spacing:.08em}.recommendation-name{font-size:18px;font-weight:800;margin:4px 0}.recommendation-price{font-weight:800;color:#1b493b;margin:3px 0}.recommendation-description{color:#53645b;margin:8px 0}.recommendation-reason{border-top:1px solid #d8e0d8;margin-top:12px;padding-top:10px;color:#18382e}.recommendation-reason b{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:#66766d;margin-bottom:3px}@media(max-width:800px){.json-grid{grid-template-columns:1fr}}@media(max-width:650px){.section-head{align-items:flex-start;flex-direction:column}.editor{height:360px}}
