#connected-explorer{border-top:1px solid #d8e4ec;margin-top:24px;padding-top:22px;font-size:14px;line-height:1.6}#connected-explorer h3{font-size:21px;margin:18px 0 10px;color:#18394b}#connected-explorer h4{font-size:16px;margin:14px 0 7px}#connected-explorer p{margin:8px 0 14px}#connected-explorer .ce-note{color:#5a7183;font-size:13px}.ce-tabs{display:flex;flex-wrap:wrap;gap:7px;margin:14px 0}.ce-tabs button{font-size:13px}.ce-tabs button[aria-selected=true]{background:#185d72;color:white;border-color:#185d72}.ce-panel[hidden]{display:none}.ce-badges{display:flex;flex-wrap:wrap;gap:7px;margin:12px 0}.ce-badge{border:1px solid #cddde5;border-radius:5px;padding:5px 9px;font-size:12px;background:#f2f7fa}.ce-chip-list{display:flex;flex-wrap:wrap;gap:6px}.ce-chip-list button[aria-pressed=true]{background:#e3f2f2;border-color:#1d747b}.ce-detail{border:1px solid #d4e1e8;border-radius:7px;padding:15px 18px;margin:12px 0}.ce-detail dl{display:grid;grid-template-columns:125px minmax(0,1fr);gap:8px 14px;margin:8px 0}.ce-detail dt{font-weight:650}.ce-detail dd{margin:0;overflow-wrap:anywhere}.ce-scroll{overflow:auto;max-width:100%;border:1px solid #d6e3e9;border-radius:6px;margin:12px 0}.ce-table{border-collapse:collapse;width:100%;font-size:12px}.ce-table th,.ce-table td{border-bottom:1px solid #dce6ec;padding:10px 12px;text-align:left;vertical-align:top;min-width:135px}.ce-table th{background:#eaf2f6;color:#234759;white-space:nowrap}.ce-table tr:last-child td{border-bottom:0}.ce-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.ce-controls{display:flex;flex-wrap:wrap;gap:12px;align-items:end;margin:14px 0}.ce-controls label{margin:0;min-width:170px;font-size:13px}.ce-controls select,.ce-controls input{display:block;margin:6px 0 0;width:100%;min-width:160px}.ce-controls input[type=checkbox]{display:inline;width:auto;min-width:0}.ce-primary{background:#185d72;color:white;border-color:#185d72}.ce-output{padding:15px 18px;background:#f6f9fb;border:1px solid #d8e5ec;border-radius:7px}.ce-error{color:#9b351b;font-weight:600}.ce-output ol{padding-left:25px}.ce-json{white-space:pre-wrap;overflow-wrap:anywhere;max-height:360px;overflow:auto;font:12px/1.6 Consolas,monospace;background:#fff;padding:12px;border:1px solid #d6e2e9}.ce-card{padding:15px;border:1px solid #d6e2e9;border-radius:7px;background:#fff}.ce-card h4{margin-top:0}.ce-card ul{padding-left:19px}.ce-chart{display:block;width:100%;height:auto;max-height:340px;background:white}.ce-link-list{display:flex;flex-wrap:wrap;gap:8px 20px;margin:12px 0}.ce-loading{padding:20px;background:#f3f7fa}#connected-explorer summary{cursor:pointer;font-weight:600;margin:10px 0}.ce-source{font-size:12px;overflow-wrap:anywhere}.ce-metric{font-size:23px;color:#185d72;font-weight:650}.ce-caption{font-size:12px;color:#577182}.ce-options th{min-width:160px}.ce-options td{min-width:220px}.ce-anchor{scroll-margin-top:30px}@media(max-width:1000px){.ce-grid{grid-template-columns:1fr}.ce-detail dl{grid-template-columns:110px minmax(0,1fr)}}@media print{#connected-explorer{display:none}}
.ce-controls button:disabled{opacity:.5;cursor:not-allowed}
.workspace{grid-template-columns:240px minmax(0,1fr);max-width:1920px;padding:0 24px;gap:20px}
.diagram-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:22px;align-items:start}
.diagram-layout.no-guide{grid-template-columns:1fr}
.diagram-visual{min-width:0}.diagram-visual .toolbar{margin-top:0}
.diagram-visual #canvas{height:560px}.diagram-visual #diagram{min-height:0}
.diagram-guide{min-width:0;align-self:start;position:sticky;top:20px;padding:20px;background:#f4f8fa;border:1px solid #d7e5eb;border-radius:10px;font-size:14px;line-height:1.65;overflow-wrap:break-word}
.diagram-guide[hidden]{display:none}.diagram-guide h3{margin:0 0 12px;font-size:19px;line-height:1.3;color:#18394b}.diagram-guide>p{margin:0 0 15px}.diagram-guide ol{margin:0;padding-left:21px}.diagram-guide li{margin:0 0 11px;padding-left:3px}
.diagram-example{margin-top:17px;padding:14px;background:white;border-left:3px solid #3a858b;border-radius:0 6px 6px 0}.diagram-example h4{font-size:14px;margin:0 0 5px}.diagram-example p{margin:0}
#architecture-tools{border-top:1px solid #d8e4ec;margin-top:22px;padding-top:18px}#architecture-tools>summary{cursor:pointer;font-weight:600;font-size:14px;color:#225672}#architecture-tools #connected-explorer{border-top:0;margin-top:0;padding-top:4px}
@media(max-width:1280px){.workspace{grid-template-columns:210px minmax(0,1fr);padding:0 16px;gap:16px}main{padding:20px}.diagram-layout{grid-template-columns:minmax(0,1fr) 300px;gap:16px}.diagram-guide{padding:17px}}
@media(max-width:1100px){.diagram-layout{grid-template-columns:1fr}.diagram-guide{position:static}.diagram-visual #canvas{height:510px}}
@media print{.diagram-layout{display:block}.diagram-guide,#architecture-tools{display:none}.diagram-visual #canvas{height:auto}}