*{box-sizing:border-box}body{margin:0;background:#f0f4ed;color:#152d2b;font:15px/1.6 system-ui,sans-serif}header{padding:20px 5%;display:flex;align-items:center;gap:32px;border-bottom:1px solid #cdd8d0;background:#fafcf8}a{color:inherit}.brand{font-weight:800;font-size:24px;text-decoration:none}.badge{margin-left:auto;font-size:10px;letter-spacing:1.6px;border:1px solid #92aea0;padding:6px 12px;border-radius:24px}main{max-width:1450px;margin:auto;padding:30px 5%}.hero{display:grid;grid-template-columns:1.5fr 1fr;gap:60px;align-items:center;padding:35px 0 50px}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:750;color:#517768}h1{font-size:clamp(38px,5vw,66px);line-height:1.05;letter-spacing:-3px;margin:18px 0 24px}h2{font-size:23px;line-height:1.25;margin:0 0 8px}.intro{font-size:18px;max-width:590px;color:#4d665e}.hero aside{background:#193e36;color:#e6f2e9;padding:35px;border-radius:5px;box-shadow:12px 12px 0 #d7e7d4}.hero aside .eyebrow{color:#a8d5af}.hero aside h2{font-size:30px}.hero aside p{color:#c9ded3}.actions{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin:20px 0}button{font:inherit;background:#204f3e;border:1px solid #204f3e;color:white;padding:10px 17px;border-radius:4px;cursor:pointer;font-weight:650}button:disabled{opacity:.45;cursor:default}button:hover:not(:disabled){filter:brightness(1.15)}button.secondary{background:transparent;color:#204f3e;border-color:#acc0b0}.workspace{display:grid;grid-template-columns:1.1fr 1fr;gap:24px}.panel{background:#fff;padding:26px;border:1px solid #d1dbd1;border-radius:5px;min-width:0}.section-head{display:flex;gap:15px;margin-bottom:24px}.section-head p{margin:0;color:#66786d}.step{font-size:13px;border:1px solid #b9cabb;padding:8px;height:40px;border-radius:50%}.grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}label{display:block;font-size:12px;font-weight:650;color:#4d675d;margin-bottom:14px}input,select,textarea{font:14px/1.5 system-ui,sans-serif;width:100%;padding:10px;border:1px solid #bacbbe;border-radius:3px;background:#fafcf8;color:#163b30;margin-top:5px}textarea,output{font:12px/1.6 ui-monospace,monospace}textarea{resize:vertical}input:focus,select:focus,textarea:focus,button:focus-visible,a:focus-visible{outline:3px solid #98c5a9;outline-offset:2px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:12px}th{text-align:left;border-bottom:2px solid #bccdbd;color:#526d5d}td,th{padding:10px 7px;vertical-align:top}td{border-bottom:1px solid #e1e8de;overflow-wrap:anywhere}td small{display:block;color:#6d7f73}#log-status,.note{font-size:12px;color:#66776d}#sealed{background:#edf5e9;padding:16px}output{display:block;overflow-wrap:anywhere}#sealed p{font-size:12px}.result{padding:18px;background:#eef2e9;border-left:4px solid #aab9a0;margin-top:20px;overflow-wrap:anywhere}.result.ok{border-color:#278054;background:#e5f4e6}.result.error{border-color:#b04933;background:#fff0e9}footer{padding:32px 0 10px;font-size:12px;color:#657669}#count{font-size:12px;color:#647a69}@media(max-width:850px){header>span:not(.badge){display:none}.hero,.workspace{grid-template-columns:1fr}.hero{gap:25px}.grid{grid-template-columns:1fr}.panel{padding:20px}h1{letter-spacing:-1px}}