:root{color:#18202b;font-synthesis:none;text-rendering:optimizelegibility;--surface:#fff;--surface-subtle:#f7f8fa;--surface-muted:#eef1f4;--line:#dfe3e8;--line-strong:#cbd1d9;--text:#18202b;--text-muted:#697383;--accent:#176b5b;--accent-strong:#0e594b;--accent-soft:#dceee9;--danger:#b42318;--warning:#a15c05;--shadow:0 12px 30px #14202d1a;background:#f4f5f7;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}body{min-width:760px;overflow:hidden}button,input,select{font:inherit}button{color:inherit}.app-shell{background:#f4f5f7;flex-direction:column;height:100%;display:flex}.app-header{background:var(--surface);border-bottom:1px solid var(--line);z-index:20;grid-template-columns:minmax(240px,1fr) auto minmax(170px,1fr);align-items:center;gap:24px;min-height:76px;padding:11px 18px;display:grid}.brand{align-items:center;gap:11px;min-width:0;display:flex}.brand-mark{color:#fff;background:var(--accent);border-radius:10px;place-items:center;width:38px;height:38px;display:grid}.brand h1,.pane-heading h2,.map-heading h2{margin:1px 0 0;font-size:16px;line-height:1.2}.eyebrow{color:var(--text-muted);letter-spacing:.1em;text-transform:uppercase;font-size:10px;font-weight:700;display:block}.toolbar{align-items:center;gap:8px;display:flex}.search-field{width:min(310px,28vw);color:var(--text-muted);background:var(--surface-subtle);border:1px solid var(--line);border-radius:8px;align-items:center;gap:7px;padding:8px 10px;display:flex}.search-field:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.search-field input{width:100%;min-width:0;color:var(--text);background:0 0;border:0;outline:0}.search-field button,.icon-button,.capability-node button{cursor:pointer;background:0 0;border:0;border-radius:5px;place-items:center;padding:2px;display:grid}.toolbar-button,.filter-menu>summary,.export-menu>summary{background:var(--surface);border:1px solid var(--line);cursor:pointer;white-space:nowrap;border-radius:8px;align-items:center;gap:7px;min-height:36px;padding:7px 10px;display:flex}.toolbar-button:hover,.filter-menu>summary:hover,.export-menu>summary:hover{background:var(--surface-subtle);border-color:var(--line-strong)}.toolbar-button:disabled{opacity:.5;cursor:wait}.view-profile-control{min-height:36px;color:var(--text-muted);background:var(--surface);border:1px solid var(--line);border-radius:8px;align-items:center;gap:6px;padding:0 8px;display:flex}.view-profile-control:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.view-profile-control select{max-width:100px;color:var(--text);cursor:pointer;background:0 0;border:0;outline:0}.filter-menu{position:relative}.filter-menu>summary{list-style:none}.filter-menu>summary::-webkit-details-marker{display:none}.export-menu>summary::-webkit-details-marker{display:none}.filter-menu>summary.active{color:var(--accent-strong);background:var(--accent-soft);border-color:#9ccdc2}.filter-menu>summary span{color:#fff;background:var(--accent);border-radius:99px;place-items:center;min-width:18px;height:18px;padding:0 4px;font-size:11px;display:grid}.filter-popover{background:var(--surface);border:1px solid var(--line);width:310px;max-height:min(610px,70vh);box-shadow:var(--shadow);z-index:100;border-radius:11px;padding:14px;position:absolute;top:calc(100% + 8px);right:0;overflow:auto}.filter-popover__heading{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.filter-popover__heading button{color:var(--accent-strong);cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;padding:4px 6px;display:flex}.filter-popover fieldset{border:0;border-top:1px solid var(--line);margin:0;padding:11px 0}.filter-popover legend{color:var(--text-muted);letter-spacing:.05em;text-transform:uppercase;margin-bottom:7px;font-size:11px;font-weight:700}.filter-popover label{cursor:pointer;align-items:center;gap:8px;padding:5px 0;display:flex}.filter-popover input{accent-color:var(--accent)}.export-menu{position:relative}.export-menu>summary{list-style:none}.export-menu>summary[aria-disabled=true]{opacity:.5;cursor:wait}.export-popover{background:var(--surface);border:1px solid var(--line);width:235px;box-shadow:var(--shadow);z-index:100;border-radius:10px;padding:7px;position:absolute;top:calc(100% + 8px);right:0}.export-popover button{width:100%;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:7px;align-items:center;gap:10px;padding:9px;display:flex}.export-popover button:hover{background:var(--surface-subtle)}.export-popover button>span{gap:2px;display:grid}.export-popover strong{font-size:12px}.export-popover small{color:var(--text-muted);font-size:10px}.document-status{color:var(--text-muted);justify-content:flex-end;align-items:center;gap:7px;font-size:12px;display:flex}.status-dot{border-radius:50%;width:8px;height:8px}.status-dot.current{background:#238636;box-shadow:0 0 0 3px #daf3df}.status-dot.stale{background:#d97706;box-shadow:0 0 0 3px #ffedcc}.workspace{flex:1;gap:10px;min-height:0;padding:10px;display:flex}.editor-column{background:var(--surface);border:1px solid var(--line);resize:horizontal;border-radius:10px;flex-direction:column;flex:0 0 clamp(310px,31vw,520px);min-width:290px;max-width:50vw;display:flex;overflow:hidden}.editor-pane{flex-direction:column;flex:1;min-height:0;display:flex}.pane-heading,.map-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:58px;padding:11px 14px;display:flex}.schema-badge,.stale-badge{color:var(--accent-strong);background:var(--accent-soft);border-radius:99px;padding:3px 7px;font-size:10px;font-weight:700}.yaml-editor{flex:1;min-height:0;font-size:12px;overflow:hidden}.yaml-editor .cm-editor,.yaml-editor .cm-scroller{height:100%}.yaml-editor .cm-editor.cm-focused{outline:none}.yaml-editor .cm-gutters{border-right:1px solid var(--line);background:#f8f9fa}.diagnostic-summary{border-top:1px solid var(--line);align-items:center;gap:7px;min-height:37px;padding:8px 12px;font-size:12px;display:flex}.diagnostic-summary.valid{color:#18702b;background:#f0faf2}.diagnostic-summary.pending{color:var(--text-muted);background:var(--surface-subtle)}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.diagnostics{background:#fff5f4;border-top:1px solid #f1b4ae;max-height:200px;overflow:auto}.diagnostics summary{color:var(--danger);cursor:pointer;align-items:center;gap:7px;padding:9px 12px;font-size:12px;font-weight:700;display:flex}.diagnostics ul{margin:0;padding:0 12px 10px 30px}.diagnostics li{margin:5px 0;font-size:11px}.diagnostics li strong{margin-right:6px}.diagnostics li code{color:var(--danger);margin-right:6px}.map-pane{background:var(--surface);border:1px solid var(--line);border-radius:10px;flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.map-heading{flex:0 0 58px}.map-meta{color:var(--text-muted);align-items:center;gap:8px;font-size:11px;display:flex}.export-feedback{color:#18702b}.export-feedback.error{color:var(--danger)}.stale-badge{color:#8c4d00;background:#ffedcc}.map-canvas{background:#f8f9fb;flex:1;min-height:0;position:relative}.map-flow-host{width:100%;height:100%}.map-empty{height:100%;color:var(--text-muted);text-align:center;place-content:center;gap:5px;display:grid}.panel-loading{height:100%;color:var(--text-muted);flex:1;place-content:center;font-size:12px;display:grid}.focus-breadcrumb{border-bottom:1px solid var(--line);white-space:nowrap;background:#f8fafb;align-items:center;min-height:34px;padding:5px 13px;font-size:11px;display:flex;overflow-x:auto}.focus-breadcrumb span{align-items:center;display:flex}.focus-breadcrumb button{cursor:pointer;background:0 0;border:0;padding:2px 4px}.focus-breadcrumb button:hover:not(:disabled){color:var(--accent);text-decoration:underline}.focus-breadcrumb button:disabled{color:var(--text);cursor:default;opacity:1;font-weight:700}.react-flow__node-capability,.react-flow__node-capabilityGroup{background:0 0;border:0}.capability-group{background:color-mix(in srgb, var(--group-color) 78%, white);border:1px solid color-mix(in srgb, var(--group-color) 72%, #75808d);border-radius:10px;width:100%;height:100%;position:relative;box-shadow:inset 0 0 0 1px #ffffff61}.capability-group.auto-collapsed{border-style:dashed}.capability-group__label{color:#4c5867;cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;margin:0;display:flex;position:absolute}.capability-group__label strong{letter-spacing:.035em;overflow-wrap:anywhere;white-space:normal;font-size:12px;font-weight:700;line-height:1.2}.capability-group.vertical .capability-group__label{height:var(--group-label-size);text-align:left;border-bottom:1px solid #46526021;padding:7px 10px;top:0;left:0;right:0}.capability-group.horizontal .capability-group__label{width:var(--group-label-size);text-align:center;border-right:1px solid #46526021;justify-content:center;padding:10px;top:0;bottom:0;left:0}.capability-group.horizontal:not(.collapsed) .capability-group__label strong{white-space:nowrap;writing-mode:vertical-rl;line-height:1;transform:rotate(180deg)}.capability-group__label:hover strong{color:var(--accent-strong)}.capability-group.collapsed .capability-group__label{border:0;width:auto;height:auto;padding:0;inset:0}.capability-group.collapsed.horizontal .capability-group__label strong{white-space:nowrap;padding:0 8px;font-size:11px;line-height:1}.capability-group.collapsed.horizontal.collapsed-track-fill .capability-group__label strong{overflow-wrap:anywhere;white-space:normal;writing-mode:vertical-rl;padding:8px 0;line-height:1;transform:rotate(180deg)}.capability-group.collapsed.vertical .capability-group__label strong{overflow-wrap:anywhere;white-space:normal;writing-mode:vertical-rl;font-size:11px;line-height:1;transform:rotate(180deg)}.capability-group.collapsed.vertical.collapsed-band-fill .capability-group__label{text-align:center;justify-content:center;padding:0 8px}.capability-group.collapsed.vertical.collapsed-band-fill .capability-group__label strong{writing-mode:horizontal-tb;transform:none}.capability-node{width:100%;height:100%;color:var(--cap-text);transition:opacity .16s,filter .16s;position:relative;overflow:visible}.capability-node__surface{pointer-events:none;filter:drop-shadow(0 2px 3px #161f2912);width:100%;height:100%;position:absolute;inset:0;overflow:visible}.capability-node__shape{vector-effect:non-scaling-stroke}.capability-node__state-outline{fill:none;stroke:#0000;stroke-linejoin:round;vector-effect:non-scaling-stroke}.capability-node__content{position:absolute;overflow:hidden}.capability-node.selected{filter:drop-shadow(0 4px 6px #12202b29)}.capability-node.selected .capability-node__state-outline{stroke:#0a705e7a;stroke-width:4px}.capability-node.search-match{filter:drop-shadow(0 4px 7px #281e0a2e)}.capability-node.search-match .capability-node__state-outline{stroke:#f8b84e;stroke-width:5px}.capability-node.context-only{opacity:.48}.capability-node__header{background:linear-gradient(#ffffff24,#ffffff03);border-bottom:1px solid #141e2821;align-items:center;gap:8px;height:47px;padding:0 9px;display:flex}.capability-node__header strong{overflow-wrap:anywhere;text-overflow:ellipsis;white-space:normal;-webkit-box-orient:vertical;min-width:0;font-size:15px;line-height:1.15;display:-webkit-box;overflow:hidden}.capability-node__icon{flex:none}.capability-node__actions{opacity:.22;margin-left:auto;transition:opacity .16s;display:flex}.capability-node:hover .capability-node__actions,.capability-node.selected .capability-node__actions{opacity:1}.capability-node button{color:inherit}.capability-node button:hover{background:#ffffff3d}.capability-node.compact .capability-node__header{border:0;height:100%;min-height:35px;padding:0 7px}.capability-node.compact .capability-node__header strong{font-size:12px}.capability-node.minimal .capability-node__header{justify-content:center;padding:2px 4px}.capability-node.minimal .capability-node__header strong{text-align:center;font-size:10px}.capability-node.minimal .capability-node__actions{position:absolute;right:2px}.capability-node.shape-chevron .capability-node__header{border:0}.hidden-count{z-index:2;color:var(--cap-text);background:#ffffff40;border-radius:99px;align-items:center;gap:3px;padding:3px 5px;font-size:9px;font-weight:700;display:flex;position:absolute;bottom:6px;right:7px}.react-flow__controls{border:1px solid var(--line);border-radius:8px;overflow:hidden;box-shadow:0 4px 12px #141e281a}.detail-panel{background:var(--surface);border:1px solid var(--line);width:300px;box-shadow:var(--shadow);border-radius:10px;flex:0 0 300px;padding:16px;overflow-y:auto}.detail-panel__top{justify-content:space-between;align-items:center;display:flex}.icon-button{width:30px;height:30px}.icon-button:hover{background:var(--surface-muted)}.detail-title{align-items:center;gap:11px;margin:11px 0 14px;display:flex}.detail-title h2{margin:0 0 3px;font-size:18px}.detail-title code{color:var(--text-muted);font-size:10px}.detail-icon{border:1px solid #0a141e1f;border-radius:10px;flex:none;place-items:center;width:43px;height:43px;display:grid}.detail-actions{border-bottom:1px solid var(--line);gap:7px;padding-bottom:13px;display:flex}.detail-actions button{color:var(--accent-strong);background:var(--accent-soft);cursor:pointer;border:0;border-radius:7px;align-items:center;gap:5px;padding:6px 8px;display:flex}.detail-panel section{border-bottom:1px solid var(--line);padding:13px 0}.detail-panel section:last-child{border:0}.detail-panel h3{color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;margin:0 0 7px;font-size:10px}.detail-panel p{margin:0;font-size:12px;line-height:1.5}.detail-panel ul{margin:0;padding-left:18px;font-size:12px}.with-icon{align-items:center;gap:6px;display:flex}.tag-list{flex-wrap:wrap;gap:5px;display:flex}.tag-list span{color:var(--accent-strong);background:var(--accent-soft);border-radius:99px;padding:3px 7px;font-size:10px}.metadata-list{margin:0}.metadata-list>div{grid-template-columns:minmax(80px,.8fr) 1.2fr;gap:8px;padding:5px 0;font-size:11px;display:grid}.metadata-list dt{color:var(--text-muted)}.metadata-list dd{overflow-wrap:anywhere;white-space:pre-wrap;margin:0}.compact-list dd{align-items:center;gap:5px;display:flex}.color-dot{border:1px solid #00000026;border-radius:3px;width:12px;height:12px}.breadcrumb{flex-wrap:wrap;gap:3px;display:flex}.breadcrumb span{color:var(--text-muted);align-items:center;gap:2px;font-size:10px;display:flex}.hierarchy-count{color:var(--text-muted);margin-top:8px!important;font-size:10px!important}.tablet-tabs{display:none}@media (width<=1100px){.app-header{grid-template-columns:1fr auto;gap:12px}.brand{grid-column:1}.document-status{grid-area:1/2}.toolbar{grid-area:2/1/auto/-1}.app-header{min-height:116px}.tablet-tabs{gap:5px;padding:7px 10px 0;display:flex}.tablet-tabs button{background:0 0;border:1px solid #0000;border-radius:7px;align-items:center;gap:6px;padding:7px 12px;display:flex}.tablet-tabs button.active{color:var(--accent-strong);background:var(--accent-soft);border-color:#b9dcd4}.workspace{padding-top:7px}.workspace .editor-column,.workspace .map-pane{display:none}.workspace.tablet-editor .editor-column{resize:none;flex:1;max-width:none;display:flex}.workspace.tablet-map .map-pane{display:flex}.detail-panel{z-index:50;position:absolute;top:130px;bottom:10px;right:10px}}