/* One inspector, three presentation modes; graph selection stays untouched. */
.ax-workspace{position:relative}
.ax-workspace[data-ax-panelmode=floating],.ax-workspace[data-ax-panelmode=hidden]{grid-template-columns:minmax(0,1fr)!important}
.ax-workspace .ax-inspector[data-ax-panel]{padding:0!important;display:flex;flex-direction:column;overflow:hidden!important;min-width:0}
.ax-workspace .ax-inspector[data-ax-panel][hidden]{display:none!important}
.ax-panel-chrome{display:flex;align-items:center;gap:8px;flex:none;min-height:47px;padding:8px 10px;background:#e8eddf;border-bottom:1px solid #cbd7be;color:#385840}
.ax-panel-handle{display:flex;align-items:center;gap:8px;flex:1;min-width:0;padding:7px 5px;font:11px SourcePlex,Arial,sans-serif;user-select:none;touch-action:none;cursor:pointer;border-radius:4px;outline-offset:2px}
.ax-panel-handle>span:first-child{font-size:16px;color:#6b8261}.ax-panel-actions{display:flex;gap:3px;flex-shrink:0}
.ax-panel-actions button{border:1px solid transparent;border-radius:4px;background:transparent;color:#3f6046;font:10px SourcePlex,Arial,sans-serif;min-height:31px;padding:5px 7px;cursor:pointer}
.ax-panel-actions button:hover{background:#d3dec8;border-color:#b6c5a8}.ax-panel-actions [data-ax-panel-close]{font-size:20px;line-height:1;min-width:31px;padding:2px}
.ax-panel-chrome :focus-visible{outline:2px solid #557f44;outline-offset:2px}
.ax-inspector-body{padding:22px;min-height:0;overflow:auto;flex:1;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#a9b898 transparent}
.ax-workspace[data-ax-panelmode=floating] .ax-inspector[data-ax-panel]{position:absolute!important;inset:auto!important;left:var(--ax-panel-x,10px)!important;top:var(--ax-panel-y,70px)!important;width:min(330px,calc(100% - 24px));height:min(660px,var(--ax-panel-available-height,calc(100% - 90px)));min-height:96px;max-height:calc(100% - 24px)!important;border:1px solid #b4c5a6;border-radius:10px;z-index:35;box-shadow:0 18px 65px #051b3070,0 2px 9px #051b3040;background:#f7f7ed}
.ax-workspace[data-ax-panelmode=floating] .ax-panel-handle{cursor:grab}.ax-workspace.ax-panel-dragging .ax-panel-handle{cursor:grabbing}.ax-workspace.ax-panel-dragging .ax-inspector{transition:none!important;user-select:none}
.ax-workspace .ax-map-topbar [data-ax-panel-toggle]{white-space:nowrap}.ax-workspace .ax-map-topbar [data-ax-panel-toggle][aria-pressed=true]{background:#3b574c;color:#edf3dd}
.ax-workspace[data-ax-panelmode=floating] .ax-inspector-body .ax-detail-heading h2{font-size:32px}.ax-workspace[data-ax-panelmode=floating] .ax-inspector-body .ax-product-panel{max-height:250px}
.ax-workspace.is-expanded[data-ax-panelmode=floating] .ax-map-column,.ax-workspace.is-expanded[data-ax-panelmode=hidden] .ax-map-column{height:100%;min-height:0;overflow:hidden}
@media(max-width:1100px){.ax-inspector-body{padding:18px}.ax-panel-chrome{padding-inline:8px}.ax-map-topbar>div:last-child{max-width:none;flex-wrap:wrap}.ax-map-topbar>div:first-child{flex:1}}
@media(max-width:780px){.ax-workspace[data-ax-panelmode=floating] .ax-inspector[data-ax-panel]{width:min(330px,calc(100% - 24px));height:min(540px,var(--ax-panel-available-height,calc(100% - 84px)));min-height:96px}.ax-panel-chrome{min-height:48px}.ax-panel-actions button{min-height:34px}.ax-inspector-body{padding:20px}.ax-workspace[data-ax-panelmode=floating] .ax-relations>div{display:block}.ax-workspace.is-expanded[data-ax-panelmode=floating],.ax-workspace.is-expanded[data-ax-panelmode=hidden]{overflow:hidden}.ax-workspace.is-expanded[data-ax-panelmode=floating] .ax-stage,.ax-workspace.is-expanded[data-ax-panelmode=hidden] .ax-stage{height:auto!important;min-height:180px!important;max-height:none!important}.ax-workspace.is-expanded .ax-map-topbar{flex-shrink:0}.ax-map-topbar>div:last-child{gap:1px}.ax-map-topbar [data-ax-panel-toggle]{font-size:9px;padding-inline:6px}}
@media(prefers-reduced-motion:reduce){.ax-inspector[data-ax-panel]{transition:none!important}}

/* The first detail content is the inspected product component, in its own
 * source theme. View controls and provenance remain outside the scaled canvas.
 * TODO(monorepo-preview): replace these ports with their pinned display imports. */
.ax-preview-bank{margin:16px -8px 0}.ax-preview-bank[hidden]{display:none!important}
.ax-inspector-body .ax-product-source{margin:0 0 18px}.ax-inspector-body .ax-product-source .ax-product-heading{padding-inline:0;align-items:start}.ax-product-source .ax-product-heading>span{font-size:9px;line-height:1.5;letter-spacing:.04em}
.ax-product-source .ax-surface-options{padding-inline:0;gap:6px}.ax-product-source .ax-surface-options>button{font-size:10px;min-height:29px;padding:6px 10px}
.ax-inspector-body .ax-source-panel,.ax-workspace[data-ax-panelmode=floating] .ax-inspector-body .ax-source-panel{border:0;max-height:none;overflow:visible;background:transparent}
.ax-source-viewport{position:relative;width:100%;aspect-ratio:8/5;overflow:hidden;border:1px solid #c9d5c1;border-radius:9px;background:#f7f6ef;isolation:isolate}
.ax-source-canvas{position:absolute;left:0;top:0;width:720px;min-height:450px;transform-origin:0 0;transform:scale(var(--ax-source-scale,.4));pointer-events:none;user-select:none;color:initial;text-align:left}
.ax-source-canvas>.sp-mount{width:100%;container-type:inline-size;min-width:0}.ax-source-canvas .sp-source-note,.ax-source-canvas .sp-provenance,.ax-source-canvas .sp-frame-footer,.ax-source-canvas .bd17-preview-footer{display:none!important}
.ax-source-caption{margin:8px 0 0;font:10px/1.45 SourcePlex,Arial,sans-serif;color:#5c7259}
.ax-preview-provenance{font:10px/1.5 SourcePlex,Arial,sans-serif;color:#657760;margin-top:6px}.ax-preview-provenance summary{cursor:pointer;font-size:10px}.ax-preview-provenance p{margin:8px 0;overflow-wrap:anywhere}.ax-preview-provenance a{display:inline-block;margin-bottom:8px;color:#385a3f}
.ax-context-visual{margin:16px -8px 0}.ax-context-visual[hidden]{display:none!important}.ax-context-visual img{display:block;width:100%;height:auto;border-radius:8px}.ax-context-visual figcaption{margin-top:7px;color:#63765f;font-size:10px;line-height:1.4}
.ax-inspector-body:has(.ax-product-source:not([hidden])) .ax-detail-mark{display:none}