.panel.svelte-hb1mhl{position:absolute;right:0;width:100%;height:70%;background:#0d1117fa;border-top:1px solid #30363d;border-left:none;transform:translateY(100%);transition:transform .3s ease;overflow-y:auto;z-index:100;border-radius:16px 16px 0 0;bottom:0;top:auto}@media(min-width:640px){.panel.svelte-hb1mhl{width:340px;height:100%;border-left:1px solid #30363d;border-top:none;transform:translate(100%);border-radius:0;top:0;bottom:auto}}@media(min-width:1024px){.panel.svelte-hb1mhl{width:380px}}.panel.open.svelte-hb1mhl{transform:translateY(0)}@media(min-width:640px){.panel.open.svelte-hb1mhl{transform:translate(0)}}.drag-handle.svelte-hb1mhl{display:block;width:40px;height:4px;background:#30363d;border-radius:2px;margin:8px auto}@media(min-width:640px){.drag-handle.svelte-hb1mhl{display:none}}.panel-header.svelte-hb1mhl{position:sticky;top:0;background:#161b22;border-bottom:1px solid #30363d;padding:12px;z-index:10}@media(min-width:640px){.panel-header.svelte-hb1mhl{padding:16px}}.panel-content.svelte-hb1mhl{padding:12px 12px 80px}@media(min-width:640px){.panel-content.svelte-hb1mhl{padding:16px}}.tab-button.svelte-hb1mhl{padding:6px 10px;font-size:11px;border-radius:6px;transition:all .2s}@media(min-width:640px){.tab-button.svelte-hb1mhl{padding:8px 12px;font-size:12px}}.tab-button.active.svelte-hb1mhl{background:#21262d;color:#79c0ff}.tab-button.svelte-hb1mhl:not(.active){color:#8b949e}.tab-button.svelte-hb1mhl:not(.active):hover{color:#c9d1d9;background:#21262d80}.info-card.svelte-hb1mhl{background:#161b22;border:1px solid #30363d;border-radius:8px;padding:10px;margin-bottom:10px}@media(min-width:640px){.info-card.svelte-hb1mhl{padding:12px;margin-bottom:12px}}.info-label.svelte-hb1mhl{color:#8b949e;font-size:10px;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.info-value.svelte-hb1mhl{color:#c9d1d9;font-size:13px}@media(min-width:640px){.info-value.svelte-hb1mhl{font-size:14px}}.pin-row.svelte-hb1mhl{display:grid;grid-template-columns:25px 1fr 60px;gap:6px;padding:6px;border-bottom:1px solid #21262d;font-size:11px}@media(min-width:640px){.pin-row.svelte-hb1mhl{grid-template-columns:30px 1fr 80px;gap:8px;padding:8px;font-size:12px}}.pin-row.svelte-hb1mhl:last-child{border-bottom:none}.wire-red.svelte-hb1mhl{color:#ff6b6b}.wire-black.svelte-hb1mhl{color:#8b949e}.wire-blue.svelte-hb1mhl{color:#79c0ff}.wire-green.svelte-hb1mhl{color:#7ee787}.wire-yellow.svelte-hb1mhl{color:gold}.wire-orange.svelte-hb1mhl{color:#ffa657}.wire-pink.svelte-hb1mhl{color:#ff9ff3}.wire-violet.svelte-hb1mhl{color:#d2a8ff}.dtc-item.svelte-hb1mhl{background:#161b22;border:1px solid #30363d;border-radius:8px;padding:10px;margin-bottom:8px}@media(min-width:640px){.dtc-item.svelte-hb1mhl{padding:12px}}.dtc-code.svelte-hb1mhl{font-family:monospace;font-weight:600;color:#ffa657}.test-step.svelte-hb1mhl{display:flex;gap:10px;padding:10px;background:#0d1117;border-radius:8px;margin-bottom:8px;border-left:3px solid #30363d;transition:border-color .2s}@media(min-width:640px){.test-step.svelte-hb1mhl{gap:12px;padding:12px}}.test-step.svelte-hb1mhl:hover{border-left-color:#79c0ff}.step-num.svelte-hb1mhl{color:#79c0ff;font-weight:700;font-size:13px;min-width:18px}@media(min-width:640px){.step-num.svelte-hb1mhl{font-size:14px;min-width:20px}}.step-text.svelte-hb1mhl{color:#c9d1d9;font-size:12px;line-height:1.5}@media(min-width:640px){.step-text.svelte-hb1mhl{font-size:13px}}.component-title.svelte-hb1mhl{font-size:1rem}@media(min-width:640px){.component-title.svelte-hb1mhl{font-size:1.125rem}}.diagram-container.svelte-wp6twq{position:relative;width:100%;height:100%;min-height:300px;background:#0f172a;border-radius:8px;overflow:hidden;touch-action:none}@media(min-width:640px){.diagram-container.svelte-wp6twq{min-height:500px;border-radius:12px}}.diagram-svg{width:100%;height:100%;touch-action:none}.component-group{transition:filter .2s ease,opacity .2s ease}.component-group:hover .component-border{filter:url(#glow);stroke-width:3px}.component-group.selected .component-border{filter:url(#selectGlow);stroke-width:3.5px}.component-group.connected .component-border{stroke-dasharray:4,2;animation:svelte-wp6twq-connectedPulse 1.2s ease-in-out infinite}.component-group.dimmed{opacity:.25;transition:opacity .3s ease}.wire{transition:stroke-width .2s ease,filter .2s ease}.wire-active{stroke-width:4px!important;filter:url(#glow)}@keyframes svelte-wp6twq-connectedPulse{0%,to{opacity:1;stroke-width:2.5px}50%{opacity:.7;stroke-width:3.5px}}.controls.svelte-wp6twq{position:absolute;bottom:8px;left:8px;display:flex;gap:6px}@media(min-width:640px){.controls.svelte-wp6twq{bottom:16px;left:16px;gap:8px}}.control-btn.svelte-wp6twq{background:#1e293bf2;border:1px solid #334155;border-radius:6px;padding:6px 10px;color:#94a3b8;font-size:11px;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:4px}@media(min-width:640px){.control-btn.svelte-wp6twq{border-radius:8px;padding:8px 14px;font-size:12px;gap:6px}}.control-btn.svelte-wp6twq .btn-text:where(.svelte-wp6twq){display:none}@media(min-width:480px){.control-btn.svelte-wp6twq .btn-text:where(.svelte-wp6twq){display:inline}}.control-btn.svelte-wp6twq:hover{background:#334155;color:#f1f5f9}.control-btn.active.svelte-wp6twq{background:#0ea5e9;border-color:#0ea5e9;color:#fff}.zoom-display.svelte-wp6twq{position:absolute;bottom:8px;right:8px;background:#1e293bf2;border:1px solid #334155;border-radius:6px;padding:6px 10px;color:#94a3b8;font-size:10px;font-family:SF Mono,Fira Code,monospace}@media(min-width:640px){.zoom-display.svelte-wp6twq{bottom:16px;right:16px;border-radius:8px;padding:10px 16px;font-size:12px}}.zoom-value.svelte-wp6twq{color:#38bdf8;font-weight:600;margin-left:4px}.zoom-level-tag.svelte-wp6twq{display:none}@media(min-width:480px){.zoom-level-tag.svelte-wp6twq{display:inline;margin-left:8px;padding:2px 8px;border-radius:4px;font-size:10px;font-weight:500}}.zoom-level-tag.low.svelte-wp6twq{background:#854d0e;color:#fef3c7}.zoom-level-tag.medium.svelte-wp6twq{background:#1e3a5f;color:#bae6fd}.zoom-level-tag.high.svelte-wp6twq{background:#14532d;color:#bbf7d0}.help-panel.svelte-wp6twq{display:none}@media(min-width:768px){.help-panel.svelte-wp6twq{display:block;position:absolute;top:60px;left:16px;background:#1e293bf2;border:1px solid #334155;border-radius:10px;padding:14px 18px;max-width:220px}}.help-panel.svelte-wp6twq h4:where(.svelte-wp6twq){color:#38bdf8;font-size:12px;font-weight:600;margin-bottom:10px}.help-panel.svelte-wp6twq ul:where(.svelte-wp6twq){list-style:none;padding:0;margin:0}.help-panel.svelte-wp6twq li:where(.svelte-wp6twq){color:#94a3b8;font-size:11px;margin-bottom:6px;display:flex;gap:8px}.help-panel.svelte-wp6twq kbd:where(.svelte-wp6twq){background:#1e293b;border:1px solid #475569;border-radius:4px;padding:2px 6px;font-size:10px;color:#e2e8f0;font-family:SF Mono,monospace}.mobile-hint.svelte-wp6twq{display:block;position:absolute;top:8px;left:50%;transform:translate(-50%);background:#1e293be6;border:1px solid #334155;border-radius:20px;padding:6px 14px;font-size:10px;color:#94a3b8;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .3s}.mobile-hint.visible.svelte-wp6twq{opacity:1}@media(min-width:768px){.mobile-hint.svelte-wp6twq{display:none}}.mechanical-viewer.svelte-1d5wn65{width:100%;height:100%;background:#0a0e14;color:#e8edf3;font-family:Inter,system-ui,sans-serif}.viewer-layout.svelte-1d5wn65{display:grid;grid-template-columns:1fr 350px;height:100%;gap:1px;background:#1e2a38}.diagram-panel.svelte-1d5wn65{display:flex;flex-direction:column;background:#0a0e14}.diagram-header.svelte-1d5wn65{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#111820;border-bottom:1px solid #1e2a38}.vehicle-info.svelte-1d5wn65 .title:where(.svelte-1d5wn65){font-family:Rajdhani,sans-serif;font-size:1.25rem;font-weight:700;color:#d62828;margin:0}.vehicle-info.svelte-1d5wn65 .subtitle:where(.svelte-1d5wn65){font-size:.85rem;color:#6b7a8d;margin:4px 0 0}.controls.svelte-1d5wn65{display:flex;align-items:center;gap:12px}.zoom-level.svelte-1d5wn65{font-family:Rajdhani,sans-serif;font-size:.9rem;color:#4fc3f7;font-weight:600}.control-btn.svelte-1d5wn65{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#1e2a38;border:1px solid #2a3a4a;border-radius:6px;color:#8b9cb3;cursor:pointer;transition:all .2s}.control-btn.svelte-1d5wn65:hover{background:#2a3a4a;color:#4fc3f7}.control-btn.svelte-1d5wn65 .icon:where(.svelte-1d5wn65){width:18px;height:18px}.diagram-container.svelte-1d5wn65{flex:1;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:16px}.diagram-container.svelte-1d5wn65 svg{max-width:100%;max-height:100%;cursor:grab}.diagram-container.svelte-1d5wn65 svg:active{cursor:grabbing}.component-legend.svelte-1d5wn65{display:flex;flex-wrap:wrap;gap:8px;padding:12px 20px;background:#111820;border-top:1px solid #1e2a38}.legend-item.svelte-1d5wn65{display:flex;align-items:center;gap:6px;padding:4px 10px;background:#0a0e14;border:1px solid #1e2a38;border-radius:4px;font-size:.8rem;color:#8b9cb3;cursor:pointer;transition:all .2s}.legend-item.svelte-1d5wn65:hover{border-color:#4fc3f7;color:#e8edf3}.legend-item.selected.svelte-1d5wn65{border-color:#4fc3f7;background:#4fc3f71a;color:#4fc3f7}.legend-color.svelte-1d5wn65{width:10px;height:10px;border-radius:2px}.info-panel.svelte-1d5wn65{display:flex;flex-direction:column;background:#111820}.tabs.svelte-1d5wn65{display:flex;border-bottom:1px solid #1e2a38}.tab.svelte-1d5wn65{flex:1;padding:12px;background:transparent;border:none;color:#6b7a8d;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s}.tab.svelte-1d5wn65:hover{color:#e8edf3;background:#ffffff0d}.tab.active.svelte-1d5wn65{color:#d62828;border-bottom:2px solid #d62828}.tab-content.svelte-1d5wn65{flex:1;overflow-y:auto;padding:16px}.component-info.svelte-1d5wn65 h3:where(.svelte-1d5wn65){font-family:Rajdhani,sans-serif;font-size:1.1rem;font-weight:600;color:#4fc3f7;margin:0 0 12px}.description.svelte-1d5wn65{font-size:.9rem;color:#b0bec5;line-height:1.5;margin:0 0 16px}.specs-grid.svelte-1d5wn65{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:16px}.spec-item.svelte-1d5wn65{background:#0a0e14;border:1px solid #1e2a38;border-radius:6px;padding:10px}.spec-label.svelte-1d5wn65{display:block;font-size:.75rem;color:#6b7a8d;margin-bottom:4px}.spec-value.svelte-1d5wn65{font-family:Rajdhani,sans-serif;font-size:1rem;font-weight:600;color:#e8b84b}.timing-marks.svelte-1d5wn65,.related-steps.svelte-1d5wn65{margin-top:16px}.timing-marks.svelte-1d5wn65 h4:where(.svelte-1d5wn65),.related-steps.svelte-1d5wn65 h4:where(.svelte-1d5wn65){font-size:.85rem;color:#8b9cb3;margin:0 0 8px;text-transform:uppercase;letter-spacing:.5px}.mark-item.svelte-1d5wn65{display:flex;align-items:center;gap:8px;padding:6px 0}.mark-dot.svelte-1d5wn65{width:12px;height:12px;border-radius:50%}.mark-label.svelte-1d5wn65{font-size:.85rem;color:#b0bec5}.steps-list.svelte-1d5wn65{display:flex;flex-wrap:wrap;gap:6px}.step-badge.svelte-1d5wn65{padding:4px 10px;background:#d6282826;border:1px solid rgba(214,40,40,.3);border-radius:4px;color:#d62828;font-size:.8rem;cursor:pointer;transition:all .2s}.step-badge.svelte-1d5wn65:hover{background:#d6282840}.placeholder.svelte-1d5wn65{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;color:#6b7a8d;text-align:center}.placeholder-icon.svelte-1d5wn65{width:48px;height:48px;margin-bottom:12px;opacity:.5}.warnings.svelte-1d5wn65{margin-bottom:16px}.warning-box.svelte-1d5wn65{display:flex;gap:10px;padding:10px 12px;background:#d628281a;border:1px solid rgba(214,40,40,.3);border-radius:6px;font-size:.85rem;color:#ef9a9a;margin-bottom:8px}.warning-icon.svelte-1d5wn65{flex-shrink:0}.procedure-step.svelte-1d5wn65{display:flex;gap:12px;width:100%;padding:12px;background:#0a0e14;border:1px solid #1e2a38;border-radius:6px;margin-bottom:8px;text-align:left;cursor:pointer;transition:all .2s}.procedure-step.svelte-1d5wn65:hover{border-color:#2a3a4a;background:#0f1923}.procedure-step.highlighted.svelte-1d5wn65,.procedure-step.active.svelte-1d5wn65{border-color:#4fc3f7;background:#4fc3f71a}.step-number.svelte-1d5wn65{font-family:Rajdhani,sans-serif;font-size:1.1rem;font-weight:700;color:#d62828;min-width:24px}.step-content.svelte-1d5wn65{flex:1}.step-action.svelte-1d5wn65{font-weight:600;color:#e8edf3;margin:0 0 4px;font-size:.9rem}.step-details.svelte-1d5wn65{font-size:.85rem;color:#8b9cb3;margin:0;line-height:1.4}.step-warning.svelte-1d5wn65{font-size:.8rem;color:#e8b84b;margin:8px 0 0}.step-tools.svelte-1d5wn65{font-size:.8rem;color:#4fc3f7;margin:8px 0 0}.torque-table.svelte-1d5wn65{width:100%;border-collapse:collapse;font-size:.85rem}.torque-table.svelte-1d5wn65 th:where(.svelte-1d5wn65){background:#1e2a38;color:#d62828;font-family:Rajdhani,sans-serif;font-weight:600;text-align:left;padding:10px 12px;border:1px solid #2a3a4a;text-transform:uppercase}.torque-table.svelte-1d5wn65 td:where(.svelte-1d5wn65){padding:10px 12px;border:1px solid #1e2a38;color:#b0bec5}.torque-table.svelte-1d5wn65 tr:where(.svelte-1d5wn65):nth-child(2n){background:#0a0e14}.spec-note.svelte-1d5wn65{display:block;font-size:.75rem;color:#6b7a8d;margin-top:2px}.torque-value.svelte-1d5wn65{font-family:Rajdhani,sans-serif;font-weight:600;color:#e8b84b}.special-tools.svelte-1d5wn65{margin-top:20px}.special-tools.svelte-1d5wn65 h4:where(.svelte-1d5wn65){font-size:.85rem;color:#8b9cb3;margin:0 0 12px;text-transform:uppercase}.tool-item.svelte-1d5wn65{display:flex;align-items:center;gap:10px;padding:8px 0;font-size:.85rem;color:#b0bec5}.tool-item.required.svelte-1d5wn65 .tool-marker:where(.svelte-1d5wn65){color:#d62828}.tool-marker.svelte-1d5wn65{color:#6b7a8d}@media(max-width:900px){.viewer-layout.svelte-1d5wn65{grid-template-columns:1fr;grid-template-rows:1fr auto}.info-panel.svelte-1d5wn65{max-height:40vh}}