.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}}.diagram-page[data-astro-cid-m2uix7hu]{display:flex;flex-direction:column;height:100vh;height:100dvh}.diagram-header[data-astro-cid-m2uix7hu]{padding:0 24px;background:#111820;border-bottom:1px solid #1e2a38}.header-content[data-astro-cid-m2uix7hu]{display:flex;justify-content:space-between;align-items:flex-end;padding:12px 0 16px;max-width:1400px;margin:0 auto;width:100%}.header-main[data-astro-cid-m2uix7hu]{display:flex;flex-direction:column;gap:8px}.diagram-title[data-astro-cid-m2uix7hu]{font-family:Rajdhani,sans-serif;font-size:1.5rem;font-weight:700;color:#e8edf3;margin:0;letter-spacing:1px}.diagram-subtitle[data-astro-cid-m2uix7hu]{font-size:.95rem;color:#6b7a8d;margin:0}.vehicle-info[data-astro-cid-m2uix7hu]{display:flex;gap:24px}.info-item[data-astro-cid-m2uix7hu]{display:flex;flex-direction:column;align-items:flex-end}.info-label[data-astro-cid-m2uix7hu]{font-size:.75rem;color:#6b7a8d;text-transform:uppercase;letter-spacing:.5px}.info-value[data-astro-cid-m2uix7hu]{font-size:.95rem;color:#e8edf3;font-weight:500}.info-value[data-astro-cid-m2uix7hu].engine{color:#4fc3f7}.diagram-container[data-astro-cid-m2uix7hu]{flex:1;display:flex;align-items:center;justify-content:center;background:#0a0e14;overflow:hidden}.coming-soon[data-astro-cid-m2uix7hu]{display:flex;flex-direction:column;align-items:center;gap:16px;color:#6b7a8d}.coming-soon[data-astro-cid-m2uix7hu] a[data-astro-cid-m2uix7hu]{color:#4fc3f7;text-decoration:none}@media(max-width:768px){.diagram-header[data-astro-cid-m2uix7hu]{padding:0 16px}.header-content[data-astro-cid-m2uix7hu]{flex-direction:column;align-items:flex-start;gap:16px}.vehicle-info[data-astro-cid-m2uix7hu]{flex-direction:row;width:100%;gap:16px}.info-item[data-astro-cid-m2uix7hu]{align-items:flex-start}.diagram-title[data-astro-cid-m2uix7hu]{font-size:1.25rem}}