:root{color:#17251e;font-synthesis:none;text-rendering:optimizelegibility;background:#e9e7df;font-family:Avenir Next,Avenir,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{background-color:#e9e7df;background-image:linear-gradient(#263e3109 1px,#0000 1px),linear-gradient(90deg,#263e3109 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:24px 24px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button,select{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:2px;outline:3px solid #d75d3f4d}.app-frame{min-height:100vh}.masthead{color:#edf1ea;background:#1f3329;border-bottom:4px solid #d75d3f;align-items:center;gap:14px;height:78px;padding:0 24px;display:flex}.masthead h1,.masthead p{margin:0}.masthead h1{letter-spacing:-.02em;font-size:20px;font-weight:600}.masthead .eyebrow{color:#9fb0a5}.brand-mark{flex:none;width:35px;height:35px;position:relative}.brand-mark span{border:2px solid #f0c48b;border-radius:50%;width:11px;height:11px;position:absolute}.brand-mark span:first-child{top:1px;left:1px}.brand-mark span:nth-child(2){bottom:1px;right:1px}.brand-mark span:nth-child(3){background:#d75d3f;border-color:#d75d3f;bottom:1px;left:2px}.brand-mark:before,.brand-mark:after{content:"";transform-origin:50%;background:#f0c48b;width:22px;height:1px;position:absolute;top:17px;left:7px;transform:rotate(38deg)}.brand-mark:after{transform:rotate(-49deg)}.connection-status{color:#c5cec8;text-transform:uppercase;letter-spacing:.06em;border:1px solid #506459;border-radius:999px;align-items:center;gap:7px;margin-left:auto;padding:6px 10px;font:500 11px IBM Plex Mono,monospace;display:flex}.connection-status span{background:#9a887f;border-radius:50%;width:7px;height:7px}.connection-status.online span{background:#a8c995;box-shadow:0 0 0 3px #a8c9951f}.eyebrow{color:#6d7a72;letter-spacing:.12em;text-transform:uppercase;margin:0 0 5px;font:600 10px IBM Plex Mono,monospace}.connection-page{place-items:center;min-height:calc(100vh - 78px);padding:32px;display:grid}.connection-card{background:#f7f5eef0;border:1px solid #c3c8c1;border-top:5px solid #d75d3f;width:min(570px,100%);padding:42px;box-shadow:0 24px 70px #1a2b2221}.connection-card h2{letter-spacing:-.045em;margin:0;font-size:clamp(28px,5vw,42px);line-height:1.05}.connection-card>p:not(.eyebrow,.error-banner){color:#526058;max-width:450px;line-height:1.6}.connection-card form{margin-top:28px}label{color:#34483c;letter-spacing:.035em;text-transform:uppercase;margin-bottom:7px;font:600 11px IBM Plex Mono,monospace;display:block}input,select{color:#17251e;background:#faf8f1;border:1px solid #aeb8b0;border-radius:2px;width:100%;min-height:40px;padding:9px 11px}input::placeholder{color:#8d958f}.inline-control{grid-template-columns:1fr auto;gap:8px;display:grid}.inline-control button,.primary-action{color:#fffaf0;background:#d75d3f;border:1px solid #b34b34;border-radius:2px;min-height:40px;padding:9px 18px;font-weight:700}.inline-control button:hover,.primary-action:hover{background:#be4d33}.browser-layout{grid-template-columns:300px minmax(420px,1fr) 290px;min-height:calc(100vh - 78px);display:grid}.left-rail,.inspector{background:#f4f2eaf0;min-width:0}.left-rail{border-right:1px solid #c5cbc5;overflow:auto}.control-card,.summary-card,.inspector{padding:22px}.control-card{border-bottom:1px solid #c5cbc5}.control-card select+form,.control-card form+select{margin-top:18px}.inline-control.compact{grid-template-columns:minmax(0,1fr) auto}.inline-control.compact button{padding-inline:10px;font-size:12px}.summary-card h2,.inspector h2{letter-spacing:-.025em;margin:0;font-size:19px}.section-heading{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.schema-badge{color:#6d5842;text-transform:uppercase;background:#eee1cc;border:1px solid #ddc39c;border-radius:2px;flex:none;padding:5px 7px;font:600 9px IBM Plex Mono,monospace}.schema-badge.enforced{color:#35553c;background:#dce9d9;border-color:#abc2aa}.totals-grid{border:1px solid #c8cec7;border-width:1px 0;grid-template-columns:repeat(3,1fr);margin:20px 0;display:grid}.metric{text-align:center;padding:13px 5px}.metric+.metric{border-left:1px solid #c8cec7}.metric strong,.metric span{display:block}.metric strong{color:#254332;font:600 21px IBM Plex Mono,monospace}.metric span{color:#6d7a72;margin-top:2px;font-size:11px}.warning,.error-banner{color:#73351f;background:#f4ddcf;border-left:3px solid #d75d3f;padding:10px 12px;font-size:12px;line-height:1.45}.type-columns{grid-template-columns:1fr 1fr;gap:18px;display:grid}.type-columns h3,.inspector h3{color:#526058;letter-spacing:.06em;text-transform:uppercase;margin:0 0 9px;font:600 10px IBM Plex Mono,monospace}.type-count-list{margin:0;padding:0;list-style:none}.type-count-list li{border-bottom:1px dotted #c1c8c1;justify-content:space-between;gap:8px;padding:5px 0;font-size:12px;display:flex}.type-count-list strong{font-family:IBM Plex Mono,monospace}.muted{color:#7b857f;margin:5px 0;font-size:11px}.workspace{background:#e9e7dfb8;flex-direction:column;min-width:0;display:flex}.graph-toolbar,.filter-bar{background:#f7f5eeeb;border-bottom:1px solid #c5cbc5;align-items:end;gap:14px;padding:14px 18px;display:flex}.depth-control{width:135px}.result-count{color:#6d7a72;align-items:center;gap:4px;margin-left:auto;padding-bottom:9px;font:500 11px IBM Plex Mono,monospace;display:flex}.count-separator{color:#d75d3f;margin:0 7px}.pending-view{color:#73351f;letter-spacing:.04em;text-transform:uppercase;background:#f4ddcf;border:1px solid #dfb49f;border-radius:2px;margin-right:8px;padding:4px 7px;font-size:9px}.filter-bar{background:#eeece4f0;flex-wrap:wrap;align-items:center;padding-block:9px}.filter-bar fieldset{border:0;align-items:center;gap:6px;margin:0;padding:0;display:flex}.filter-bar legend{float:left;color:#6b776f;text-transform:uppercase;margin-right:5px;font:600 9px IBM Plex Mono,monospace}.filter-chip{color:#526058;letter-spacing:0;text-transform:none;cursor:pointer;background:#f8f6ef;border:1px solid #bdc5be;border-radius:999px;margin:0;padding:4px 7px;font:500 10px IBM Plex Mono,monospace}.filter-chip:has(input:checked){color:#f7f6ef;background:#41554a;border-color:#41554a}.filter-chip input{opacity:0;width:1px;min-height:1px;position:absolute}.graph-legend{color:#66736b;align-items:center;gap:7px;margin-left:auto;font:500 10px IBM Plex Mono,monospace;display:flex}.root-key{background:#f0c48b;border:3px solid #d75d3f;border-radius:50%;width:15px;height:15px}.workspace-error{margin:12px 18px 0}.graph-stage,.empty-stage,.canvas-loading{flex:1;min-height:500px;position:relative}.canvas-loading{color:#6d7a72;place-items:center;font:500 11px IBM Plex Mono,monospace;display:grid}.graph-canvas{width:100%;height:100%;min-height:500px}.fit-button{z-index:3;color:#41554a;background:#faf8f1eb;border:1px solid #9faa9f;border-radius:2px;padding:7px 10px;font:600 10px IBM Plex Mono,monospace;position:absolute;top:12px;right:12px}.empty-stage{text-align:center;place-content:center;padding:40px;display:grid}.empty-stage h2{letter-spacing:-.03em;margin:18px 0 5px;font-size:24px}.empty-stage p{color:#6b776f;max-width:430px;margin:0;line-height:1.55}.empty-glyph{justify-self:center;width:90px;height:56px;position:relative}.empty-glyph:before,.empty-glyph:after{content:"";background:#76837b;width:55px;height:1px;position:absolute;top:27px;left:17px;transform:rotate(25deg)}.empty-glyph:after{transform:rotate(-25deg)}.empty-glyph i{z-index:1;background:#e9e7df;border:3px solid #41554a;border-radius:50%;width:16px;height:16px;position:absolute}.empty-glyph i:first-child{border-color:#d75d3f;top:0;left:37px}.empty-glyph i:nth-child(2){bottom:0;left:0}.empty-glyph i:nth-child(3){bottom:0;right:0}.inspector{border-left:1px solid #c5cbc5;overflow:auto}.empty-inspector{color:#6d7a72;line-height:1.5}.entity-fields{margin:22px 0}.entity-fields div{border-bottom:1px solid #d0d5cf;padding:10px 0}.entity-fields dt{color:#76837b;letter-spacing:.06em;text-transform:uppercase;margin-bottom:4px;font:600 9px IBM Plex Mono,monospace}.entity-fields dd{margin:0;font-size:13px;line-height:1.45}.identifier{overflow-wrap:anywhere;color:#41554a;font:10px/1.5 IBM Plex Mono,monospace!important}.inspector pre{color:#dbe4dc;background:#263a30;border-radius:2px;max-width:100%;margin:0;padding:12px;font:10px/1.55 IBM Plex Mono,monospace;overflow:auto}@media (width<=1080px){.browser-layout{grid-template-columns:270px minmax(400px,1fr)}.inspector{border-top:1px solid #c5cbc5;border-left:0;grid-column:1/-1;min-height:240px}}@media (width<=760px){.masthead{padding-inline:15px}.connection-status{font-size:0}.browser-layout{display:block}.left-rail{border-right:0}.workspace{min-height:680px}.type-columns{grid-template-columns:1fr 1fr}.graph-toolbar{flex-wrap:wrap}.result-count,.graph-legend{width:100%;margin-left:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}