:root{font:15px 'Segoe UI',system-ui;color:#1a3545;background:#f4f7f8}*{box-sizing:border-box}body{margin:0;display:flex}aside{width:238px;background:#102d3c;color:#d9e7ed;min-height:100vh;padding:38px 26px;position:fixed}.brand{font-size:22px}.brand small{display:block;font-size:10px;letter-spacing:3px;margin:9px 0 60px;color:#6bc9b4}aside p{font-size:12px;opacity:.6}aside a{color:inherit;display:block;padding:15px 0;text-decoration:none}.note{font-size:12px;line-height:1.8;margin-top:90px;color:#98b2c0}main{margin-left:238px;padding:32px 55px;width:min(1200px,100%)}header{display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:2px;color:#778f9b}h1{font-size:34px;font-weight:650;line-height:1.35;margin:45px 0}em{font-style:normal;color:#558179}section{background:white;border:1px solid #dce6e9;border-radius:16px;padding:25px 30px;margin:20px 0;box-shadow:0 8px 25px #16364204}h2{font-size:19px;margin-top:0}label{display:inline-flex;flex-direction:column;gap:8px;margin:8px 15px 14px 0;font-size:12px}input{padding:12px;border:1px solid #b8cbd3;border-radius:7px;font:inherit;min-width:180px}button{padding:11px 18px;background:#edf4f4;border:1px solid #c6d7dc;border-radius:8px;color:#173d4c;cursor:pointer;font:inherit}.primary{background:#137b6b;color:white;border-color:#137b6b}button:hover{filter:brightness(.95)}button:focus-visible,input:focus{outline:3px solid #40bba7}output{display:block;overflow-wrap:anywhere;font-family:monospace;padding:15px 0}.row{border-top:1px solid #e0e8ec;padding:16px 0;display:flex;justify-content:space-between;align-items:center;gap:18px}.row small{color:#6a8693}.row button{font-size:12px}pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;max-height:450px;overflow:auto}footer{font-size:11px;color:#7a909b;margin:30px 0}#status{color:#936139}a{color:#146f67}@media(max-width:800px){aside{display:none}main{margin:0;padding:24px}h1{font-size:26px}.row{flex-wrap:wrap}}