:root{color:#222526;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f7f8f4;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;line-height:1.4}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input{font:inherit}.app-shell{color:#202423;width:min(760px,100% - 32px);min-height:100svh;margin:0 auto;padding:32px 0 56px}.header{justify-content:space-between;align-items:start;gap:20px;padding-bottom:24px;display:flex}.header h1{letter-spacing:0;margin:0;font-size:24px;line-height:1.2}.header p,.hint,.empty-state{color:#66706b;margin:6px 0 0;font-size:14px}.connection-badge{color:#5e6962;text-transform:capitalize;background:#fff;border:1px solid #d6ddd4;border-radius:999px;align-items:center;gap:8px;min-height:32px;padding:0 10px;display:inline-flex}.connection-badge span{background:#a6b0a9;border-radius:999px;width:9px;height:9px;transition:background .16s,box-shadow .16s}.connection-badge[data-state=open] span{background:#2d9b68;box-shadow:0 0 0 4px #2d9b681f}.connection-badge[data-state=connecting] span{background:#d49a21;box-shadow:0 0 0 4px #d49a211f}.connection-badge[data-state=error] span{background:#c94e43;box-shadow:0 0 0 4px #c94e431f}.address-row{grid-template-columns:minmax(0,1fr) 42px;align-items:end;gap:8px;display:grid}.address-field{gap:7px;display:grid}.summary-row span{color:#637069;letter-spacing:0;text-transform:uppercase;font-size:12px;font-weight:700}input{color:#202423;background:#fff;border:1px solid #cfd8cf;border-radius:7px;outline:none;width:100%;min-height:42px;padding:8px 10px;font:14px/1.4 ui-monospace,Consolas,monospace;transition:border-color .16s,box-shadow .16s}input:focus{border-color:#227c68;box-shadow:0 0 0 3px #227c6821}input[data-validity=valid]{border-color:#72b892}input[data-validity=invalid]{border-color:#cf6b61;box-shadow:0 0 0 3px #cf6b611a}input[data-validity=invalid]:focus{border-color:#c94e43;box-shadow:0 0 0 3px #c94e4324}.copy-button{color:#26302b;cursor:pointer;background:#fff;border:1px solid #cfd8cf;border-radius:7px;place-items:center;width:42px;height:42px;font:15px/1 ui-sans-serif,system-ui,sans-serif;transition:border-color .16s,box-shadow .16s,transform .16s;display:grid}.copy-button:hover{border-color:#227c68;box-shadow:0 0 0 3px #227c681a}.copy-button:active{transform:translateY(1px)}.summary-row{border-top:1px solid #dce2d9;border-bottom:1px solid #dce2d9;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:24px;padding:18px 0;display:grid}.summary-row div{gap:8px;display:grid}.summary-row strong{font-variant-numeric:tabular-nums;min-height:48px;font-size:44px;line-height:1.1}.counts-panel{margin-top:24px}.counts-panel h2{letter-spacing:0;margin:0 0 10px;font-size:15px}.type-list{border-top:1px solid #dce2d9;display:grid}.type-row{border-bottom:1px solid #dce2d9;grid-template-columns:minmax(0,1fr) 96px;align-items:center;gap:16px;min-height:44px;display:grid}.type-row span{text-overflow:ellipsis;white-space:nowrap;min-width:0;font:14px/1.4 ui-monospace,Consolas,monospace;overflow:hidden}.type-row strong{text-align:right;font-variant-numeric:tabular-nums;font-size:18px}.animated-value{animation:.18s value-in}@keyframes value-in{0%{opacity:.45;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}@media (width<=560px){.app-shell{width:min(100% - 22px,760px);padding-top:22px}.header{display:grid}.summary-row strong{font-size:36px}.summary-row{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important}}