@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{--bg: #f5f7fb;--surface: #ffffff;--surface-raised: #f0f5f3;--line: #d9e1e8;--text: #17232d;--muted: #6a7883;--accent: #286f57;--warning: #b54d3d;--accent-soft: #e5f2eb;--surface-subtle: #f8fafc;--form-line: #d6e1dd;--warning-soft: #fff0ed;--tree-indent: 22px;--tree-gap: 12px;--node-content-inset: 44px;--node-row-inset: 14px;--action-button-size: 38px;--action-gap: 6px;font-family:Space Grotesk,sans-serif;color:var(--text);background:var(--bg)}*{box-sizing:border-box}body{min-width:320px;margin:0;background:var(--bg)}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid rgba(40,111,87,.24);outline-offset:2px}.app-shell{min-height:100vh;display:flex;flex-direction:column}.topbar{min-height:72px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line)}.brand-mark{font:500 15px DM Mono,monospace;white-space:nowrap}.brand-mark span{color:var(--accent)}.topbar-actions,.root-actions{display:flex;align-items:center;gap:12px}.network-pill{display:flex;align-items:center;gap:8px;color:var(--muted);font:11px DM Mono,monospace;white-space:nowrap}.network-pill i{width:7px;height:7px;border-radius:50%;background:var(--accent)}.wallet-button,.secondary-button{min-height:36px;padding:7px 12px;border:1px solid var(--line);border-radius:4px;background:transparent;color:var(--text);font:12px DM Mono,monospace;white-space:nowrap}.wallet-button:hover:not(:disabled),.secondary-button:hover:not(:disabled){border-color:var(--accent)}.workbench{width:min(1160px,calc(100% - 48px));margin:0 auto;flex:1;padding:40px 0 70px}.workspace-heading{display:flex;align-items:start;justify-content:space-between;gap:20px;margin-bottom:18px}.workspace-heading h1{margin:0 0 5px;font-size:clamp(26px,3vw,34px);letter-spacing:-.04em;font-weight:600}.workspace-heading p{margin:0;color:var(--muted);font-size:13px}.network-status{padding:4px 8px;border:1px solid var(--line);border-radius:3px;color:var(--accent);font:11px DM Mono,monospace}.status-line{min-height:26px;margin:0 0 14px;display:flex;align-items:center;gap:9px;color:var(--muted);font:12px DM Mono,monospace;overflow-wrap:anywhere}.status-line.is-loading{color:var(--accent)}.spinner{width:14px;height:14px;flex:0 0 14px;border:2px solid var(--line);border-top-color:var(--accent);border-radius:50%;animation:spin .75s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.notice{padding:12px 14px;border:1px solid #e6b8af;border-radius:10px;background:var(--warning-soft);color:var(--warning);font-size:13px;overflow-wrap:anywhere}.registry-section{border:1px solid var(--line);border-radius:16px;background:var(--surface);box-shadow:0 14px 36px #1d303b0f;overflow:hidden}.registry-root{min-height:86px;padding:18px 22px;display:flex;justify-content:space-between;align-items:center;gap:15px;border-bottom:1px solid var(--line);background:linear-gradient(110deg,#f2f8f5,#f8fafb 75%)}.root-label{display:flex;align-items:center;gap:13px;min-width:0}.root-label>div,.node-name,.record-name{display:grid;gap:3px;min-width:0}.root-label strong,.node-name strong,.record-name strong{font:500 15px DM Mono,monospace;overflow-wrap:anywhere}.root-label small,.node-name small,.record-name small{color:var(--muted);font-size:11px}.root-icon{width:34px;height:34px;display:grid;place-items:center;border:1px solid #9ac4aa;border-radius:10px;background:var(--accent-soft);color:var(--accent);font-size:24px}.icon-button{width:var(--action-button-size);height:var(--action-button-size);flex:0 0 var(--action-button-size);display:inline-grid;place-items:center;padding:0;border:1px solid var(--line);border-radius:9px;color:var(--muted);background:var(--surface);transition:color .18s,border-color .18s,background .18s,transform .18s;line-height:1}.icon-button:hover:not(:disabled){color:var(--accent);border-color:#93bea5;background:var(--accent-soft);transform:translateY(-1px)}.danger-icon:hover:not(:disabled){color:var(--warning);background:var(--warning-soft);border-color:#e6b8af}.tree{padding:22px}.tree-loading{opacity:.68;pointer-events:none}.tree-branch{position:relative;min-width:0;padding-top:var(--tree-gap)}.tree>.tree-branch:first-child{padding-top:0}.tree-node{position:relative;min-width:0;min-height:76px;display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:12px;padding:var(--node-row-inset);border:0;border-radius:10px;background:var(--surface-raised)}.tree-node:hover{background:var(--accent-soft)}.fold-button{width:32px;height:32px;border-color:transparent;background:transparent}.node-name{flex:1;padding:0 8px 0 0}.node-actions,.record-actions{display:flex;align-items:center;gap:var(--action-gap);flex:0 0 auto}.node-name small{line-height:1.7;overflow-wrap:anywhere}.node-name a{color:var(--accent);text-decoration:none}.node-name a:hover{text-decoration:underline}.branch-contents{margin-left:calc(var(--node-content-inset) - var(--tree-indent));padding-left:var(--tree-indent)}.branch-contents:empty{display:none}.record-row{min-height:48px;display:grid;grid-template-columns:32px minmax(120px,.8fr) minmax(0,2fr) auto;align-items:center;gap:12px;margin:var(--tree-gap) 0 0;padding:9px var(--node-row-inset);border:0;border-radius:8px;background:var(--surface-raised);font-size:12px}.kv-icon{width:32px;height:32px;display:grid;place-items:center;border:1px solid transparent;border-radius:9px;background:transparent;color:var(--muted);font:500 10px DM Mono,monospace}.record-name,.record-row>span:not(.kv-icon){min-width:0;overflow-wrap:anywhere;font:500 15px DM Mono,monospace}.empty-records{display:block;padding:6px 14px;color:var(--muted);font-size:11px}.record-error{color:var(--warning)}.inline-form{width:calc(100% - var(--node-content-inset));margin:var(--tree-gap) 0 0 var(--node-content-inset);padding:19px;border:1px solid var(--form-line);border-radius:12px;background:var(--surface-subtle)}.root-form{margin:20px 22px 0;width:calc(100% - 44px)}.form-header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.form-header h3{margin:0;font-size:15px}.inline-form p{margin:0 0 14px;color:var(--muted);font-size:12px}.inline-form form{display:grid;gap:13px}.form-actions{display:flex;align-items:center;gap:10px}.inline-form label{display:grid;gap:6px;color:var(--muted);font:11px DM Mono,monospace}.inline-form input,.inline-form textarea{width:100%;min-width:0;padding:11px 12px;border:1px solid var(--line);border-radius:8px;background:var(--surface-raised);color:var(--text)}.inline-form input:read-only{color:var(--muted)}.inline-form textarea{min-height:84px;resize:vertical}.preview{color:var(--accent);font:12px DM Mono,monospace;overflow-wrap:anywhere}.lookup-result{display:grid;gap:6px;margin-top:14px;padding:11px 12px;border:0;border-radius:8px;background:var(--surface-raised)}.lookup-result small{color:var(--muted);font:11px DM Mono,monospace}.lookup-result output{color:var(--text);overflow-wrap:anywhere;white-space:pre-wrap}.primary-button{justify-self:start;padding:11px 15px;border:0;border-radius:8px;background:var(--accent);color:#fff;font-size:12px;font-weight:700}.primary-button:hover:not(:disabled){background:#1d5945}.danger-button{justify-self:start;padding:10px 14px;border:1px solid #c98a75;border-radius:3px;background:#fff1ec;color:#8d3d24;font-size:12px;font-weight:700}.danger-button:hover:not(:disabled){background:#f9e0d8}.connect-empty{width:100%;min-height:210px;display:grid;place-content:center;justify-items:center;gap:8px;border:0;background:transparent;color:var(--text);text-align:center}.connect-empty:hover{background:var(--surface-raised)}.connect-empty span:last-child{color:var(--muted);font-size:12px}.empty-symbol{color:var(--accent);font-size:27px}.empty-state,.loading-state{min-height:150px;display:flex;align-items:center;justify-content:center;gap:10px;padding:30px;color:var(--muted);font-size:13px;text-align:center}footer{width:min(1160px,calc(100% - 48px));margin:0 auto;padding:20px 0 28px;border-top:1px solid var(--line);color:var(--muted);font:11px DM Mono,monospace}footer a{color:var(--accent);text-decoration:none}@media(max-width:700px){:root{--tree-indent: 12px;--node-content-inset: 32px;--node-row-inset: 12px}.topbar{padding:0 16px;gap:12px}.brand-mark{font-size:11px;letter-spacing:-.02em}.network-pill,.network-status{display:none}.wallet-button{padding-inline:9px;font-size:11px}.workbench,footer{width:calc(100% - 28px)}.workbench{padding-top:28px}.registry-root{padding:14px;gap:10px}.root-label{gap:9px}.root-icon{flex-shrink:0}.root-actions{gap:6px}.tree{padding:14px}.tree-node{grid-template-columns:28px minmax(0,1fr);gap:8px;padding:var(--node-row-inset)}.fold-button{width:28px;height:32px}.node-name{padding:0}.node-name strong{font-size:13px}.node-actions{grid-column:2;justify-self:end;flex-wrap:wrap;justify-content:flex-end;min-width:0;max-width:100%;margin-top:4px}.record-row{grid-template-columns:32px minmax(0,1fr) auto;gap:6px}.record-row>span:not(.kv-icon){grid-column:2 / 4;grid-row:2}.record-actions{grid-column:3;grid-row:1}.inline-form{padding:14px}.root-form{margin:14px 14px 0;width:calc(100% - 28px)}.form-header h3,.inline-form p{overflow-wrap:anywhere}.form-actions{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){.spinner{animation-duration:2s}.icon-button{transition:none}}
