:root{font-family:system-ui,sans-serif;color:#e9edf5;background:#10141e;color-scheme:dark}*{box-sizing:border-box}body{margin:0}header{padding:32px max(24px,calc((100% - 1200px)/2));display:flex;justify-content:space-between;gap:20px;align-items:center;border-bottom:1px solid #30394a}h1{font-size:30px;margin:8px 0}h2{font-size:19px;margin:0 0 14px}p{color:#aab6c9;line-height:1.5}small{color:#91a9f4;letter-spacing:.12em}#status{border:1px solid #46536d;border-radius:30px;padding:8px 14px;font-size:13px;white-space:nowrap}main{max-width:1200px;margin:24px auto;display:grid;grid-template-columns:220px 1fr;gap:20px;padding:0 24px}aside,.panel{background:#1b2230;border:1px solid #303a4d;border-radius:14px;padding:20px}nav{display:grid;gap:5px}button,select,textarea{font:inherit}button{border:0;border-radius:8px;padding:11px 15px;background:#91a9ff;color:#111b37;cursor:pointer;font-weight:650}nav button{text-align:left;background:transparent;color:#b9c6db}nav button.active{background:#34456e;color:white}.secondary{background:#303b50;color:#e6ecfa}.panel+.panel{margin-top:18px}.title{display:flex;justify-content:space-between;align-items:start;gap:12px}.notice{padding:12px;background:#493c23;color:#ffe4a6;border-radius:8px}label{display:block;margin:18px 0 8px;font-weight:600}.check{font-weight:400}select,textarea{width:100%;background:#101722;color:#f0f4ff;border:1px solid #46536a;border-radius:8px;padding:12px}textarea{min-height:170px;font-family:monospace;resize:vertical}.actions{display:flex;gap:10px;margin-top:14px}pre{background:#101722;padding:16px;border-radius:8px;white-space:pre-wrap;overflow-wrap:anywhere;max-height:400px;overflow:auto}@media(max-width:700px){header{padding:22px;display:block}#status{display:inline-block}main{display:block;padding:0 14px}aside{margin-bottom:16px}nav{display:flex;overflow:auto}nav button{white-space:nowrap}}