:root{font:15px/1.65 system-ui,sans-serif;color:#142e4d;background:#eef3f8}*{box-sizing:border-box}main{max-width:1180px;margin:48px auto;padding:0 24px}header{background:#102b50;color:white;border-radius:22px;padding:38px;margin-bottom:24px}.tag{color:#ffd343;letter-spacing:2px;font-size:12px}h1{font-size:32px;margin:14px 0}h2{font-size:20px;margin:0 0 16px}p{color:#64758b}header p{color:#becddd}section{background:#fff;padding:28px;border-radius:18px;margin:22px 0;box-shadow:0 6px 25px #102b5008}label{display:block;margin:12px 0;flex:1}input,select{display:block;width:100%;padding:12px;border:1px solid #cbd5e1;border-radius:8px;font:inherit;margin:5px 0}button{border:0;background:#173f70;color:white;border-radius:8px;padding:11px 16px;cursor:pointer;font:inherit}button:disabled{opacity:.45;cursor:default}.row{display:flex;align-items:center;gap:18px}.row h2{flex:1}.scroll{overflow:auto}table{border-collapse:collapse;width:100%;min-width:850px}td,th{text-align:left;border-bottom:1px solid #e6edf5;padding:14px;font-size:13px}th{background:#f4f7fb}#result{background:#fff7d6;padding:18px;margin-top:20px;border-radius:10px}code{display:block;word-break:break-all;font-size:18px;margin-bottom:16px}#message{color:#173f70}footer{color:#74839a;font-size:12px} [hidden]{display:none!important}@media(max-width:600px){main{padding:0 12px;margin:16px auto}header,section{padding:20px}.row{flex-wrap:wrap}h1{font-size:25px}}