:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#172033;background:#f4f6fa;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0}.page{max-width:920px;margin:0 auto;padding:28px 18px 50px}.header{display:flex;align-items:center;gap:14px;margin-bottom:24px}.logo{display:grid;place-items:center;width:52px;height:52px;border-radius:14px;background:#172033;color:#fff;font-weight:800;letter-spacing:.05em}.header h1{margin:0;font-size:24px}.header p{margin:5px 0 0;color:#697386;font-size:14px}.pill{margin-left:auto;white-space:nowrap;border:1px solid #dce1ea;border-radius:999px;padding:6px 10px;color:#596579;font-size:12px}.panel{background:#fff;border:1px solid #e3e7ef;border-radius:18px;padding:24px;margin:16px 0;box-shadow:0 5px 20px #1d2a3a08}.panel h2{font-size:18px;margin:0 0 8px}.muted{color:#6b7280;font-size:14px;line-height:1.5}label{display:block;margin:18px 0 7px;font-size:13px;font-weight:650}textarea,input{width:100%;border:1px solid #d6dce7;border-radius:10px;padding:12px;font:inherit;color:inherit;background:#fff}textarea{resize:vertical}input:focus,textarea:focus{outline:2px solid #9abaff;border-color:#5389e8}.actions{display:flex;flex-wrap:wrap;gap:10px}button{margin-top:16px;border:0;border-radius:10px;padding:12px 17px;background:#245edb;color:#fff;font-weight:700;cursor:pointer}button.secondary{background:#172033}button:disabled{opacity:.6;cursor:wait}.error,.successMessage{margin-top:14px;padding:12px;border-radius:10px;font-size:14px;overflow-wrap:anywhere}.error{background:#fff1f0;color:#9f2525}.successMessage{background:#edf9f0;color:#176b36}.resultHeading{display:flex;align-items:center;gap:12px}.resultHeading .pill{margin-left:auto}.success{background:#edf9f0;border-color:#ccebd4;color:#176b36}.summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:18px 0}.summary div{padding:12px;background:#f6f8fb;border-radius:10px;min-width:0}.summary span,.summary strong{display:block;overflow-wrap:anywhere}.summary span{font-size:12px;color:#697386;margin-bottom:6px}.summary strong{font-size:14px}pre{background:#111827;color:#d8e4f5;padding:16px;border-radius:12px;overflow:auto;font-size:12px;line-height:1.55}footer{text-align:center;color:#8992a3;font-size:12px;padding:18px}@media(max-width:600px){.page{padding:18px 12px}.panel{padding:17px}.header{align-items:flex-start}.header h1{font-size:20px}.header .pill{display:none}.summary{grid-template-columns:repeat(2,minmax(0,1fr))}}.featureEditor{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:18px 0;padding:16px;border:1px solid #dce1ea;border-radius:12px}.featureEditor legend{padding:0 7px;font-weight:700}.featureEditor label{margin:0}.featureEditor input{margin-top:7px}.holeGrid{grid-column:1/-1;display:grid;grid-template-columns:70px 1fr 1fr;gap:8px;align-items:center}.holeGrid>strong{font-size:12px;color:#697386}.holeRow{display:contents}.holeRow span{font-size:13px}.warning{margin:16px 0;padding:12px 16px;background:#fff8e7;border-radius:10px;color:#704c00}.warning h3,.panel h3{font-size:14px;margin:4px 0 8px}.panel ul{margin-top:6px;padding-left:22px}.panel li{line-height:1.5}details{margin:14px 0}summary{cursor:pointer;font-weight:650}@media(max-width:600px){.featureEditor{grid-template-columns:1fr 1fr}.holeGrid{grid-template-columns:44px 1fr 1fr}}
