.bar .tabs{display:flex;gap:4px;margin-left:auto}
.tabs button{background:none;border:0;color:var(--ash);font-family:var(--mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;padding:8px 12px;cursor:pointer}
.tabs button.on{color:var(--bone);box-shadow:inset 0 -2px 0 var(--dawn)}
.wallet{display:flex;align-items:center;gap:10px;margin-left:16px}
.btn.small{padding:8px 12px;font-size:11px}
.strip .link{background:none;border:0;color:var(--dawn);font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;cursor:pointer}
.app{padding:calc(var(--bar) + 34px + 40px) 0 80px;min-height:100vh}
.app-head h1{font-size:clamp(26px,3vw,38px);margin:8px 0 28px;line-height:1.15}
.pane{display:none}.pane.on{display:block}
.grid-app{display:grid;grid-template-columns:1.5fr 1fr;gap:20px;align-items:start}
.grid-app>*{min-width:0}
.rows{display:flex;flex-direction:column}
.row{display:grid;grid-template-columns:1fr auto;gap:12px;padding:14px 16px;border-bottom:1px solid var(--rule);align-items:center}
.row:last-child{border-bottom:0}
.row .t{font-weight:600}
.row .m{font-family:var(--mono);font-size:12px;color:var(--fg2);margin-top:4px;line-height:1.6}
.row .acts{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.row .acts button,.row .acts .chip{cursor:pointer}
.empty{padding:22px 16px;color:var(--fg2);font-size:14px}
.form{padding:0 0 18px;display:flex;flex-direction:column;gap:14px}
.form>.field,.form>.btn,.form>.note,.form>p,.form>pre{margin:0 18px}
.form>.btn{align-self:flex-start}
select,textarea{background:var(--field);color:var(--fg);border:1px solid var(--rule);font-family:var(--mono);font-size:14px;padding:10px 12px;width:100%}
textarea{resize:vertical}
.code{background:var(--night);border:1px solid var(--rule);color:var(--bone);font-family:var(--mono);font-size:12px;padding:12px;white-space:pre-wrap;word-break:break-all}
.toast{position:fixed;right:20px;bottom:20px;z-index:60;max-width:420px;background:var(--ink);border:1px solid var(--dawn);color:var(--bone);font-family:var(--mono);font-size:12px;padding:12px 14px;display:none;line-height:1.5;word-break:break-word}
.toast.err{border-color:var(--ember)}
.bar{display:block}
.chip.ok{color:var(--leaf);border-color:var(--leaf)}
.chip.bad{color:var(--ember);border-color:var(--ember)}
.log .row{grid-template-columns:90px 1fr;font-size:13px}
.result{font-family:var(--mono);font-size:12px;white-space:pre-wrap;word-break:break-all;color:var(--fg2);max-height:160px;overflow:auto;margin-top:6px}
@media (max-width:900px){.grid-app{grid-template-columns:1fr}.bar .tabs{margin-left:0}.bar .wrap{gap:8px}.wallet{margin-left:auto}#w-bal{display:none}}
@media (max-width:560px){.tabs button{padding:8px 6px;font-size:11px}.brand{font-size:0}.brand canvas{margin:0}.row{grid-template-columns:1fr}.row .acts{justify-content:flex-start}}
@media (max-width:900px){.strip #faucet{display:inline-block}}
.chip.is-house{background:var(--dawn);color:#1b1206;border-color:var(--dawn)}
@media (max-width:560px){.dsk{display:none}#w-btn{font-size:10px;padding:8px}}
