:root{font-family:system-ui,Segoe UI,sans-serif;color:#28302c;background:#f6f3ec}*{box-sizing:border-box}body{margin:0}main{max-width:1080px;margin:auto;padding:32px 24px 64px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:56px}header b{font-size:23px;letter-spacing:-1px}header span{color:#ad5c35}small{color:#70786e}.eyebrow{font-size:12px;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:#9a4e2a}h1{font-size:clamp(38px,5vw,62px);line-height:1.06;letter-spacing:-2px;margin:16px 0 20px}.intro{max-width:680px;font-size:18px;color:#646d63;line-height:1.6}.grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:26px 0}.panel{background:#fff;border:1px solid #d9ded3;padding:24px;border-radius:14px}h2{font-size:20px;margin:0 0 20px}label{display:block;font-size:13px;font-weight:700;margin:16px 0 7px}input,textarea{width:100%;padding:12px;border:1px solid #cdd3c7;border-radius:7px;background:#fff;color:inherit;font:inherit;font-size:14px}textarea{resize:vertical;line-height:1.6}.hint{font-size:13px;line-height:1.65;color:#70786e}.summary{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:30px 0}.summary div{background:#e5ebdf;border-radius:12px;padding:20px}.summary strong{display:block;font-size:28px}.summary span{font-size:13px}.tablebox{max-height:360px;overflow:auto;border:1px solid #d3dace;border-radius:10px;background:#fff}table{width:100%;border-collapse:collapse;font-size:14px}th,td{text-align:left;padding:12px 16px;border-bottom:1px solid #e7ebe2;overflow-wrap:anywhere}th{position:sticky;top:0;background:#e5ebdf}td:first-child{font-family:ui-monospace,monospace}button{font:inherit;font-weight:650;background:#365844;color:white;border:0;border-radius:8px;padding:13px 20px;cursor:pointer}button:disabled{opacity:.55;cursor:wait}.secondary{background:#e6decd;color:#544333}.actions{display:flex;align-items:center;gap:20px;margin-top:22px}.error{padding:16px;border:1px solid #d8ada0;background:#fff0e9;color:#873a2d;border-radius:8px}footer{margin-top:40px;font-size:12px;color:#75806f;line-height:1.7}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #bc7b3b;outline-offset:3px}[hidden]{display:none!important}@media(max-width:700px){main{padding:24px 16px}.grid{grid-template-columns:1fr}header{margin-bottom:40px;gap:12px}header small{font-size:11px}.summary{gap:8px}.summary div{padding:12px}.summary strong{font-size:23px}.actions{align-items:start;flex-direction:column;gap:8px}}