.vector-output-panel.svelte-1fsdbaq{display:flex;width:250px;flex-direction:column;gap:0;padding:0;border-radius:var(--radius-md);background-color:var(--color-surface);pointer-events:auto;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.panel-header.svelte-1fsdbaq{display:flex;justify-content:space-between;align-items:center;padding:var(--space-xs);cursor:pointer;border-bottom:1px solid var(--color-highlight)}.panel-header.svelte-1fsdbaq:hover{background-color:var(--color-surface-hover)}.panel-header.svelte-1fsdbaq:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.panel-header.svelte-1fsdbaq h4:where(.svelte-1fsdbaq){margin:0;color:var(--color-text-secondary);font-weight:600;font-size:1.1em}.chevron.svelte-1fsdbaq{transition:transform .25s ease-out}.chevron.collapsed.svelte-1fsdbaq{transform:rotate(-90deg)}.panel-content.svelte-1fsdbaq{padding:var(--space-xs);overflow:hidden}.output-section.svelte-1fsdbaq p:where(.svelte-1fsdbaq),.output-section.svelte-1fsdbaq .vector-notation:where(.svelte-1fsdbaq){margin:0 0 var(--space-2xs) 0;color:var(--color-text-primary);line-height:1.4;font-size:.95em;display:flex;align-items:center;gap:var(--space-2xs);flex-wrap:wrap}.output-section.svelte-1fsdbaq .label:where(.svelte-1fsdbaq){font-weight:600;white-space:nowrap;flex-shrink:0}.output-section.svelte-1fsdbaq .value:where(.svelte-1fsdbaq){margin-left:var(--space-3xs);display:inline-block;min-width:3em;text-align:right;font-family:var(--font-mono, monospace);flex-grow:1}.katex-value.svelte-1fsdbaq{text-align:left;min-width:-moz-fit-content;min-width:fit-content}.component.svelte-1fsdbaq .value:where(.svelte-1fsdbaq){text-align:right}.component.svelte-1fsdbaq{display:flex;align-items:center;gap:var(--space-2xs)}.delta-toggle.svelte-1fsdbaq{margin-left:auto;cursor:pointer}.controls-section.svelte-1fsdbaq{border-top:1px solid var(--color-highlight);padding-top:var(--space-xs);margin-top:var(--space-2xs);display:flex;justify-content:center;align-items:center}.toggle-label.svelte-1fsdbaq{display:flex;align-items:center;gap:var(--space-2xs);cursor:pointer;font-size:.9em}.toggle-label.svelte-1fsdbaq input[type=checkbox]:where(.svelte-1fsdbaq){cursor:pointer;accent-color:var(--color-accent)}.hud-container.svelte-18kzgks{position:relative;width:100%;height:100%;overflow:hidden;z-index:10;font-size:.85em;pointer-events:none}.fullscreen-active.svelte-18kzgks .dialog-box.expanded{position:absolute;top:var(--space-m);left:50%;transform:translate(-50%);width:90%;max-width:600px;z-index:1000;pointer-events:auto}.fullscreen-active.svelte-18kzgks .dialog-box.collapsed{position:absolute;top:var(--space-s);right:var(--space-s);z-index:11;pointer-events:auto}.hud-controls-top-left.svelte-18kzgks{position:absolute;top:0;left:0;z-index:11;display:flex;gap:var(--space-xs);pointer-events:auto}.vector-input-panel-container.svelte-18kzgks{position:absolute;bottom:var(--space-s);right:var(--space-s);border:none;max-width:90%;z-index:10;pointer-events:auto}.vector-output-positioned{position:absolute;top:var(--space-s);right:var(--space-s);max-width:40%;z-index:10;pointer-events:auto}.vector-input-panel.svelte-32cz48{display:flex;flex-direction:column;gap:var(--space-xs);padding:var(--space-xs);border:1px solid var(--color-border);border-radius:var(--radius-md);margin-block:var(--space-s);background-color:var(--color-surface);pointer-events:auto;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;touch-action:manipulation}h4.svelte-32cz48{margin-bottom:var(--space-2xs);color:var(--color-text-secondary);font-weight:600;font-size:1.1em;text-align:center}.input-section.svelte-32cz48{display:grid;gap:var(--space-xs)}.point-fieldset.svelte-32cz48{border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);padding:var(--space-2xs);display:flex;flex-direction:column;gap:var(--space-2xs)}.point-fieldset.svelte-32cz48 legend:where(.svelte-32cz48){background-color:var(--color-surface);color:var(--color-text-secondary);border-radius:var(--radius-pill);padding:var(--space-2xs) var(--space-s);margin-left:var(--space-xs);margin-bottom:var(--space-3xs);line-height:1.2;display:inline-block;max-width:-moz-max-content;max-width:max-content;font-weight:500;font-size:.9em;border:1px solid var(--color-highlight)}.coord-inputs.svelte-32cz48{display:grid;grid-template-columns:repeat(3,max-content);gap:var(--space-xs);justify-content:center}.vector-input-panel.mobile.svelte-32cz48{padding:var(--space-s);gap:var(--space-s)}.mobile-point-group.svelte-32cz48{display:flex;flex-direction:column;gap:var(--space-xs);padding:var(--space-xs);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);background-color:var(--color-surface-alt)}.point-title.svelte-32cz48{margin:0;font-size:.9em;font-weight:600;color:var(--color-text-secondary);text-align:center;padding-bottom:var(--space-2xs)}.mobile-coord-row.svelte-32cz48{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-xs);width:100%}.input-section.mobile-layout.svelte-32cz48{display:flex;flex-direction:column;gap:var(--space-s)}.vector-input-panel.mobile.svelte-32cz48 .axis-input-group{min-height:44px}.vector-input-panel.mobile.svelte-32cz48 .stepper-button{min-width:44px;min-height:44px}.interactive-exercise-component{height:100%;width:100%}@media (max-width: 768px){.interactive-exercise-content-wrapper.mobile-fullscreen{height:100vh;max-height:100vh}}