:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#d7e2ee;background:#07131b;color-scheme:dark}*{box-sizing:border-box}body{margin:0}header{height:62px;padding:0 28px;display:flex;align-items:center;justify-content:space-between;background:#0d202d;border-bottom:1px solid #274456}header strong{color:#f0b94f;font-size:21px}header span{margin-left:10px;color:#9db3c4}main{max-width:1180px;margin:28px auto;padding:0 18px}.card{background:#102431;border:1px solid #294555;border-radius:8px;padding:22px;margin-bottom:18px}.narrow{max-width:480px;margin:80px auto}h1{font-size:23px;margin-top:0}h2{font-size:18px;margin-top:28px}label{display:flex;flex-direction:column;gap:6px;color:#a9bbc8;margin:12px 0}input,select,button{font:inherit;border-radius:4px;border:1px solid #315569;padding:10px 12px;background:#081820;color:#e6eef4}button{background:#2f7298;border-color:#4385aa;cursor:pointer}button:hover{background:#3c83aa}button.danger{background:#843d3d;border-color:#b55a5a}button.secondary{background:#294553}nav{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;margin-bottom:16px}.metric{padding:14px;background:#091a24;border-radius:5px}.metric b{display:block;color:#f0b94f;margin-bottom:6px}.row{display:flex;gap:8px}.row input{flex:1}.message{min-height:22px;color:#efbd65;white-space:pre-wrap}.result{padding:12px;margin:10px 0;background:#091a24;border-left:3px solid #3d84a8;cursor:pointer}.result:hover{background:#102c3b}pre{white-space:pre-wrap;word-break:break-word;background:#07141c;padding:14px;border-radius:5px;max-height:480px;overflow:auto}.actions{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px}table{width:100%;border-collapse:collapse;margin-top:12px}th,td{text-align:left;border-bottom:1px solid #294555;padding:9px;font-size:13px}@media(max-width:650px){.row{flex-direction:column}header{padding:0 14px}}