:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#17212b;background:#f5f7fb}*{box-sizing:border-box}body{min-height:100vh;margin:0}button{min-width:132px;border:0;border-radius:8px;padding:12px 16px;background:#e2761b;color:#fff;font:inherit;font-weight:700;cursor:pointer;white-space:nowrap}button:hover{background:#c76312}button:disabled{cursor:not-allowed;background:#a9b2bd}select,input{width:100%;border:1px solid #cfd8e3;border-radius:8px;padding:12px 14px;background:#fff;color:#17212b;font:inherit}input[type=checkbox]{width:auto}.shell{display:grid;min-height:100vh;place-items:center;padding:20px}.panel{width:min(1040px,100%);border:1px solid #d9e0e8;border-radius:8px;padding:28px;background:#fff;box-shadow:0 24px 70px #17212b1a}.eyebrow{margin:0 0 8px;color:#037a6b;font-size:13px;font-weight:800;letter-spacing:0;text-transform:uppercase}h1{margin:0;font-size:clamp(34px,5vw,56px);line-height:.98}h2{margin:0 0 12px;color:#17212b;font-size:18px;line-height:1.25}.summary{max-width:780px;margin:14px 0 18px;color:#52616f;font-size:16px;line-height:1.5}.field{display:grid;gap:8px;margin:0}.field span{color:#344351;font-size:14px;font-weight:800}.top-controls{display:grid;grid-template-columns:auto minmax(220px,1fr) minmax(320px,1.2fr);gap:12px;align-items:end;margin:0 0 18px}.toolbar-field{min-width:0}.mode-toggle{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:8px;margin:0;border:1px solid #d9e0e8;border-radius:8px;padding:8px;background:#f8fafc;color:#344351;font-weight:800}.toggle-option{min-width:0;border:0;border-radius:6px;padding:12px 14px;background:transparent;color:#6b7a88;font:inherit;font-weight:800;text-align:center;transition:background .15s ease,color .15s ease;cursor:pointer}.toggle-option:hover{background:#edf2f7}.mode-toggle input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.mode-toggle:has(input:not(:checked)) .preview-label,.mode-toggle:has(input:checked) .send-label{background:#fff;color:#17212b;box-shadow:0 1px 4px #17212b1f}.mode-toggle:has(input:not(:checked)) .send-label,.mode-toggle:has(input:checked) .preview-label{color:#6b7a88}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:0}.transaction-group{margin:0 0 16px;border-top:1px solid #d9e0e8;padding-top:16px}.transaction-row{display:grid;gap:12px;align-items:end}.native-row{grid-template-columns:160px minmax(300px,1fr) auto}.network-field,.address-field{min-width:0}.compact-actions{gap:10px}.scenario-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}.scenario-button{min-width:0;white-space:normal;text-align:left}.scenario-button.benign{background:#037a6b}.scenario-button.benign:hover{background:#026457}.scenario-button.harmful{background:#b42318}.scenario-button.harmful:hover{background:#8f1d15}.custom-send{display:grid;grid-template-columns:minmax(220px,1fr) auto;gap:12px;align-items:stretch}pre{min-height:150px;margin:0;overflow:auto;border:1px solid #d9e0e8;border-radius:8px;padding:16px;background:#101820;color:#e9f1f7;font-size:14px;line-height:1.5;white-space:pre-wrap}.output-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.output-grid.send-mode{grid-template-columns:1fr}@media(max-width:520px){.panel{padding:24px}button{width:100%}.compact-field{max-width:none}.custom-send,.output-grid{grid-template-columns:1fr}}@media(max-width:820px){.top-controls,.native-row{grid-template-columns:1fr}.top-controls{align-items:stretch}}