:root{font-family:Inter,system-ui,sans-serif;color:#0a1534;background:#f4f7fb}*{box-sizing:border-box}body{margin:0}main{width:min(1000px,calc(100% - 2rem));margin:3rem auto;padding:2rem;background:#fff;border:1px solid #dce5ee;border-radius:1rem;box-shadow:0 18px 50px rgba(10,21,52,.09)}a{color:#0068b4}h1{margin:.2rem 0;font-size:clamp(2rem,5vw,3.5rem)}h2{margin-top:2rem}.eyebrow{margin-top:2rem;color:#0068b4;font-size:.75rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}label{display:block;margin-top:1.2rem;font-weight:700}input,textarea,select{display:block;width:100%;margin-top:.35rem;padding:.85rem;border:1px solid #cbd7e3;border-radius:.65rem;font:inherit;color:#0a1534;background:#f8fafc}textarea{resize:vertical;font-family:ui-monospace,monospace}section{margin-top:1.2rem;padding:1rem;background:#edf4f9;border-radius:.7rem}pre{white-space:pre-wrap;word-break:break-word;color:#0068b4}button{margin-top:1rem;padding:.8rem 1rem;border:0;border-radius:.65rem;background:#0068b4;color:#fff;font-weight:800;cursor:pointer}.secondary{background:#11255d}.tool-tabs{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:1.5rem;overflow:visible}.tool-tabs button{margin:0;white-space:nowrap;background:#edf4f9;color:#11255d}.tool-tabs button.active{background:#11255d;color:#fff}.tool-panel{background:transparent;padding:0}.actions{display:flex;gap:.6rem;flex-wrap:wrap}.columns{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.checks{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem;margin-top:1rem}.checks label{margin:0;font-weight:500}.checks input{display:inline;width:auto;margin:0 .35rem 0 0}@media(max-width:650px){main{margin:1rem auto;padding:1.2rem}.columns{grid-template-columns:1fr}}
:root [hidden]{display:none!important}
.workbench{width:min(1200px,calc(100% - 2rem))}.tool-tabs{padding:1rem;background:#f1f6fa;border:1px solid #dce5ee;border-radius:.8rem;display:block}.tool-tabs label{margin:0;font-size:.8rem;color:#51667c}.tool-tabs select{max-width:480px;background:#fff}.tool-panel{margin-top:1.5rem}.tool-panel>label{max-width:850px}.tool-panel>label:has(textarea[readonly]),.tool-panel>label:has(input[readonly]){max-width:none;padding:1rem;background:#f2f7fb;border:1px solid #dce5ee;border-radius:.85rem}.tool-panel textarea[readonly]{background:#fff;line-height:1.55}.tool-panel>.columns{padding:1rem;border:1px solid #e0e8ef;border-radius:.8rem}.tool-panel .columns label{margin-top:.3rem}button:disabled{opacity:.55;cursor:wait}
