.di-graph{height:340px;position:relative;direction:ltr;margin-top:25px}.di-graph>svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.di-node{position:absolute;width:14%;min-height:90px;padding:12px 8px;border:1px solid #2a6580;border-radius:12px;background:#0a293c;color:#e3f1fa;cursor:pointer;text-align:center;display:flex;flex-direction:column;gap:7px;align-items:center}.di-node strong{font-size:14px}.di-node small{font-size:11px;color:#b1cbd9}.di-node-symbol{font-size:11px;color:#4adcf0}.di-node[aria-pressed=true],.di-node:hover{border-color:#49d9ed;background:#123f53}.di-node:focus-visible,.di-library :focus-visible{outline:2px solid #49d9ed;outline-offset:4px}.di-wrist{left:0;top:65px}.di-validation{left:17%;top:65px}.di-detection{left:34%;top:10px}.di-prediction{left:34%;top:135px}.di-xai{left:51%;top:65px}.di-risk{left:68%;top:65px}.di-action{left:85%;top:65px}.di-response{left:51%;top:235px;width:33%}.di-stage-info{border-top:1px solid #275369;padding-top:16px}.di-stage-info h4{margin:0 0 8px}.di-stage-info p{color:#b6cbd7;margin:0;line-height:1.6}.di-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 25px}.di-groups article{padding:18px 0;border-bottom:1px solid #285369}.di-groups h4{margin:0 0 8px;font-size:16px}.di-groups p{color:#b6cbd7;line-height:1.5}.di-library a{color:#54daee;text-decoration:underline;text-underline-offset:4px}.di-explorer{margin-top:26px}.di-explorer header,.di-filters,.di-pages{display:flex;justify-content:space-between;gap:14px;align-items:center;flex-wrap:wrap}.di-filters{justify-content:start;margin:20px 0}.di-filters label{display:flex;flex-direction:column;gap:8px;flex:1}.di-filters input,.di-filters select,.di-library button{background:#0b2a3d;color:#e4f0f6;border:1px solid #34728b;border-radius:7px;padding:11px;font:inherit}.di-library button{cursor:pointer}.di-library button:disabled{opacity:.45;cursor:default}.di-case-list article{display:flex;gap:15px;justify-content:space-between;align-items:center;padding:15px 0;border-bottom:1px solid #20475b}.di-case-list strong{display:block;margin-top:6px}.di-case-list code{color:#b3c8d8}.di-pages{justify-content:flex-end;margin-top:16px}.di-case-detail{border-top:2px solid #39c9e2;padding-top:22px;margin-top:25px}.di-case-detail h5{font-size:14px;color:#58daea;margin-bottom:5px}.di-case-detail p{line-height:1.6;color:#bdd0dc}.di-pipeline,.di-library{min-width:0}@media(max-width:850px){.di-graph{height:auto;display:grid;grid-template-columns:1fr 1fr;gap:15px;direction:inherit}.di-graph>svg{display:none}.di-node{position:static;width:auto;min-height:100px}.di-wrist,.di-validation,.di-xai,.di-risk,.di-action,.di-response{grid-column:1/-1}.di-node:not(.di-response)::after{content:'↓';color:#46d5e9}.di-prediction{grid-column:2;grid-row:3}.di-detection{grid-column:1;grid-row:3}.di-stage-info{margin-top:20px}}@media(max-width:650px){.di-groups{grid-template-columns:1fr}.di-case-list article{align-items:start}.di-filters label{min-width:100%}.portal:has(.di-pipeline){display:block!important}.portal:has(.di-pipeline) .sidebar{position:relative!important;width:auto!important;height:auto!important;max-height:230px;overflow:auto}.portal:has(.di-pipeline) .workspace{min-width:0;width:auto!important;margin:0!important;padding:14px!important}.portal:has(.di-pipeline) .module-card{min-width:0;padding:14px!important}}
.di-loop-graph{height:320px;position:relative;direction:ltr;margin-top:24px}.di-loop-graph svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.di-loop-node{position:absolute;left:calc(var(--col)*25% + 1%);top:calc(var(--row)*190px + 25px);width:19%;min-height:95px;background:#0a293c;border:1px solid #2a6580;border-radius:12px;padding:12px;color:#e4f1f7;display:flex;align-items:center;flex-direction:column;gap:8px;cursor:pointer}.di-loop-node small{color:#4adcf0}.di-loop-node span{font-size:12px;color:#b1cbd9}.di-loop-node[aria-pressed=true],.di-loop-node:hover{border-color:#49d9ed;background:#123f53}.di-loop-node:focus-visible{outline:2px solid #49d9ed;outline-offset:3px}@media(max-width:700px){.di-loop-graph{height:auto;display:grid;grid-template-columns:1fr;gap:12px}.di-loop-graph svg{display:none}.di-loop-node{position:static;width:100%}.di-loop-node:not(:last-child)::after{content:'↓';color:#49d9ed}.di-learning-info{margin-top:20px}.portal:has(.di-learning){display:block!important}.portal:has(.di-learning) .sidebar{position:relative!important;width:auto!important;height:auto!important;max-height:230px;overflow:auto}.portal:has(.di-learning) .workspace{width:auto!important;margin:0!important;padding:14px!important;min-width:0}.portal:has(.di-learning) .module-card{padding:14px!important;min-width:0}}

.prediction-filters{display:flex;gap:16px;flex-wrap:wrap;margin:16px 0}.prediction-filters label{display:flex;flex-direction:column;gap:8px;flex:1;min-width:180px}.prediction-filters input,.prediction-filters select{font:inherit;box-sizing:border-box;width:100%;min-height:44px;padding:10px;color:#dceaf4;background:#0a2637;border:1px solid #34708a;border-radius:7px}.prediction-filters :focus-visible{outline:2px solid #52d6ff;outline-offset:3px}

.xai-evidence{margin:16px 0;border-block:1px solid #255267;padding:8px 0}.xai-evidence summary{cursor:pointer;color:#52d6ff;font-weight:600;padding:12px 4px;min-height:44px;box-sizing:border-box}.xai-evidence summary:hover{color:#b9efff}.xai-evidence summary:focus-visible{outline:2px solid #52d6ff;outline-offset:3px}.xai-evidence[open] summary{margin-bottom:12px}

.di-library [data-browse-all],.di-library [data-browse-all]:visited{color:#52d6ff;text-underline-offset:3px;font-weight:600}.di-library [data-browse-all]:focus-visible{outline:2px solid #52d6ff;outline-offset:4px}

.xai-demo-label{color:#ffe082;font-weight:600;border-bottom:1px solid #255267;padding-bottom:12px}