.mobile-controls-panel.svelte-1d524ho{display:flex;flex-direction:column;background-color:var(--color-surface);border-top:1px solid var(--color-border);width:100%;flex-shrink:0;min-height:60px;max-height:50vh;box-shadow:0 -4px 12px #0000001a;border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg);overflow:hidden;transition:height .3s cubic-bezier(.32,.72,0,1)}.mobile-controls-panel.dragging.svelte-1d524ho{transition:none}.mobile-controls-panel.expanded.svelte-1d524ho{height:auto}.mobile-fullscreen-container .mobile-controls-panel.svelte-1d524ho{border-top:none;border-top-left-radius:0;border-top-right-radius:0;box-shadow:none}.mobile-fullscreen-container .mobile-controls-panel.svelte-1d524ho .panel-header:where(.svelte-1d524ho){border-bottom:none}.drag-handle.svelte-1d524ho{padding:var(--space-xs) 0;display:flex;align-items:center;justify-content:center;cursor:grab;touch-action:none;flex-shrink:0;-moz-user-select:none;user-select:none;-webkit-user-select:none}.drag-handle.svelte-1d524ho:active{cursor:grabbing}.drag-handle.svelte-1d524ho:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.handle-bar.svelte-1d524ho{width:40px;height:4px;background-color:var(--color-border);border-radius:var(--radius-pill);transition:all .2s ease;pointer-events:none}.drag-handle.svelte-1d524ho:hover .handle-bar:where(.svelte-1d524ho){background-color:var(--color-text-secondary);width:50px}.mobile-controls-panel.dragging.svelte-1d524ho .handle-bar:where(.svelte-1d524ho){background-color:var(--color-accent);width:60px;height:5px}.panel-header.svelte-1d524ho{padding:var(--space-s);cursor:pointer;border-bottom:1px solid var(--color-border);background-color:var(--color-surface);transition:background-color .2s ease;min-height:44px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.panel-header.svelte-1d524ho:hover{background-color:var(--color-surface-hover)}.panel-header.svelte-1d524ho:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.panel-header.svelte-1d524ho:active{background-color:var(--color-surface-active)}.panel-title.svelte-1d524ho{font-weight:600;color:var(--color-text-primary);font-size:var(--step-0);-webkit-user-select:none;-moz-user-select:none;user-select:none;text-align:center}.panel-content.svelte-1d524ho{padding:var(--space-s);overflow-y:auto;flex:1;min-height:0;padding-bottom:calc(var(--space-s) + env(safe-area-inset-bottom,0px));transition:opacity .2s ease}.panel-content.no-transition.svelte-1d524ho{transition:none}.panel-content.svelte-1d524ho::-webkit-scrollbar{width:6px}.panel-content.svelte-1d524ho::-webkit-scrollbar-track{background:var(--color-surface);border-radius:var(--radius-sm)}.panel-content.svelte-1d524ho::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-sm)}.panel-content.svelte-1d524ho::-webkit-scrollbar-thumb:hover{background:var(--color-text-secondary)}@supports (padding-bottom: env(safe-area-inset-bottom)){.mobile-controls-panel.svelte-1d524ho{padding-bottom:env(safe-area-inset-bottom)}}.mobile-controls-panel.svelte-1d524ho{-webkit-tap-highlight-color:transparent}.mobile-controls-panel.dragging.svelte-1d524ho{box-shadow:0 -8px 24px #0003}.mobile-controls-panel.dragging.svelte-1d524ho .drag-handle:where(.svelte-1d524ho){background-color:rgba(var(--color-accent-rgb, 59, 130, 246),.1)}@media (max-width: 768px){.drag-handle.svelte-1d524ho{padding:var(--space-s) 0}.drag-handle.svelte-1d524ho:active{transform:scale(1.02)}}@media (prefers-reduced-motion: reduce){.mobile-controls-panel.svelte-1d524ho,.handle-bar.svelte-1d524ho,.panel-content.svelte-1d524ho,.drag-handle.svelte-1d524ho{transition:none!important}}.placeholder-scene.svelte-okshwt{display:flex;justify-content:center;align-items:center;width:100%;height:100%;background-color:#f0f0f0;border:1px dashed #ccc;color:#777;font-family:sans-serif}.placeholder-hud.svelte-1j7yz33{padding:10px;background-color:#eeeeeed9;border:1px dashed #bbb;color:#555;font-family:sans-serif;display:flex;flex-direction:column;align-items:center;gap:10px;min-width:200px;box-sizing:border-box}.buttons.svelte-1j7yz33 button:where(.svelte-1j7yz33){margin:0 5px}.controls-slot-content.svelte-1j7yz33{border-top:1px solid #ccc;padding-top:10px;margin-top:10px;width:100%;display:flex;justify-content:center}.placeholder-controls.svelte-zuqm4b{padding:10px;background-color:#e0e0e0;border:1px dashed #aaa;color:#666;font-family:sans-serif}.interactive-exercise-content-wrapper{position:relative;width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden;gap:var(--space-s);margin-bottom:var(--space-s)}.dialog-area-wrapper.svelte-y9z4na{flex-shrink:0}.visualization-area-wrapper.svelte-y9z4na{position:relative;display:grid;grid-template-rows:1fr;grid-template-columns:1fr;flex-grow:1;min-height:0}.hud-layer.svelte-y9z4na{grid-row:1/-1;grid-column:1/-1;position:relative;z-index:20;pointer-events:none}.vis-layer.svelte-y9z4na{grid-row:1/-1;grid-column:1/-1;position:relative;z-index:10;display:flex;min-height:0}.instruction-area-wrapper.svelte-y9z4na,.controls-area-wrapper.svelte-y9z4na{flex-shrink:0}.interactive-exercise-content-wrapper.mobile-fullscreen.svelte-y9z4na{height:100vh;gap:0;margin-bottom:0}.interactive-exercise-content-wrapper.mobile-fullscreen.svelte-y9z4na .visualization-area-wrapper:where(.svelte-y9z4na){flex:1;min-height:0;overflow:hidden}.interactive-exercise-content-wrapper.mobile-fullscreen.svelte-y9z4na .vis-layer{position:relative;width:100%;height:100%;display:flex;flex-direction:column;box-sizing:border-box;transition:padding-bottom .3s ease}.interactive-exercise-content-wrapper.mobile-fullscreen.svelte-y9z4na .vis-layer canvas{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;-o-object-fit:contain;object-fit:contain}.mobile-controls-inline.svelte-y9z4na{flex-shrink:0}@keyframes svelte-1lnmtdn-spin{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}.reset-button.svelte-1lnmtdn{display:inline-flex;align-items:center;justify-content:center;padding:0;border:1px solid var(--color-accent);border-radius:var(--radius-round);color:var(--color-accent);background-color:var(--color-surface);cursor:pointer;transition:transform .1s ease,background-color .2s ease,color .2s ease,border-color .2s ease;box-shadow:var(--shadow-sm);aspect-ratio:1/1;width:52px;height:52px;margin:0}.reset-button.svelte-1lnmtdn:hover:not(.disabled){background-color:var(--color-accent-hover-bg);color:var(--color-accent-light);transform:translateY(-1px)}.reset-button.svelte-1lnmtdn:active:not(.disabled){background-color:var(--color-accent-active-bg);transform:translateY(0)}.reset-button.svelte-1lnmtdn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.reset-button.disabled.svelte-1lnmtdn{cursor:not-allowed;opacity:.5;background-color:var(--color-surface-alt);border-color:var(--color-border);color:var(--color-text-secondary);box-shadow:none;transform:none}.reset-button.svelte-1lnmtdn svg{display:block}.rotating.svelte-1lnmtdn{animation:svelte-1lnmtdn-spin .5s linear}