:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#30342c;background:#f5f3ee;font-size:15px}*{box-sizing:border-box}body{margin:0}header{padding:24px 5vw;border-bottom:1px solid #d9dbd1;display:flex;align-items:center;gap:28px;background:#fffefa}.brand{font:28px Georgia;color:inherit;text-decoration:none}.brand span{color:#b26034}header>a:last-child{margin-left:auto;color:#555d4e;font-size:13px}main{max-width:1240px;margin:auto;padding:45px 32px}.eyebrow{font:11px monospace;letter-spacing:1.7px;color:#797d6d}h1{font:46px/1.12 Georgia;margin:15px 0}h2{font:24px Georgia;margin:10px 0 18px}h3{font-size:14px}.intro>p:last-child{color:#6a6c62;max-width:630px;line-height:1.7}.connection{margin-top:32px;display:grid;grid-template-columns:1fr 1fr;gap:32px;background:#fffefa;border:1px solid #d9dbd1;padding:25px;border-radius:9px}code{font:13px monospace;overflow-wrap:anywhere}label{font-size:12px;font-weight:600;display:block;margin-bottom:9px}.input-row{display:flex;gap:8px}input,textarea{min-width:0;border:1px solid #cccfc2;border-radius:5px;padding:12px;font:13px monospace;background:white;color:#30342c}input{flex:1}button{border:1px solid #c9cdbf;border-radius:5px;padding:11px 15px;background:#fffefa;color:#30342c;cursor:pointer;font:inherit;font-size:13px}button:hover{background:#eceee4}button:disabled{opacity:.5;cursor:default}.primary{background:#3e4934;color:#fff;border-color:#3e4934}.primary:hover{background:#536047}.or{color:#8b8d83;font-size:11px;margin:12px 0}.tag{font:10px monospace;letter-spacing:1px;padding:6px 9px;border:1px solid #ccd1c4;border-radius:4px}#session-actions{margin-top:12px;display:flex;gap:8px}#session-actions[hidden]{display:none}#status{padding:16px 4px;font-size:13px;color:#586047}#status.error{color:#a43d34}.workspace{display:grid;grid-template-columns:285px 1fr;border:1px solid #d9dbd1;border-radius:9px;background:#fffefa;overflow:hidden}aside{padding:24px;border-right:1px solid #d9dbd1;background:#eeefe7}#tools{display:flex;flex-direction:column;gap:9px}#tools button{text-align:left;font-size:13px;line-height:1.5}#tools button.selected{background:#dce3d3;border-color:#a6b399}#resources{border-top:1px solid #cdd2c3;margin-top:22px;padding-top:16px}#resources button{display:block;margin:8px 0;font-size:12px;width:100%;text-align:left}.editor{padding:28px;min-width:0}.tool-heading,.result-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.tool-heading h2{margin:0}#description{color:#686e60;font-size:13px;line-height:1.7;margin:18px 0}textarea{width:100%;resize:vertical;line-height:1.6}#run{margin-top:12px}.hint{font-size:11px;color:#898d81}.result-heading{margin-top:24px;border-top:1px solid #e0e2d7;padding-top:10px}#timing{font:11px monospace;color:#7c8472}pre{white-space:pre-wrap;overflow-wrap:anywhere;font:12px/1.6 monospace;background:#f1f3eb;padding:20px;border-radius:5px;min-height:140px;max-height:580px;overflow:auto}footer{text-align:center;color:#888e7f;font-size:11px;padding:25px;border-top:1px solid #d9dbd1}@media(max-width:760px){header{gap:12px;padding:18px}header .tag{display:none}main{padding:24px 16px}h1{font-size:36px}.connection,.workspace{grid-template-columns:1fr}aside{border-right:0;border-bottom:1px solid #ddd}.input-row{flex-direction:column}.editor{padding:20px}}