.frunk-catalog-view{position:absolute;inset:115px 25px 22px;z-index:5;display:flex;flex-direction:column;min-height:0;padding:21px;background:#f8faf5;border:1px solid #dbe3d3;border-radius:10px;container-type:inline-size;box-shadow:0 5px 20px #233f2c08}
.frunk-catalog-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-shrink:0}.frunk-catalog-heading h2{font-size:23px;letter-spacing:-.7px;font-weight:500;margin:6px 0}.frunk-catalog-heading p{font-size:10px;color:#7e8d74;margin:7px 0 0}.frunk-heading-actions{display:flex;flex-direction:column;align-items:flex-end;gap:10px}.frunk-heading-actions button{font-size:10px;padding:7px 11px}.frunk-source-link{font-size:10px;color:#3e7045;text-decoration:none;line-height:1.5}.frunk-source-link:hover{text-decoration:underline}.frunk-source-link::after{content:''}
.frunk-disclosure{background:#f4f0e3;color:#85734c;border:1px solid #e9e1c9;border-radius:5px;padding:10px 12px;font-size:10px;line-height:1.6;margin:17px 0;flex-shrink:0}.frunk-catalog-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(250px,1fr);gap:19px;min-height:0;flex:1}.frunk-diagram-column{min-width:0;overflow:auto;padding-right:1px}.frunk-diagram{margin:0;border:1px solid #e1e7da;background:#fff;border-radius:7px;overflow:hidden;position:relative}.frunk-diagram svg{width:100%;display:block;background:white;aspect-ratio:640/540}.frunk-diagram figcaption{display:flex;flex-wrap:wrap;gap:12px;padding:12px 13px;border-top:1px solid #eef1ea;font-size:8px;letter-spacing:.3px;background:#fdfefb}.frunk-legend-mapped{color:#3e6844}.frunk-legend-unresolved{color:#b18d43}.frunk-image-error{font-size:11px;padding:15px;color:#947548;background:#f7f1e4;position:absolute;left:0;right:0;top:35%}
.frunk-callout{cursor:pointer;outline:none}.frunk-callout rect{fill:#e8f0e2;stroke:#577a49;stroke-width:1.6;transition:fill .12s,stroke-width .12s}.frunk-callout text{font:600 17px 'Segoe UI',Arial,sans-serif;fill:#2e5535;pointer-events:none}.frunk-callout:hover rect,.frunk-callout:focus-visible rect{fill:#d6e6ca;stroke-width:3.5}.frunk-callout:focus-visible rect{stroke:#183b24;stroke-dasharray:3 2}.frunk-callout.is-selected rect{fill:#2d573c;stroke:#fff;stroke-width:2.5;filter:drop-shadow(0 2px 3px #28432c40)}.frunk-callout.is-selected text{fill:#fff}.frunk-callout.is-unresolved rect{fill:#fff9e9;stroke:#b79448;stroke-dasharray:4 2}.frunk-callout.is-unresolved text{fill:#a3833d}.frunk-callout.is-unresolved.is-selected rect{fill:#a3833d;stroke:#fff}.frunk-callout.is-unresolved.is-selected text{fill:#fff}
.frunk-selection-status{display:flex;flex-direction:column;gap:7px;background:#eaf0e3;border:1px solid #dce6d3;border-left:3px solid #618350;border-radius:5px;margin-top:14px;padding:12px 14px;min-height:78px}.frunk-selection-status strong{font-size:12px;font-weight:550;color:#3e5a36}.frunk-selection-status>span:last-child{font-size:10px;color:#778b69;line-height:1.5;overflow-wrap:anywhere}.frunk-selection-status.is-unresolved{background:#f7f2e5;border-color:#e6dbc2;border-left-color:#ad8b44}.frunk-selection-status.is-unresolved strong{color:#8c733b}.frunk-selection-status.is-unresolved>span:last-child{color:#9d8b65}.frunk-diagram-note{font-size:9px;line-height:1.6;color:#88947f;margin:12px 3px}
.frunk-list-column{display:flex;flex-direction:column;min-height:0;min-width:0}.frunk-filter-label{font-size:8px;color:#87957c;letter-spacing:1.3px;margin:0 0 8px}.frunk-list-column input{border:1px solid #d4dfca;border-radius:5px;background:#fff;padding:10px;font-size:10px;width:100%;color:#36502e;flex-shrink:0}.frunk-results-summary{font-size:8px;color:#91a084;margin:10px 0;min-height:12px}.frunk-parts-list{overflow:auto;min-height:0;padding-right:5px;scrollbar-width:thin;scrollbar-color:#c6d2bc transparent}.frunk-part-card{background:#fff;border:1px solid #e1e7d9;border-radius:7px;margin-bottom:9px;overflow:hidden;transition:border-color .15s,background .15s}.frunk-part-card.is-selected{border-color:#8eaf7a;background:#f4f8ef;box-shadow:inset 3px 0 #648c51}.frunk-part-select{display:flex;align-items:center;gap:10px;text-align:left;width:100%;border:0;border-radius:0;background:none;padding:12px 11px 8px}.frunk-part-select:hover{background:#edf3e7}.frunk-callout-badge{flex-shrink:0;display:grid;place-items:center;width:27px;height:27px;border-radius:6px;background:#eaf1e3;border:1px solid #d7e4cc;color:#507044;font-size:10px;font-weight:600}.frunk-part-card.is-selected .frunk-callout-badge{background:#3c6343;color:#fff;border-color:#3c6343}.frunk-part-identity{display:flex;flex-direction:column;gap:5px;min-width:0;flex:1}.frunk-part-identity strong{font-size:11px;font-weight:550;color:#395532}.frunk-part-identity code{font-size:10px;font-family:Consolas,monospace;color:#55764a;overflow-wrap:anywhere}.frunk-part-arrow{font-size:13px;color:#91a583}.frunk-part-meta{padding:0 13px 12px 48px}.frunk-part-meta p{font-size:9px;line-height:1.55;margin:5px 0;color:#87937c;overflow-wrap:anywhere}.frunk-part-meta .frunk-listing-title{font-size:8px;color:#9aa48f}.frunk-snapshot-price{display:block;font-size:8px;color:#a18b60;margin-top:7px;line-height:1.6}.frunk-incomplete-list{margin:16px 0 6px;padding-top:12px;border-color:#e5e4d5}.frunk-incomplete-list summary{font-size:10px;color:#9b874f}.frunk-unknown-row{display:block;width:100%;border:0;background:none;padding:10px 0 4px;text-align:left;font-size:10px;color:#9f884c}.frunk-incomplete-list small{display:block;font-size:8px;line-height:1.6;color:#a39b80}.frunk-empty{font-size:11px;line-height:1.7;color:#88967d;padding:12px}
.frunk-provenance{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;font-size:8px;color:#9ba48f;border-top:1px solid #e3e9dc;padding-top:13px;margin-top:15px;flex-shrink:0}.frunk-inspector-content{font-size:10px}.frunk-inspector-identity{display:flex;flex-direction:column;gap:8px;margin-top:16px}.frunk-inspector-identity strong{font:600 14px Consolas,monospace;color:#486b3d;overflow-wrap:anywhere}.frunk-inspector-identity>span:last-child{font-size:9px;line-height:1.6;color:#87957b}.inspector .frunk-inspector-content p{font-size:9px;line-height:1.7;margin:11px 0}.inspector .frunk-inspector-warning{color:#a18d5d;background:#f5f1e4;padding:9px 10px;border-radius:5px}.frunk-inspector-actions{display:flex;gap:6px;margin:13px 0 7px;flex-wrap:wrap}.frunk-inspector-actions button{font-size:9px;flex:1;padding:8px 6px}.frunk-draft-note{display:block;color:#98a18d;font-size:8px;line-height:1.6}.frunk-inspector-part-link{display:block;border:0;background:none;padding:7px 0;text-align:left;font-size:9px;line-height:1.6;width:100%;color:#58764a}.frunk-open-diagram{width:100%;font-size:10px;background:#edf3e6;border-color:#d7e3cc;color:#537244;margin-top:14px}.mode-tabs{flex-wrap:wrap;max-width:100%;justify-content:flex-end}.mode-tabs button{flex-shrink:0}
.frunk-part-card.is-callout-match{border-color:#b4caa4}.frunk-part-card.is-selected{border-color:#6f9858}.frunk-part-meta .frunk-variant-note{font-size:8px;color:#608750}.frunk-evidence-note{font-size:8px!important;color:#98a18d!important}.oem-catalog-choice{max-width:100%;background:#fff;border:1px solid #d4dfca;border-radius:4px;padding:6px;color:#395532;font-size:10px}
@container(max-width:680px){.frunk-catalog-layout{display:flex;flex-direction:column;overflow:auto;gap:12px}.frunk-diagram-column{overflow:visible;flex-shrink:0}.frunk-diagram{max-width:480px;margin-inline:auto}.frunk-list-column{overflow:visible;flex-shrink:0}.frunk-parts-list{overflow:visible;padding-right:0}.frunk-selection-status{min-height:0}.frunk-catalog-heading{gap:8px}.frunk-catalog-heading h2{font-size:20px}.frunk-heading-actions{gap:7px}.frunk-source-link{font-size:9px}.frunk-disclosure{font-size:9px;margin:12px 0;padding:8px 10px}.frunk-provenance{font-size:7px;margin-top:10px;padding-top:10px}}
@media(max-width:1150px){.viewer-top>.mode-tabs{max-width:240px}.frunk-catalog-view{inset:130px 15px 20px;padding:15px}.frunk-heading-actions button{font-size:9px}.frunk-catalog-heading h2{font-size:18px}}
@media(max-width:600px){.viewer-top{gap:7px}.viewer-top>.mode-tabs{max-width:100%;justify-content:flex-start}.frunk-catalog-view{inset:160px 12px 18px;padding:12px}.frunk-catalog-heading{flex-wrap:wrap}.frunk-catalog-heading h2{font-size:18px}.frunk-heading-actions{flex-direction:row;align-items:center;gap:12px}.frunk-catalog-heading p{font-size:9px}.frunk-disclosure{font-size:8px}.frunk-provenance{font-size:7px;line-height:1.5}.frunk-catalog-layout{display:flex;flex-direction:column;overflow:auto}.frunk-diagram-column,.frunk-list-column{overflow:visible;flex-shrink:0}.frunk-parts-list{overflow:visible}}