*{box-sizing:border-box}body{margin:0;background:#f4f7fa;color:#153247;font:16px/1.55 system-ui,sans-serif}header,main,footer{max-width:1120px;margin:auto;padding:24px}header{display:flex;justify-content:space-between;gap:20px}a{color:#087d85}h1{font-size:clamp(32px,5vw,56px);line-height:1.1;max-width:850px}h2{margin-top:0}.eyebrow{letter-spacing:.14em;text-transform:uppercase;font-size:12px;color:#087d85;font-weight:800}.grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.card{background:white;border:1px solid #dbe5ed;border-radius:20px;padding:24px;margin:24px 0;box-shadow:0 8px 25px #12324808}label{display:block;font-weight:600;margin:12px 0}input,select,textarea,button{font:inherit}input,select,textarea{width:100%;padding:10px;border:1px solid #aebfcb;border-radius:8px}textarea{min-height:170px;font:13px/1.5 monospace}button,.button{display:inline-block;border:0;border-radius:9px;padding:12px 18px;background:#086e76;color:white;cursor:pointer;text-decoration:none;margin:6px 8px 6px 0}button.secondary{background:#e5eef3;color:#153247}.note{color:#4b6574;font-size:14px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.metric{padding:20px;background:#edf7f7;border-radius:14px}.metric strong{display:block;font-size:28px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:14px}th,td{padding:12px;text-align:left;border-bottom:1px solid #dde6ec;vertical-align:top}th{background:#edf3f6}details{margin:14px 0}summary{cursor:pointer;font-weight:700}.error{color:#a02424}#message{min-height:24px}@media(max-width:700px){.grid,.metrics{grid-template-columns:1fr}header,main,footer{padding:18px}.card{padding:18px}header{flex-wrap:wrap}}
body{background:#0b2e4e}header,footer{color:#fff}header a,footer a{color:#77ddd8}main{max-width:960px;background:#f5fafb;border-radius:28px;margin:12px auto 28px;padding:32px}h1{font-size:clamp(28px,4vw,42px)}.card{box-shadow:none;border-color:#cadfe5;border-radius:18px}.setup-step{padding:0;margin:12px 0}.setup-step>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;list-style:none;font-size:15px}.setup-step>summary span{font-size:12px;color:#078d8b}.setup-step[open]>summary{border-bottom:1px solid #cadfe5}.setup-body{padding:20px}.setup-body>p{font-size:14px;color:#52718a}.paste-option textarea{min-height:85px}.tool-note{font-size:13px;color:#52718a}button,.button{background:#0b2e4e;font-weight:700}button.secondary{background:#e5f5f3;color:#078d8b}.grid{gap:14px}.grid>div{border:1px solid #cadfe5;border-radius:14px;padding:18px;background:#f5fafb}.grid h3{margin-top:0}input,select,textarea{border-color:#cadfe5;background:#fff}input[type=file]{font-size:14px;padding:12px}.note{font-size:13px}@media(max-width:700px){main{margin:10px 12px 24px;padding:20px;border-radius:22px}.setup-step>summary{padding:16px}.setup-body{padding:16px}}