:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#17212b;background:#f4f7fa;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--bg: #f4f7fa;--surface: #ffffff;--surface-soft: #f7fafc;--text: #17212b;--muted: #66727f;--line: #d7e0e7;--line-strong: #b8c7d2;--teal: #087f8c;--teal-dark: #056b76;--teal-soft: #e6f6f7;--green: #11824d;--orange: #d18514;--blue: #1e6bd6;--shadow: 0 10px 28px rgb(20 45 65 / 8%)}*{box-sizing:border-box}html,body{margin:0;min-width:320px;min-height:100%;background:var(--bg)}button,select,input{font:inherit}button{cursor:pointer}.reference-app{min-height:100vh;background:var(--bg)}.app-header{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:340px minmax(260px,1fr) 360px;align-items:center;gap:16px;height:62px;padding:0 24px;border-bottom:1px solid var(--line);background:var(--surface)}.header-brand,.header-actions,.header-role,.user-chip,.help-button{display:flex;align-items:center}.header-brand{gap:14px}.header-brand strong{display:block;font-size:16px;line-height:1.2}.header-brand small{display:block;margin-top:2px;color:var(--muted);font-size:12px}.drop-mark{position:relative;width:32px;height:38px}.drop-mark:before,.drop-mark span{content:"";position:absolute;inset:5px 6px;border:4px solid #0a4967;border-top-color:transparent;border-radius:50% 50% 54% 54%;transform:rotate(-28deg)}.drop-mark span{inset:11px;border-width:3px;border-color:#087f8c;border-top-color:transparent}.icon-button,.help-button{position:relative;min-width:34px;height:34px;border:0;border-radius:6px;color:#26343f;background:transparent}.icon-button.ghost{margin-left:-8px}.help-button{gap:8px;padding:0 8px;font-size:13px}.header-role{justify-self:center;gap:8px;color:#26343f;font-size:13px}.header-role select{min-width:160px;height:32px;padding:0 28px 0 12px;border:1px solid var(--line);border-radius:4px;background:var(--surface)}.header-actions{justify-self:end;gap:12px}.notification-badge{position:absolute;top:1px;right:2px;display:grid;place-items:center;width:16px;height:16px;border-radius:50%;color:#fff;background:#dc8d13;font-size:10px;font-weight:700}.user-chip{gap:8px;font-size:13px}.user-chip span{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;color:#fff;background:#263b51;font-size:12px;font-weight:700}.reference-body{display:grid;grid-template-columns:184px minmax(0,1fr)}.reference-sidebar{position:sticky;top:62px;height:calc(100vh - 62px);display:flex;flex-direction:column;justify-content:space-between;border-right:1px solid var(--line);background:var(--surface)}.reference-sidebar nav{display:grid}.reference-sidebar nav button{position:relative;display:grid;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;min-height:45px;gap:10px;padding:0 20px;border:0;color:#25323d;background:transparent;text-align:left;font-size:13px}.reference-sidebar nav button.active{color:var(--teal);background:#edf5f7;font-weight:700}.reference-sidebar nav button.active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--teal)}.reference-sidebar nav button b{display:grid;place-items:center;min-width:20px;height:20px;border-radius:999px;color:#fff;background:var(--teal);font-size:11px}.collapse-button{height:58px;padding:0 20px;border:0;border-top:1px solid var(--line);color:#25323d;background:var(--surface);text-align:left;font-size:13px}.reference-workspace{min-width:0;padding:12px 14px 24px}.reference-main-grid{display:grid;grid-template-columns:minmax(640px,1.25fr) minmax(520px,.95fr);gap:10px;align-items:start}.right-reference-stack{display:grid;gap:8px;align-content:start}.demo-flow-panel{display:grid;gap:8px}.stage-pill{padding:3px 8px;border-radius:999px;color:#075dc5;background:#edf5ff;font-size:11px;font-weight:750}.stage-published{color:var(--green);background:#eaf7f0}.demo-flow-meta{display:grid;grid-template-columns:1fr 1fr;gap:8px;color:var(--muted);font-size:11px}.demo-flow-meta strong{color:var(--text)}.demo-action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.demo-action-grid button,.drawer-primary-action{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:30px;padding:0 9px;border:1px solid var(--line-strong);border-radius:3px;color:#25323d;background:var(--surface-soft);font-size:11px;font-weight:650}.demo-action-grid button:not(:disabled):hover,.drawer-primary-action:hover{border-color:var(--teal);color:var(--teal);background:#eef8f8}.demo-action-grid button:disabled{cursor:not-allowed;color:#9aa9b3;background:#f5f8fa}.workflow-trace{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.workflow-trace div{min-height:40px;padding:6px 8px;border:1px solid var(--line);border-radius:3px;background:#fbfdfe;font-size:11px}.workflow-trace dd{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.demo-action-message{margin:0;padding:7px 8px;border:1px solid #c8e3e6;border-radius:3px;color:var(--teal-dark);background:#f0fbfb;font-size:11px}.reference-panel,.subpanel{border:1px solid var(--line);border-radius:4px;background:var(--surface);box-shadow:0 1px 2px #142d4108}.reference-panel{padding:10px}.reference-panel-header,.subpanel-header,.comparison-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.reference-panel-header h2,.comparison-header h2{margin:0;font-size:14px;line-height:1.2;white-space:nowrap}.subpanel h3,.subpanel-header h3{margin:0;font-size:13px}.map-filters{display:flex;align-items:center;gap:10px}.map-filters select,.model-selector-row select{height:30px;min-width:150px;padding:0 28px 0 10px;border:1px solid var(--line);border-radius:4px;color:#26343f;background:var(--surface);font-size:12px}.map-filters label{display:flex;align-items:center;gap:8px;color:#26343f;font-size:12px;white-space:nowrap}.map-filters input{accent-color:var(--teal)}.reference-map-frame{position:relative;min-height:585px;margin-top:10px;overflow:hidden;border:1px solid var(--line);border-radius:3px;background:radial-gradient(circle at 20% 20%,rgb(12 88 122 / 5%),transparent 26%),radial-gradient(circle at 64% 44%,rgb(12 88 122 / 6%),transparent 31%),linear-gradient(125deg,#e7eff4,#f7fafb 44%,#e9f0f3)}.reference-map-frame:before{content:"";position:absolute;inset:0;background:linear-gradient(30deg,transparent 49%,rgb(130 154 165 / 10%) 50%,transparent 51%),linear-gradient(120deg,transparent 49%,rgb(130 154 165 / 9%) 50%,transparent 51%);background-size:46px 46px,60px 60px;opacity:.8}.reference-field-map{position:relative;z-index:1;width:100%;height:585px}.reference-license{fill:#e0f5f56b;stroke:var(--teal);stroke-width:.45;stroke-dasharray:1.2 1.1;transition:fill .14s ease,stroke-width .14s ease;cursor:pointer}.reference-license.risk-medium{fill:#fbedca75}.reference-license.selected,.reference-license:hover{fill:#d3f4f5a8;stroke-width:.7}.well-link{stroke:#7f9098;stroke-width:.25;opacity:.68}.reference-well{cursor:pointer}.reference-well circle:first-child{fill:#788891}.reference-well circle:last-child{fill:transparent;stroke:#83939b;stroke-width:.24}.license-label{cursor:pointer}.license-label text{fill:#17212b;font-size:2.65px;font-weight:650;stroke:#fff;stroke-linejoin:round;stroke-width:.48px;paint-order:stroke fill}.license-label text:nth-of-type(2),.license-label text:nth-of-type(3),.license-label text:nth-of-type(4){font-size:2.05px;font-weight:500}.status-dot.low{fill:var(--green)}.status-dot.medium{fill:var(--orange)}.map-tools,.map-zoom,.map-layer-button{position:absolute;z-index:3;display:grid;overflow:hidden;border:1px solid var(--line);border-radius:3px;background:var(--surface);box-shadow:var(--shadow)}.map-tools{top:12px;left:12px}.map-zoom{left:12px;bottom:62px}.map-layer-button{top:12px;right:14px}.map-tools button,.map-zoom button,.map-layer-button{display:grid;place-items:center;width:32px;height:32px;border:0;border-bottom:1px solid var(--line);color:#3b4a54;background:var(--surface)}.map-tools button:last-child,.map-zoom button:last-child{border-bottom:0}.map-tools button.active{color:var(--teal);background:#eef8f8}.map-scale,.map-coordinates{position:absolute;z-index:3;bottom:16px;color:#31434d;font-size:11px}.map-scale{left:14px;display:flex;align-items:end;gap:6px}.map-scale i{display:block;width:34px;height:6px;border-bottom:2px solid #26343f}.map-coordinates{right:18px}.map-selection-summary{display:none}.lifecycle-panel{min-height:156px}.lifecycle-title-row{display:grid;grid-template-columns:1fr;align-items:start}.model-selector-row{display:grid;grid-template-columns:minmax(230px,1fr) minmax(145px,auto) auto;gap:8px;align-items:center;margin-top:8px}.model-selector-row label{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px;align-items:center;color:#26343f;font-size:12px}.model-selector-row select{width:100%}.new-badge{padding:4px 7px;border-radius:3px;color:#fff;background:var(--blue);font-size:11px;font-weight:700}.reference-lifecycle{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;padding:0;margin:10px 0 0;list-style:none}.reference-lifecycle li{position:relative;display:grid;justify-items:center;gap:2px;min-width:0;color:var(--muted);text-align:center;font-size:10.5px}.reference-lifecycle li:before{content:"";position:absolute;top:15px;left:-50%;width:100%;height:2px;background:var(--line-strong)}.reference-lifecycle li:first-child:before{display:none}.reference-lifecycle .stage-icon{position:relative;z-index:1;display:grid;place-items:center;width:28px;height:28px;border:2px solid var(--line-strong);border-radius:50%;background:var(--surface)}.reference-lifecycle li.complete:before,.reference-lifecycle li.current:before{background:var(--green)}.reference-lifecycle li.complete .stage-icon{color:var(--green);border-color:var(--green)}.reference-lifecycle li.current{color:var(--blue);font-weight:700}.reference-lifecycle li.current .stage-icon{color:var(--blue);border-color:var(--blue)}.reference-lifecycle strong,.reference-lifecycle small{overflow:hidden;max-width:100%;text-overflow:ellipsis;white-space:nowrap}.active-model-note{display:none}.details-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(204px,.72fr);gap:8px}.subpanel{padding:10px}.qaqc-progress{display:flex;align-items:center;gap:8px;color:#26343f;font-size:11px}.qaqc-progress i{display:block;width:82px;height:4px;border-radius:999px;background:#d8e2e9}.qaqc-progress b{display:block;height:100%;border-radius:inherit;background:var(--teal)}.qaqc-reference-list{display:grid;padding:0;margin:7px 0;list-style:none;border-top:1px solid var(--line)}.qaqc-reference-list li{min-height:24px;border-bottom:1px solid var(--line);color:#25323d;font-size:11px}.qaqc-reference-list li button{display:grid;grid-template-columns:16px minmax(0,1fr) 104px 68px;gap:6px;align-items:center;width:100%;min-height:24px;padding:0;border:0;color:inherit;background:transparent;text-align:left}.qaqc-reference-list li button:hover{color:var(--teal)}.qaqc-reference-list svg{color:#9aa9b3}.qaqc-reference-list li.passed svg,.qaqc-reference-list li.passed strong{color:var(--green)}.qaqc-reference-list li.warning svg,.qaqc-reference-list li.warning strong{color:var(--orange)}.qaqc-reference-list li.pending{color:var(--muted)}.qaqc-reference-list time{color:var(--muted)}.link-action{display:inline-flex;align-items:center;gap:5px;min-height:24px;border:0;color:var(--teal);background:transparent;font-size:11px;font-weight:650}.eos-reference-list,.version-info-panel dl,.publication-panel dl{display:grid;margin:7px 0;border-top:1px solid var(--line)}.eos-reference-list div,.version-info-panel dl div,.publication-panel dl div{display:grid;grid-template-columns:minmax(90px,1fr) minmax(70px,auto);gap:10px;min-height:24px;align-items:center;border-bottom:1px solid var(--line);font-size:11px}dt{color:var(--muted)}dd{margin:0;color:#25323d}.version-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.publication-panel button{min-height:26px;padding:0 10px;border:1px solid var(--line-strong);border-radius:3px;color:var(--teal);background:var(--surface-soft);font-size:11px;font-weight:650}.published-version{color:var(--green);font-weight:750}.comparison-reference-panel{margin-top:10px;padding:0}.comparison-header{justify-content:flex-start;min-height:34px;padding:0 12px;border-bottom:1px solid var(--line)}.comparison-header span{padding:2px 7px;border:1px solid var(--line);border-radius:4px;color:var(--muted);font-size:11px}.comparison-table-wrap{overflow-x:auto}.reference-comparison-table{width:100%;min-width:1280px;border-collapse:collapse;font-size:11px}.reference-comparison-table th,.reference-comparison-table td{padding:8px 10px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);text-align:center;vertical-align:middle}.reference-comparison-table th{color:#485966;background:#f8fbfd;font-weight:650}.reference-comparison-table td{background:var(--surface)}.reference-comparison-table tbody tr{cursor:pointer}.reference-comparison-table tbody tr:hover td{background:#f2fafb}.reference-comparison-table td:nth-child(1),.reference-comparison-table td:nth-child(6),.reference-comparison-table td:nth-child(16){text-align:left}.version-cell strong{display:grid;gap:3px}.version-cell small{width:max-content;padding:1px 5px;border-radius:3px;color:#fff;background:var(--blue);font-size:10px}.candidate-version{color:#075dc5}.status-qaqc{color:#075dc5;font-weight:650}.status-published,.qaqc-ok{color:var(--green);font-weight:650}.qaqc-warn{color:var(--orange);font-weight:650}.table-more{display:grid;place-items:center;width:26px;height:26px;margin:0 auto;border:0;background:transparent}.comparison-actions{display:flex;justify-content:space-between;align-items:center;min-height:52px;padding:0 12px}.comparison-actions button{display:inline-flex;align-items:center;gap:6px;min-height:30px;border:1px solid var(--teal);border-radius:3px;color:var(--teal);background:var(--surface);font-size:12px;font-weight:650}.comparison-actions button:last-child{border-color:transparent}.context-drawer{display:grid;gap:10px;margin-top:10px;padding:10px;border:1px solid var(--line);border-left:4px solid var(--teal);border-radius:4px;background:var(--surface);box-shadow:0 1px 2px #142d4108}.context-drawer-header{display:flex;align-items:start;justify-content:space-between;gap:12px}.context-drawer-header span{color:var(--muted);font-size:11px}.context-drawer-header h2{margin:2px 0 0;font-size:14px}.context-drawer-header button{display:grid;place-items:center;width:28px;height:28px;border:0;border-radius:3px;color:var(--muted);background:var(--surface-soft)}.drawer-section-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;align-items:start}.drawer-metric,.drawer-note,.drawer-table{border:1px solid var(--line);border-radius:3px;background:#fbfdfe}.drawer-metric{display:grid;gap:4px;min-height:54px;padding:8px}.drawer-metric span,.drawer-table span{color:var(--muted);font-size:11px}.drawer-metric strong,.drawer-table strong{color:#25323d;font-size:12px}.drawer-note{grid-column:span 2;min-height:54px;margin:0;padding:8px;color:#344653;font-size:12px;line-height:1.35}.drawer-table{grid-column:span 3;display:grid}.drawer-table h3{margin:0;padding:8px;border-bottom:1px solid var(--line);font-size:12px}.drawer-table div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;min-height:28px;padding:0 8px;border-bottom:1px solid var(--line)}.drawer-table div:last-child{border-bottom:0}.drawer-primary-action{grid-column:span 1;color:#fff;border-color:var(--teal);background:var(--teal)}.drawer-primary-action:disabled{cursor:not-allowed;color:#93a2ad;border-color:var(--line-strong);background:#f4f7fa}.fatal-state,.loading-screen,.inline-error{padding:16px;border:1px solid #dfb3ac;border-radius:4px;color:#7e1f16;background:#fff4f2}.loading-screen{max-width:420px;margin:20vh auto 0;color:var(--muted);background:var(--surface);border-color:var(--line)}.fatal-state{display:grid;gap:10px;max-width:720px;margin:15vh auto 0}.fatal-state code{padding:10px;border-radius:4px;background:#fff;overflow-x:auto}@media(max-width:1260px){.app-header{grid-template-columns:300px 1fr}.header-actions{display:none}.reference-main-grid,.details-grid,.version-info-grid{grid-template-columns:1fr}.reference-main-grid{min-width:0}}@media(max-width:760px){.app-header{position:static;grid-template-columns:1fr;height:auto;padding:10px 12px}.header-brand{min-width:0}.reference-body{display:block}.reference-sidebar{position:static;height:auto;overflow-x:auto;border-bottom:1px solid var(--line)}.reference-sidebar nav{display:flex}.reference-sidebar nav button{min-width:max-content;grid-template-columns:18px auto;padding:0 12px}.collapse-button{display:none}.reference-workspace{padding:10px}.map-filters,.model-selector-row,.qaqc-reference-list li,.qaqc-reference-list li button,.comparison-actions,.demo-flow-meta,.demo-action-grid,.workflow-trace,.drawer-section-grid{display:grid;grid-template-columns:1fr}.drawer-note,.drawer-table,.drawer-primary-action{grid-column:span 1}.reference-map-frame,.reference-field-map{min-height:420px;height:420px}.reference-lifecycle{grid-template-columns:1fr;gap:8px}.reference-lifecycle li{display:grid;grid-template-columns:34px 1fr auto auto;justify-items:start;text-align:left}.reference-lifecycle li:before{display:none}}