.layersDemo{background:#f5f7f8;padding:22px 24px}.methodDemoTop{display:flex;justify-content:space-between;align-items:center;gap:14px}.methodDemoTop>span{font-size:9px;letter-spacing:1.2px;color:#7d8993}.methodDemoTop .segmented{margin:0}.layerScroll{margin:17px -10px 3px;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#c6d5de transparent}#layerDiagram{display:block;width:100%;height:auto;font-family:MoETok,Arial,sans-serif}#layerDiagram text{font-family:MoETok,Arial,sans-serif}.layerOuter{fill:#eceef0;stroke:#adb4ba;stroke-width:1;stroke-dasharray:5 5}.layerCard{fill:#f8f9fa;stroke:#cbd2d7;stroke-width:1}.layerSelected .layerCard{stroke:#1a7fbb;stroke-width:1.8}.layerPick{cursor:pointer}.layerCaption{font-size:10px;fill:#596673;letter-spacing:.5px}.moduleText{font-size:10px;fill:#25333f}.moduleSmall{font-size:8px;fill:#71808b}.expertText{font-size:10px;fill:#425661}.moduleLabel{font-size:9px;fill:#71808b}.diagramLabel{font-size:10px;fill:#71808b}.sharedWire{fill:none;stroke:#a4b3bd;stroke-width:1}.routeFamily{fill:none;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;transition:opacity .2s;stroke-dasharray:7 4;animation:traceRoute 2.2s linear infinite}.routeRec{stroke:#1a7fbb}.routeSem{stroke:#e69f00;animation-direction:reverse}.familyDim{opacity:.13}.familyOn{opacity:.88}.expertBlock{stroke-width:1.2;stroke-dasharray:3 2}.expertRec{fill:#d5e9f5;stroke:#1a7fbb}.expertSem{fill:#fff0c8;stroke:#e69f00}.expertMixed{fill:url(#mixedExpert);stroke:#7c9c9f}.expertIdle{fill:#e5eded;stroke:#afbfbe}.signalHead{transition:opacity .2s}.signalHead.dim{opacity:.24}.signalControls{display:flex;gap:7px;align-items:center;justify-content:center;flex-wrap:wrap;margin:13px 0}.signalControls>span{font-size:10px;color:#7d8d98;margin-right:10px}.signalControls button{font-size:10px;padding:6px 10px;border-color:#d5dfe5}.signalControls button.active{background:#fff;color:#263d4d;border-color:#94adbd}.pathLegend{display:flex;justify-content:center;gap:22px;font-size:9px;color:#7a8994;margin:19px 0}.pathLegend>span{display:flex;align-items:center;gap:6px}.pathLegend i{display:block;width:14px;height:6px;border-radius:3px}.recKey{background:#1a7fbb}.semKey{background:#e69f00}.mixKey{background:linear-gradient(90deg,#1a7fbb 50%,#e69f00 50%)}.layersDemo .methodFooter{border-top:1px solid #dce3e8;margin-top:22px;padding-top:16px}.layersDemo .methodCaption{margin-top:16px}.swipeHint{display:none}@keyframes traceRoute{to{stroke-dashoffset:-44}}@media(max-width:700px){.layersDemo{padding:17px 12px}.methodDemoTop>span{font-size:7px;letter-spacing:.5px}.methodDemoTop .segmented button{font-size:10px;padding:6px 9px}#layerDiagram{min-width:790px}.layerScroll{margin:15px -4px 0}.swipeHint{display:block;text-align:center;font-size:9px;color:#8798a4;margin:8px 0 17px}.signalControls{gap:5px}.signalControls>span{flex-basis:100%;text-align:center;margin:0 0 3px}.signalControls button{font-size:9px;padding:6px 9px}.pathLegend{gap:11px;flex-wrap:wrap;font-size:8px}.layersDemo .methodFooter p{font-size:10px}.layersDemo .methodFooter button{font-size:9px;padding:7px}}