:root{color-scheme:dark;font-family:system-ui,sans-serif;background:#101513;color:#e9f0e9}*{box-sizing:border-box}body{margin:0}header{padding:24px 5vw;border-bottom:1px solid #303b32;display:flex;justify-content:space-between;gap:20px}.brand{letter-spacing:.15em;font-weight:800}#mode{color:#a9c6ae;font-size:14px}main{max-width:1050px;margin:50px auto;padding:0 24px}.eyebrow,.tag{font-size:12px;letter-spacing:.16em;color:#a6d28f}h1{font-size:clamp(34px,5vw,58px);letter-spacing:-.05em;margin:12px 0}h2{font-size:24px;margin:18px 0}h2 span{display:block;font-size:14px;font-weight:400;color:#a1afa6;margin-top:8px}.subtitle{max-width:640px;color:#b9c5bd;line-height:1.6}.cards{display:grid;grid-template-columns:1fr 1fr;gap:18px}article,section{border:1px solid #36433b;background:#19221c;border-radius:16px;padding:26px}section{margin:20px 0}.status{font-weight:600}.hint,small,footer{color:#9faf9f;font-size:13px;line-height:1.5}button,input,select{font:inherit;border-radius:7px;padding:12px 16px;border:1px solid #526554}button{background:#b6df8f;color:#17200f;font-weight:650;cursor:pointer}button:disabled{opacity:.45;cursor:default}button:hover:not(:disabled){background:#d1f6b0}.secondary{background:transparent;color:#dce7db}.row{display:flex;align-items:center;gap:14px}.row h2{flex:1}input{background:#101813;color:#f5fff4;min-width:0;flex:1}select{background:#101813;color:#eee}label{display:block;margin-bottom:10px}small{display:block;margin-top:10px}#notice{min-height:30px;color:#d4d7a1}#notice.error{color:#ffb4a2}.toolbar{margin:22px 0;color:#a1afa6;font-size:14px}pre{background:#0b100d;padding:20px;border-radius:8px;min-height:160px;max-height:320px;overflow:auto;font-size:13px;white-space:pre-wrap;overflow-wrap:anywhere}footer{margin:24px 0}@media(max-width:650px){.cards{grid-template-columns:1fr}main{margin-top:30px}.row{flex-wrap:wrap}input{width:100%}}

a{color:#b6df8f;text-underline-offset:4px}textarea{display:block;width:100%;background:#0b100d;color:#e9f0e9;border:1px solid #526554;border-radius:8px;font:13px/1.6 monospace;padding:16px;margin:12px 0;resize:vertical}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.settings-grid input,.settings-grid select{display:block;width:100%;margin-top:8px}.settings-grid label{margin:0;font-size:14px}li{margin:12px 0;overflow-wrap:anywhere}li button{padding:6px 12px;font-size:12px}article .row{flex-wrap:wrap}code{color:#b6df8f}:focus-visible{outline:2px solid #d5ff9d;outline-offset:3px}[hidden]{display:none!important}@media(max-width:650px){.settings-grid{grid-template-columns:1fr}}