@keyframes dashFlow{0%{stroke-dashoffset:28}to{stroke-dashoffset:0}}:root{--diag-bg:#0f172a;--diag-bg-secondary:#1e293b;--diag-accent:#06b6d4;--diag-accent-glow:rgba(6, 182, 212, 0.4);--diag-text:#f1f5f9;--diag-text-secondary:#94a3b8;--diag-border:rgba(255, 255, 255, 0.08);--diag-radius:12px;--diag-transition:0.25s cubic-bezier(0.4, 0, 0.2, 1);--color-tp-red:#ef4444;--color-tp-red-glow:rgba(239, 68, 68, 0.4);--color-susp-green:#22c55e;--color-susp-green-glow:rgba(34, 197, 94, 0.4);--color-brake-yellow:#eab308;--color-brake-yellow-glow:rgba(234, 179, 8, 0.4);--color-uncouple-blue:#3b82f6;--color-uncouple-blue-glow:rgba(59, 130, 246, 0.4)}body.pdf-theme{--diag-bg:#ffffff;--diag-bg-secondary:#f8fafc;--diag-text:#0f172a;--diag-text-secondary:#475569}body.pdf-theme .diag-canvas,body.pdf-theme .diag-canvas-wrapper{background:#fff!important}body.pdf-theme .diag-panel-box{border-color:#cbd5e1!important;background:rgba(248,250,252,.7)!important}body.pdf-theme .diag-panel-title{color:#64748b!important;background:#fff!important;border-color:#cbd5e1!important}body.pdf-theme .diag-node{background:#fff!important;color:#0f172a!important;border-color:#475569!important;box-shadow:0 2px 8px rgba(0,0,0,.12)!important}body.pdf-theme .diag-node:hover{box-shadow:0 4px 16px rgba(0,0,0,.25)!important}body.pdf-theme .diag-legend{background:rgba(255,255,255,.94)!important;border-color:#e2e8f0!important;color:#0f172a!important;box-shadow:0 4px 20px rgba(0,0,0,.15)!important}body.pdf-theme .diag-legend-title{color:#0f172a!important;border-bottom-color:#e2e8f0!important}body.pdf-theme .diag-legend-item{color:#334155!important}body.pdf-theme .diag-zoom-controls{background:rgba(255,255,255,.94)!important;border-color:#e2e8f0!important}body.pdf-theme .diag-zoom-btn{color:#475569!important}body.pdf-theme .diag-zoom-btn:hover{background:rgba(2,132,199,.15)!important;color:#0284c7!important}body,html{margin:0;padding:0;width:100%;height:100%}body.diag-page{font-family:"Inter",system-ui,-apple-system,sans-serif;background:linear-gradient(135deg,#0f172a 0,#1e293b 50%,#0f172a 100%);background-attachment:fixed;color:var(--diag-text);width:100vw;height:100vh;overflow:hidden;display:flex;flex-direction:column;-webkit-tap-highlight-color:transparent}.diag-header{background:rgba(15,23,42,.92);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border-bottom:1px solid rgba(255,255,255,.06);box-shadow:0 1px 20px rgba(0,0,0,.4);padding:10px 20px;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:50;flex-shrink:0;min-height:48px}body.pdf-theme .diag-header{background:rgba(255,255,255,.95);border-bottom-color:#e2e8f0;box-shadow:0 1px 15px rgba(0,0,0,.08)}.diag-header-left{display:flex;align-items:center;gap:14px;min-width:0}.text-cyan-arrow{color:#22d3ee;transition:all var(--diag-transition);display:flex;align-items:center;justify-content:center;flex-shrink:0;padding:6px;border-radius:10px;background:rgba(6,182,212,.08);border:1px solid rgba(6,182,212,.15)}.text-cyan-arrow:hover{color:#67e8f9;background:rgba(6,182,212,.18);transform:translateX(-2px)}.diag-zoom-btn svg,.text-cyan-arrow svg{width:22px;height:22px}body.pdf-theme .text-cyan-arrow{color:#0284c7;background:rgba(2,132,199,.08);border-color:rgba(2,132,199,.2)}.diag-header-title{font-size:1.05rem;font-weight:700;color:#22d3ee;line-height:1.2;white-space:nowrap;margin:0;padding:0;text-shadow:0 0 12px rgba(34,211,238,.35)}body.pdf-theme .diag-header-title{color:#0284c7;text-shadow:none}.diag-header-subtitle{font-size:.68rem;color:var(--diag-text-secondary);margin:2px 0 0;padding:0;opacity:.7}.diag-header-right{display:flex;align-items:center;gap:10px;flex-shrink:0}.diag-model-selector{display:flex;background:rgba(15,23,42,.5);border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:3px}body.pdf-theme .diag-model-selector{background:#f1f5f9;border-color:#cbd5e1}.diag-model-tab{padding:5px 14px;border-radius:8px;font-size:12px;font-weight:600;color:#64748b;text-decoration:none;transition:all var(--diag-transition);letter-spacing:.02em}.diag-model-tab:hover{color:#cbd5e1}body.pdf-theme .diag-model-tab:hover{color:#0f172a}.diag-model-tab.active{background:linear-gradient(135deg,#06b6d4 0,#0369a1 100%);color:#fff;box-shadow:0 2px 10px rgba(6,182,212,.35)}.diag-btn-energize{display:flex;align-items:center;justify-content:center;gap:7px;width:240px;height:36px;padding:0 16px;border-radius:10px;font-weight:700;font-size:.78rem;border:0;cursor:pointer;transition:box-shadow .3s ease;white-space:nowrap;letter-spacing:.01em;overflow:hidden;flex-shrink:0;box-sizing:border-box}.diag-btn-energize.off{background:linear-gradient(135deg,#0284c7,#0369a1);color:#fff;box-shadow:0 0 12px rgba(2,132,199,.35)}.diag-btn-energize.off:hover{box-shadow:0 0 24px rgba(2,132,199,.55)}.diag-btn-energize.on{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 0 15px rgba(239,68,68,.45)}.diag-btn-energize.on:hover{box-shadow:0 0 30px rgba(239,68,68,.7)}.diag-canvas,.diag-canvas-wrapper{position:relative;background:#020617}.diag-canvas-wrapper{flex:1;overflow:hidden;cursor:grab}.diag-canvas-wrapper:active{cursor:grabbing}.diag-canvas{transform-origin:0 0}.diag-panel-box{position:absolute;border:1.5px dashed rgba(255,255,255,.18);background:rgba(15,23,42,.25);border-radius:12px;pointer-events:none;z-index:1}.diag-panel-title{position:absolute;font-size:11px;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;background:rgba(15,23,42,.9);padding:2px 8px;border-radius:4px;border:1px solid rgba(255,255,255,.08)}.diag-zoom-controls{position:absolute;bottom:20px;left:20px;display:flex;flex-direction:column;gap:8px;z-index:40}.diag-zoom-btn{width:44px;height:44px;background:rgba(15,23,42,.85);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.15);border-radius:12px;color:#f1f5f9;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 15px rgba(0,0,0,.4)}.diag-zoom-btn:hover{background:#1e293b;transform:scale(1.05);border-color:#38bdf8;color:#38bdf8}.diag-zoom-btn:active{transform:scale(.92)}.diag-legend{position:absolute;bottom:20px;right:20px;background:rgba(15,23,42,.95);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:14px;box-shadow:0 8px 32px rgba(0,0,0,.5);z-index:40;max-width:280px}.diag-legend-title{font-size:.68rem;font-weight:700;color:var(--diag-accent);margin-bottom:8px;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:4px;letter-spacing:.03em}.diag-legend-content{display:flex;flex-direction:column;gap:6px}.diag-legend-item{display:flex;align-items:center;gap:8px;font-size:.68rem;color:#cbd5e1}.diag-legend-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.diag-node{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;font-size:10.5px;font-weight:600;padding:6px 8px;border-width:1.5px;border-style:solid;border-radius:8px;cursor:pointer;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .25s ease,border-color .2s ease;transform:translate(-50%,-50%);z-index:5;line-height:1.25;word-break:break-word;background:rgba(15,23,42,.92);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);letter-spacing:.01em;box-shadow:0 4px 12px rgba(0,0,0,.3)}.diag-node:hover{transform:translate(-50%,-50%) scale(1.08);z-index:10;border-width:2px}.diag-node:active{transform:translate(-50%,-50%) scale(.97)}.diag-node.selected{box-shadow:0 0 0 3px rgba(56,189,248,.4),0 0 25px rgba(56,189,248,.3);transform:translate(-50%,-50%) scale(1.08);z-index:10}.diag-node.color-red{border-color:var(--color-tp-red);color:#fca5a5}.diag-node.color-red:hover{box-shadow:0 0 18px var(--color-tp-red-glow)}.diag-node.color-green{border-color:var(--color-susp-green);color:#86efac}.diag-node.color-green:hover{box-shadow:0 0 18px var(--color-susp-green-glow)}.diag-node.color-yellow{border-color:var(--color-brake-yellow);color:#fde68a}.diag-node.color-yellow:hover{box-shadow:0 0 18px var(--color-brake-yellow-glow)}.diag-node.color-blue{border-color:var(--color-uncouple-blue);color:#93c5fd}.diag-node.color-blue:hover{box-shadow:0 0 18px var(--color-uncouple-blue-glow)}.diag-node.color-gray{border-color:#64748b;color:#cbd5e1}.diag-node.color-gray:hover{box-shadow:0 0 14px rgba(100,116,139,.3)}.diag-stroke-red{stroke:var(--color-tp-red)}.diag-stroke-green{stroke:var(--color-susp-green)}.diag-stroke-yellow{stroke:var(--color-brake-yellow)}.diag-stroke-blue{stroke:var(--color-uncouple-blue)}.diag-stroke-gray{stroke:#64748b}.diag-text-red{fill:var(--color-tp-red)}.diag-text-green{fill:var(--color-susp-green)}.diag-text-yellow{fill:var(--color-brake-yellow)}.diag-text-blue{fill:var(--color-uncouple-blue)}.diag-flow-fast{stroke-dasharray:8 6;animation:dashFlow .7s linear infinite}.diag-flow-med,.diag-flow-slow{stroke-dasharray:8 6;animation:dashFlow 1.2s linear infinite}.diag-flow-slow{animation:dashFlow 1.8s linear infinite}.diag-valve-icon{position:absolute;cursor:pointer;z-index:8;transform:translate(-50%,-50%);transition:transform .2s ease}.diag-valve-icon:hover{transform:translate(-50%,-50%) scale(1.25);z-index:12}.diag-modal-overlay{position:fixed;inset:0;background:rgba(2,6,23,.75);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:100;opacity:0;pointer-events:none;transition:opacity .3s ease;padding:16px}.diag-modal-overlay.active{opacity:1;pointer-events:auto}.diag-modal{background:#0f172a;border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:24px;width:100%;max-width:480px;box-shadow:0 20px 40px rgba(0,0,0,.6);transform:scale(.92) translateY(10px);transition:transform .3s cubic-bezier(.34,1.56,.64,1);position:relative}body.pdf-theme .diag-modal{background:#fff;border-color:#cbd5e1;box-shadow:0 20px 40px rgba(0,0,0,.2)}.diag-modal-overlay.active .diag-modal{transform:scale(1) translateY(0)}.diag-modal-close{position:absolute;top:16px;right:16px;background:rgba(255,255,255,.06);border:0;color:#94a3b8;width:32px;height:32px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;transition:all .2s ease}body.pdf-theme .diag-modal-close{background:#f1f5f9;color:#64748b}.diag-modal-close:hover{background:rgba(239,68,68,.2);color:#ef4444}.diag-modal-header{display:flex;align-items:center;gap:14px;margin-bottom:16px}.diag-modal-icon-wrap{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.diag-modal-icon-wrap.red{background:rgba(239,68,68,.15);border:1px solid var(--color-tp-red);color:var(--color-tp-red)}.diag-modal-icon-wrap.green{background:rgba(34,197,94,.15);border:1px solid var(--color-susp-green);color:var(--color-susp-green)}.diag-modal-icon-wrap.yellow{background:rgba(234,179,8,.15);border:1px solid var(--color-brake-yellow);color:var(--color-brake-yellow)}.diag-modal-icon-wrap.blue{background:rgba(59,130,246,.15);border:1px solid var(--color-uncouple-blue);color:var(--color-uncouple-blue)}.diag-modal-icon-wrap.gray{background:rgba(100,116,139,.15);border:1px solid #64748b;color:#cbd5e1}.diag-modal-title{font-size:1.15rem;font-weight:700;color:var(--diag-text);margin:0;line-height:1.2}body.pdf-theme .diag-modal-title{color:#0f172a}.diag-modal-voltage{display:inline-block;font-size:.75rem;font-weight:600;color:#0284c7;margin-top:4px}.diag-modal-body{margin-bottom:20px;border-top:1px solid rgba(255,255,255,.08);padding-top:14px}body.pdf-theme .diag-modal-body{border-top-color:#e2e8f0}.diag-modal-body-title{font-size:.8rem;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px}body.pdf-theme .diag-modal-body-title{color:#64748b}.diag-modal-body-text{font-size:.9rem;color:#cbd5e1;line-height:1.5;margin:0}body.pdf-theme .diag-modal-body-text{color:#334155}.diag-modal-btn{width:100%;padding:10px;border-radius:10px;border:0;background:linear-gradient(135deg,#0284c7,#0369a1);color:#fff;font-weight:700;font-size:.85rem;cursor:pointer;transition:box-shadow .2s ease}.diag-modal-btn:hover{box-shadow:0 0 16px rgba(2,132,199,.5)}.diag-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:70vh;text-align:center;padding:24px}.diag-empty-card{background:rgba(15,23,42,.8);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:40px 32px;max-width:460px;box-shadow:0 20px 40px rgba(0,0,0,.5)}body.pdf-theme .diag-empty-card{background:#fff;border-color:#cbd5e1;box-shadow:0 10px 30px rgba(0,0,0,.1)}.diag-empty-icon{width:64px;height:64px;margin:0 auto 20px;background:rgba(56,189,248,.1);border:1px solid rgba(56,189,248,.2);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#38bdf8}@media (max-width:768px){.diag-header{padding:6px 10px;min-height:40px}.diag-header-left{gap:8px}.text-cyan-arrow{padding:4px;width:auto;height:auto}.text-cyan-arrow svg{width:18px;height:18px}.diag-header-title{font-size:.8rem}.diag-header-subtitle{font-size:.58rem;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.diag-model-selector{padding:2px}.diag-model-tab{padding:3px 8px;font-size:10px}.diag-btn-energize{width:180px;height:30px;padding:0 8px;font-size:.65rem;gap:4px;border-radius:8px}.diag-btn-energize svg{width:13px;height:13px;flex-shrink:0}.diag-zoom-controls{bottom:12px;left:10px;padding:0;gap:4px;border-radius:10px;background:0 0;border:0;box-shadow:none}.diag-zoom-btn{width:28px;height:28px;border-radius:6px}.diag-zoom-btn svg{width:14px;height:14px}.diag-legend{bottom:8px;right:8px;left:auto;padding:6px 10px;font-size:.58rem;max-width:170px;border-radius:10px}.diag-legend-title{font-size:.6rem}.diag-legend-item{font-size:.58rem;gap:6px}.diag-modal{padding:16px;max-width:95vw;border-radius:16px}.diag-modal-title{font-size:1.1rem}.diag-modal-body-text{font-size:.82rem}}@media (max-width:480px){.diag-btn-energize span,.diag-header-subtitle{display:none}.diag-header-title{font-size:.72rem}.diag-btn-energize{width:36px;height:30px;padding:0;gap:0}.diag-legend{bottom:6px;right:6px;padding:5px 8px;font-size:.55rem;max-width:140px}}