.depth-chart-container.svelte-1ygsaei{position:relative;width:100%;height:100%;overflow:hidden}.loading-container.svelte-1ygsaei{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:transparent}.spinner.svelte-1ygsaei{width:40px;height:40px;border:4px solid rgba(0,0,0,.1);border-left-color:#888;border-radius:50%;animation:svelte-1ygsaei-spin 1s linear infinite;opacity:1;transition:opacity .3s ease-in}.loading-text.svelte-1ygsaei{margin-top:12px;font-size:14px;color:#555}@keyframes svelte-1ygsaei-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.depth-chart-container.svelte-ldp3ac{position:relative;width:100%;height:100%;overflow:hidden}.depth-chart-canvas.svelte-ldp3ac{position:absolute;top:0;left:0;width:100%;height:100%}.loading-container.svelte-ldp3ac{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;justify-content:center;align-items:center;background-color:#ffffffb3}.loading-spinner.svelte-ldp3ac{width:40px;height:40px;border:4px solid rgba(0,0,0,.1);border-left-color:#333;border-radius:50%;animation:svelte-ldp3ac-spin 1s linear infinite}@keyframes svelte-ldp3ac-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.realtime-depth-flow-container.svelte-kv94t6{position:relative;border:1px solid #52525b;border-radius:4px;overflow:hidden;background:#18181b}canvas.svelte-kv94t6{display:block;background:transparent}.controls.svelte-kv94t6{position:absolute;top:8px;left:8px;display:flex;gap:8px;align-items:center;background:#27272ae6;padding:4px 8px;border-radius:4px;font-size:12px;border:1px solid #52525b}.control-btn.svelte-kv94t6{padding:4px 8px;border:1px solid #71717a;border-radius:3px;background:#27272a;color:#d4d4d8;cursor:pointer;font-size:11px;transition:all .2s}.control-btn.svelte-kv94t6:hover:not(:disabled){background:#3f3f46;border-color:#a1a1aa}.control-btn.svelte-kv94t6:disabled{opacity:.5;cursor:not-allowed}.control-btn.start.svelte-kv94t6{border-color:#4ade80;color:#4ade80}.control-btn.start.svelte-kv94t6:hover:not(:disabled){background:#4ade801a}.control-btn.stop.svelte-kv94t6{border-color:#f87171;color:#f87171}.control-btn.stop.svelte-kv94t6:hover:not(:disabled){background:#f871711a}.control-btn.clear.svelte-kv94t6{border-color:#fb923c;color:#fb923c}.control-btn.clear.svelte-kv94t6:hover:not(:disabled){background:#fb923c1a}.stats.svelte-kv94t6{display:flex;gap:12px;color:#a1a1aa;font-size:11px}