.mdcc-dgm{margin:var(--space-7) 0;background:var(--bg-1);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--fg-0);font-family:var(--font-body);flex-direction:column;display:flex;position:relative;overflow:hidden}.mdcc-dgm :where(ul,ol,li,figure,p,h1,h2,h3,h4){margin:0;padding:0;list-style:none}.mdcc-dgm *,.mdcc-dgm :before,.mdcc-dgm :after{box-sizing:border-box}.mdcc-dgm-accent{color:var(--accent)}.mdcc-dgm-mono{font-family:var(--font-mono)}.mdcc-dgm-sr{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.mdcc-dgm-wm{z-index:0;font-family:var(--font-mono);letter-spacing:-.05em;color:var(--bg-3);-webkit-user-select:none;user-select:none;pointer-events:none;font-size:clamp(96px,16vw,156px);font-weight:700;line-height:.8;position:absolute;bottom:-38px;right:-6px}.mdcc-dgm-stamp{z-index:2;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border-subtle);display:flex;position:relative}.mdcc-dgm-tick{border-radius:var(--radius-pill);background:var(--accent);flex:0 0 6px;width:6px;height:6px}.mdcc-dgm-part{font-family:var(--font-mono);font-size:var(--type-xs);letter-spacing:var(--tracking-sku,.06em);color:var(--fg-2)}.mdcc-dgm-name{font-family:var(--font-display);font-size:var(--type-sm);color:var(--fg-1);margin-left:auto;font-weight:600}.mdcc-dgm-body{z-index:1;padding:var(--space-6);flex-direction:column;justify-content:center;display:flex;position:relative}.mdcc-dgm--dense .mdcc-dgm-body{padding:var(--space-5)}.mdcc-dgm-cap{z-index:2;padding:var(--space-4) var(--space-5);border-top:1px solid var(--border-subtle);font-size:var(--type-sm);line-height:var(--lh-sm);color:var(--fg-1);position:relative}.mdcc-dgm-am{gap:var(--space-8);flex-direction:column;min-height:360px;display:flex;position:relative}.mdcc-dgm-am-wires{z-index:0;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.mdcc-dgm-am-leader{fill:none;stroke:var(--border-strong);stroke-width:1.2px;stroke-dasharray:2 4;stroke-linecap:round}.mdcc-dgm-am-arc{fill:none;stroke:var(--accent);stroke-width:1.4px;opacity:.85;vector-effect:non-scaling-stroke}.mdcc-dgm-am-shell{z-index:1;padding:var(--space-4) var(--space-5);background:var(--bg-2);border:1px solid var(--border-default);border-radius:var(--radius-md);gap:var(--space-4);flex-direction:column;display:flex;position:relative}.mdcc-dgm-am-shell-hd{align-items:center;gap:var(--space-3);display:flex}.mdcc-dgm-am-shell-glyph{color:var(--fg-1)}.mdcc-dgm-am-shell-name{font-family:var(--font-display);font-size:var(--type-md);color:var(--fg-0);font-weight:650}.mdcc-dgm-am-shell-sub{font-family:var(--font-mono);font-size:var(--type-xs);color:var(--fg-2)}.mdcc-dgm-am-tiles{gap:var(--space-4);align-items:stretch;display:flex}.mdcc-dgm-am-tile{min-width:0;padding:var(--space-3) var(--space-4);background:var(--bg-1);border:1px solid var(--border-default);border-radius:var(--radius-sm);gap:var(--space-1);flex-direction:column;flex:1;display:flex}.mdcc-dgm-am-tile-hd{align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-size:var(--type-sm);color:var(--fg-0);display:flex}.mdcc-dgm-am-tile-sku{font-family:var(--font-mono);letter-spacing:.04em;color:var(--fg-2);font-size:10px}.mdcc-dgm-am-tile-note{font-size:var(--type-xs);color:var(--fg-1);margin-top:auto}.mdcc-dgm-am-cli{padding:var(--space-3);background:var(--bg-1);border:1px solid var(--border-strong);border-radius:var(--radius-sm);justify-content:center;align-items:flex-start;gap:var(--space-1);flex-direction:column;flex:0 0 150px;display:flex}.mdcc-dgm-am-cli-glyph{color:var(--fg-1)}.mdcc-dgm-am-cli-name{font-family:var(--font-mono);font-size:var(--type-md);color:var(--fg-0);font-weight:600}.mdcc-dgm-am-cli-sub{font-family:var(--font-mono);color:var(--fg-2);font-size:10px}.mdcc-dgm-am-cards{z-index:1;gap:var(--space-6);grid-template-columns:1fr 1fr;display:grid;position:relative}.mdcc-dgm-am-card{padding:var(--space-4);background:var(--bg-1);border:1px solid var(--border-default);border-radius:var(--radius-sm);gap:var(--space-3);flex-direction:column;display:flex}.mdcc-dgm-am-card[data-owner=design]{border-color:var(--accent-muted)}.mdcc-dgm-am-card-hd{align-items:center;gap:var(--space-2);font-size:var(--type-sm);color:var(--fg-0);display:flex}.mdcc-dgm-am-card-hd .mdcc-dgm-mono{font-family:var(--font-mono);font-weight:600}.mdcc-dgm-am-card-owner{font-family:var(--font-mono);color:var(--fg-2);margin-left:auto;font-size:10px}.mdcc-dgm-am-tree{gap:var(--space-1);flex-direction:column;display:flex}.mdcc-dgm-am-tree li{gap:var(--space-3);font-family:var(--font-mono);font-size:var(--type-xs);color:var(--fg-1);display:flex}.mdcc-dgm-am-glyph{color:var(--fg-2)}.mdcc-dgm-flow{align-items:stretch;gap:var(--space-2);display:flex}.mdcc-dgm-flow-cell{min-width:168px;padding:var(--space-5) var(--space-4) var(--space-4);background:var(--bg-1);border:1px solid var(--border-default);border-radius:var(--radius-sm);gap:var(--space-2);flex-direction:column;flex:1;min-height:124px;display:flex}.mdcc-dgm-flow-cell.is-last{border-color:var(--accent-muted)}.mdcc-dgm-flow-num{font-family:var(--font-mono);font-size:var(--type-xs);letter-spacing:.08em;color:var(--fg-2)}.mdcc-dgm-flow-cmd{font-family:var(--font-mono);font-size:var(--type-md);color:var(--fg-0);font-weight:600}.mdcc-dgm-flow-cell.is-last .mdcc-dgm-flow-cmd{color:var(--accent)}.mdcc-dgm-flow-cap{font-size:var(--type-xs);line-height:var(--lh-xs);color:var(--fg-1);margin-top:auto}.mdcc-dgm-flow-conn{color:var(--fg-2);flex:0 0 22px;justify-content:center;align-self:center;align-items:center;display:inline-flex}.mdcc-dgm-loop-body{padding:var(--space-4);align-items:center}.mdcc-dgm-loop{aspect-ratio:1;width:100%;max-width:460px;margin:0 auto;position:relative}.mdcc-dgm-loop-wires{z-index:0;width:100%;height:100%;position:absolute;inset:0}.mdcc-dgm-loop-arc{fill:none;stroke:var(--border-strong);stroke-width:1.3px;vector-effect:non-scaling-stroke}.mdcc-dgm-loop-arc.is-closing{stroke:var(--accent);stroke-dasharray:4 3;opacity:.9}.mdcc-dgm-loop-hub{z-index:1;align-items:center;gap:var(--space-1);text-align:center;flex-direction:column;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.mdcc-dgm-loop-hub-title{font-family:var(--font-display);font-size:var(--type-base);color:var(--fg-1);font-weight:600}.mdcc-dgm-loop-hub-sub{font-family:var(--font-mono);font-size:var(--type-xs);color:var(--fg-2)}.mdcc-dgm-loop-node{z-index:2;width:23%;min-width:84px;padding:var(--space-3) var(--space-2);background:var(--bg-1);border:1px solid var(--border-default);border-radius:var(--radius-sm);text-align:center;flex-direction:column;align-items:center;gap:2px;display:flex;position:absolute;transform:translate(-50%,-50%)}.mdcc-dgm-loop-node.is-active{border-color:var(--accent-muted);background:var(--accent-tint)}.mdcc-dgm-loop-node-cmd{font-family:var(--font-mono);font-size:var(--type-sm);color:var(--fg-0);font-weight:600}.mdcc-dgm-loop-node.is-active .mdcc-dgm-loop-node-cmd{color:var(--accent)}.mdcc-dgm-loop-node-cap{color:var(--fg-2);font-size:10px;line-height:13px}.mdcc-dgm-loop-node-flag{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--accent);margin-top:2px;font-size:9px}.mdcc-dgm-tree{gap:var(--space-3);flex-direction:column;display:flex}.mdcc-dgm-tree-root{align-items:center;gap:var(--space-2);font-size:var(--type-sm);color:var(--fg-0);display:flex}.mdcc-dgm-tree-root .mdcc-dgm-mono{font-weight:600}.mdcc-dgm-tree-list{flex-direction:column;display:flex}.mdcc-dgm-tree-group{align-items:baseline;gap:var(--space-3);margin-top:var(--space-3);padding-bottom:var(--space-1);border-bottom:1px solid var(--border-subtle);display:flex}.mdcc-dgm-tree-group:first-child{margin-top:0}.mdcc-dgm-tree-group-label{font-family:var(--font-mono);font-size:var(--type-sm);color:var(--fg-0);font-weight:600}.mdcc-dgm-tree-group-note{font-size:var(--type-xs);color:var(--fg-2)}.mdcc-dgm-tree-leaf{align-items:center;gap:var(--space-3);padding:3px var(--space-2) 3px var(--space-4);font-family:var(--font-mono);font-size:var(--type-sm);color:var(--fg-1);border-radius:var(--radius-xs);text-decoration:none;display:flex}.mdcc-dgm-tree-leaf:hover{color:var(--accent);background:var(--bg-2)}.mdcc-dgm-tree-glyph{color:var(--fg-2)}.mdcc-dgm-tree-more{padding:3px var(--space-2) 3px var(--space-4);font-family:var(--font-mono);font-size:var(--type-xs);color:var(--fg-2)}.mdcc-dgm-tree-foot{margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--border-subtle);font-size:var(--type-xs);color:var(--fg-2)}.mdcc-dgm-tree-foot .mdcc-dgm-mono{color:var(--fg-0);font-weight:600}.mdcc-dgm-ft{font-family:var(--font-mono);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);overflow:hidden}.mdcc-dgm-ft-row{justify-content:space-between;align-items:center;gap:var(--space-4);padding:5px var(--space-4) 5px 0;font-size:var(--type-sm);color:var(--fg-1);border-left:2px solid #0000;display:flex}.mdcc-dgm-ft-row.is-root{color:var(--fg-0);font-weight:600}.mdcc-dgm-ft-row.is-add{background:var(--accent-tint);border-left-color:var(--accent-muted);color:var(--fg-0)}.mdcc-dgm-ft-name{align-items:center;gap:var(--space-2);min-width:0;display:inline-flex}.mdcc-dgm-ft-glyph{color:var(--fg-2)}.mdcc-dgm-ft-row.is-add .mdcc-dgm-ft-label{color:var(--accent)}.mdcc-dgm-ft-hint{font-size:var(--type-xs);color:var(--fg-2);flex:none}.mdcc-dgm-ft-row.is-add .mdcc-dgm-ft-hint{color:var(--accent)}.mdcc-dgm-stat{grid-template-columns:repeat(var(--mdcc-dgm-stat-cols,5), 1fr);border:1px solid var(--border-default);border-radius:var(--radius-sm);display:grid;overflow:hidden}.mdcc-dgm-stat-cell{padding:var(--space-5) var(--space-4);gap:var(--space-1);border-left:1px solid var(--border-default);flex-direction:column;display:flex}.mdcc-dgm-stat-cell:first-child{border-left:none}.mdcc-dgm-stat-val{font-family:var(--font-mono);font-size:var(--type-3xl);color:var(--fg-0);letter-spacing:-.02em;font-weight:600;line-height:1}.mdcc-dgm-stat-cell:last-child .mdcc-dgm-stat-val{color:var(--accent)}.mdcc-dgm-stat-label{font-size:var(--type-xs);color:var(--fg-1);margin-top:var(--space-2)}.mdcc-dgm-stat-hint{font-family:var(--font-mono);color:var(--fg-2);font-size:10px}.mdcc-dgm-ins{gap:var(--space-6);grid-template-columns:1fr 240px;align-items:stretch;display:grid}.mdcc-dgm-ins-browser{background:var(--bg-2);border:1px solid var(--border-default);border-radius:var(--radius-md);flex-direction:column;display:flex;overflow:hidden}.mdcc-dgm-ins-chrome{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-subtle);background:var(--bg-1);display:flex}.mdcc-dgm-ins-dot{border-radius:var(--radius-pill);border:1px solid var(--border-strong);width:7px;height:7px}.mdcc-dgm-ins-url{margin-left:var(--space-3);align-items:center;gap:var(--space-2);padding:3px var(--space-3);background:var(--bg-3);border:1px solid var(--border-subtle);border-radius:var(--radius-xs);font-family:var(--font-mono);font-size:var(--type-xs);color:var(--fg-1);flex:1;display:inline-flex}.mdcc-dgm-ins-stage{min-height:220px;padding:var(--space-5);gap:var(--space-4);background-color:var(--bg-0);background-image:radial-gradient(var(--canvas-dot) 1px, transparent 1px);background-size:var(--canvas-grid) var(--canvas-grid);flex:1;align-items:stretch;display:flex}.mdcc-dgm-ins-art{min-width:0;padding:var(--space-3);background:var(--bg-1);border:1px solid var(--border-default);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--type-xs);color:var(--fg-2);flex:1}.mdcc-dgm-ins-art.is-target{flex-direction:column;display:flex}.mdcc-dgm-ins-skel{margin-top:var(--space-3);flex-direction:column;gap:5px;display:flex}.mdcc-dgm-ins-skel span{border-radius:var(--radius-pill);background:var(--bg-3);height:6px}.mdcc-dgm-ins-skel span:nth-child(2){width:70%}.mdcc-dgm-ins-skel span:nth-child(3){width:50%}.mdcc-dgm-ins-el{margin-top:var(--space-4);padding:var(--space-3) var(--space-2);background:var(--bg-2);border:1px solid var(--border-default);border-radius:var(--radius-xs);color:var(--fg-1);text-align:center;font-size:10px;position:relative}.mdcc-dgm-ins-halo{border:1px solid var(--accent);border-radius:var(--radius-sm);pointer-events:none;position:absolute;inset:-4px}.mdcc-dgm-ins-halo-ring{border:1px solid var(--accent-muted);border-radius:var(--radius-md);pointer-events:none;position:absolute;inset:-8px}.mdcc-dgm-ins-notes{justify-content:center;gap:var(--space-5);flex-direction:column;display:flex}.mdcc-dgm-ins-notes li{align-items:center;gap:var(--space-3);padding-left:var(--space-5);font-size:var(--type-xs);line-height:var(--lh-xs);color:var(--fg-1);display:flex;position:relative}.mdcc-dgm-ins-notes .mdcc-dgm-mono{color:var(--fg-0)}.mdcc-dgm-ins-tick{width:var(--space-4);border-top:1px solid var(--border-strong);height:0;position:absolute;top:50%;left:0}.mdcc-dgm-ins-tick:before{content:"";background:var(--accent);width:1px;height:5px;position:absolute;top:-2px;left:0}.mdcc-dgm-schema{gap:var(--space-5);flex-direction:column;display:flex}.mdcc-dgm-schema-panels{gap:var(--space-4);grid-template-columns:1fr 1fr 1fr;display:grid}.mdcc-dgm-schema-panel{background:var(--bg-1);border:1px solid var(--border-default);border-radius:var(--radius-sm);overflow:hidden}.mdcc-dgm-schema-hd{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--bg-2);border-bottom:1px solid var(--border-subtle);font-family:var(--font-mono);font-size:var(--type-xs);color:var(--fg-0);display:flex}.mdcc-dgm-schema-rows{flex-direction:column;display:flex}.mdcc-dgm-schema-row{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-top:1px solid var(--border-subtle);display:flex}.mdcc-dgm-schema-row:first-child{border-top:none}.mdcc-dgm-schema-key{font-family:var(--font-mono);font-size:var(--type-xs);color:var(--fg-0)}.mdcc-dgm-schema-type{font-family:var(--font-mono);color:var(--fg-2);font-size:10px}.mdcc-dgm-schema-flow{justify-content:center;align-items:center;gap:var(--space-3);padding-top:var(--space-4);border-top:1px solid var(--border-subtle);flex-wrap:wrap;display:flex}.mdcc-dgm-schema-flow-step{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--bg-2);border:1px solid var(--border-subtle);border-radius:var(--radius-pill);font-family:var(--font-mono);font-size:var(--type-xs);color:var(--fg-1);display:inline-flex}.mdcc-dgm-schema-flow-arrow{color:var(--fg-2);flex:none}@media (max-width:640px){.mdcc-dgm-am{gap:var(--space-5);min-height:0}.mdcc-dgm-am-wires{display:none}.mdcc-dgm-am-tiles{flex-direction:column}.mdcc-dgm-am-cli{flex:auto}.mdcc-dgm-am-cards{grid-template-columns:1fr}.mdcc-dgm-flow{scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;overflow-x:auto}.mdcc-dgm-flow-cell{scroll-snap-align:start;min-width:200px}.mdcc-dgm-ins,.mdcc-dgm-schema-panels{grid-template-columns:1fr}.mdcc-dgm-stat{grid-template-columns:repeat(2,1fr)}.mdcc-dgm-stat-cell:nth-child(odd){border-left:none}.mdcc-dgm-stat-cell:nth-child(n+3){border-top:1px solid var(--border-default)}}