:root{color:#18212f;font-synthesis:none;text-rendering:optimizelegibility;background:#f4f6f8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button{color:#1f2a3a;cursor:pointer;background:#fff;border:1px solid #c9d2df;border-radius:6px}button:disabled{cursor:not-allowed;opacity:.55}input,select,textarea{color:#142033;background:#fff;border:1px solid #c6d0dd;border-radius:6px;width:100%;padding:10px 12px}textarea{resize:vertical;min-height:96px}.app-shell{min-height:100vh;padding:18px}.top-bar{background:#fff;border-bottom:1px solid #dbe2ea;justify-content:space-between;align-items:center;gap:20px;padding:18px 20px;display:flex}.top-bar h1{margin:0;font-size:22px}.top-bar p,.panel-heading p,.contract-summary p{color:#5c6a7d;margin:4px 0 0}.wallet-panel{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;display:flex}.wallet-meta{text-align:right;overflow-wrap:anywhere;gap:3px;max-width:320px;display:grid}.wallet-meta small,.muted{color:#687789}.workspace{grid-template-columns:minmax(220px,280px) minmax(0,1fr) minmax(280px,360px);align-items:start;gap:16px;min-height:0;padding-top:16px;display:grid}.main-column{gap:16px;min-height:0;display:grid}.right-column{position:sticky;top:16px}.panel{background:#fff;border:1px solid #d6dee8;border-radius:8px;padding:16px}.panel-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.panel-heading h2,.function-group h3,.call-form h2,.contract-summary h2{margin:0}.panel-heading h2,.call-form h2,.contract-summary h2{font-size:17px}.function-group h3{color:#38465a;font-size:14px}.icon-button{width:34px;height:34px;padding:0;font-size:22px;line-height:1}.primary-button{color:#fff;background:#1d6fbe;border-color:#1d6fbe;padding:10px 14px}.wide{width:100%}.empty-state{color:#667487;line-height:1.6}.compact{padding:8px 0}.contract-list,.log-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.contract-item{text-align:left;gap:4px;width:100%;padding:12px;display:grid}.contract-item span,.contract-item small{overflow-wrap:anywhere;color:#5b697b}.contract-item.active,.function-button.active{background:#eef6ff;border-color:#1d6fbe}.row-actions{gap:8px;margin-top:6px;display:flex}.row-actions button{flex:1;padding:6px 8px}.contract-form{gap:12px;display:grid}.field{color:#334155;gap:7px;font-size:14px;display:grid}.selected-contract{gap:16px;min-height:0;display:grid}.contract-summary{overflow-wrap:anywhere;justify-content:space-between;align-items:center;gap:12px;display:flex}.tool-grid{grid-template-columns:minmax(220px,320px) minmax(0,1fr);align-items:stretch;gap:16px;min-height:0;max-height:calc(100vh - 230px);display:grid}.function-list-panel{overscroll-behavior:contain;align-content:start;gap:18px;min-height:260px;display:grid;overflow-y:auto}.call-panel{overscroll-behavior:contain;min-height:260px;overflow-y:auto}.function-group{gap:8px;display:grid}.function-button{text-align:left;gap:3px;width:100%;padding:10px;display:grid}.function-button small{color:#667487;overflow-wrap:anywhere}.function-button.read{border-left:4px solid #1d6fbe}.function-button.write{border-left:4px solid #ad5b10}.call-form{gap:14px;display:grid}.kind-pill{text-transform:uppercase;border-radius:999px;padding:4px 9px;font-size:12px}.kind-pill.read{color:#145ea8;background:#e7f1ff}.kind-pill.write{color:#8d4706;background:#fff3e3}.inline-error{color:#b42318;font-size:14px}.log-panel{max-height:calc(100vh - 112px);overflow:auto}.log-list li{border:1px solid #d9e1eb;border-left-width:4px;border-radius:8px;padding:10px}.log-list li.success{border-left-color:#20845a}.log-list li.error{border-left-color:#b42318}.log-header{color:#334155;justify-content:space-between;gap:12px;display:flex}.log-header span{color:#728196;font-size:12px}pre{white-space:pre-wrap;overflow-wrap:anywhere;margin:8px 0 0;overflow:auto}@media (width<=1080px){.workspace{grid-template-columns:minmax(220px,280px) minmax(0,1fr)}.right-column{grid-column:1/-1;position:static}}@media (width<=760px){.app-shell{padding:10px}.top-bar,.contract-summary{flex-direction:column;align-items:flex-start}.wallet-panel{justify-content:flex-start}.wallet-meta{text-align:left}.workspace,.tool-grid{grid-template-columns:1fr}.tool-grid{max-height:none}.function-list-panel,.call-panel{max-height:52vh}}