*{box-sizing:border-box}body{margin:0;color:#183c3b;background:#f4f6f1;font:16px/1.6 "Segoe UI",Arial,sans-serif}header{padding:22px 5%;display:flex;justify-content:space-between;border-bottom:1px solid #cfdcd5}header a{font-weight:800;letter-spacing:.12em;text-decoration:none}a{color:#176f68}main{max-width:1220px;padding:36px 28px;margin:auto}h1{font-size:42px;line-height:1.2;margin:12px 0}h2{margin-top:0}.intro{color:#526964;font-size:19px}.workspace{display:grid;grid-template-columns:380px 1fr;gap:24px}.panel{background:#fff;border:1px solid #d6e1db;border-radius:18px;padding:26px;margin:24px 0}.workspace .panel{margin:12px 0}label{display:block;font-size:14px;font-weight:600;margin:10px 0 5px}input,select{font:inherit;width:100%;padding:10px;border:1px solid #aabfb5;border-radius:8px;background:#fcfdfb;color:#183c3b}input:focus,select:focus,button:focus-visible{outline:3px solid #8bd6c8;outline-offset:2px}#fields{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.hint{font-size:13px;color:#536b64}button,.button{font:inherit;padding:11px 17px;border-radius:9px;border:1px solid #176f68;background:#176f68;color:white;cursor:pointer;display:inline-block;text-decoration:none}button:disabled{opacity:.45;cursor:not-allowed}.secondary{background:#f4f8f4;color:#176f68}.actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:18px}.actions label{margin:0}.costgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.results{display:flex;gap:30px;flex-wrap:wrap;padding:24px 0 0}.metric strong{display:block;font-size:28px}.metric span{font-size:13px}.bad,#error{color:#a02c25}.good{color:#176f68}canvas{width:100%;height:auto;display:block;background:#eaf2ed;border-radius:12px;margin:18px 0}.eyebrow{font-size:12px;letter-spacing:.12em;font-weight:700}.preview img{width:100%;max-height:350px;object-fit:contain}footer{max-width:1220px;margin:auto;padding:22px 28px;font-size:13px}#status{color:#176f68}#error:empty{display:none}@media(max-width:850px){.workspace{grid-template-columns:1fr}.costgrid{grid-template-columns:repeat(2,1fr)}h1{font-size:31px}main{padding:20px 16px}.panel{padding:20px}header span{font-size:12px}}