.inline-animation-player.svelte-1x78dsh{display:flex;flex-direction:column;width:100%;height:100%;gap:8px}.canvas-container.svelte-1x78dsh{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;background:#0003;border-radius:8px;overflow:hidden}.canvas-container.bare.svelte-1x78dsh{background:transparent;border-radius:0}.controls.svelte-1x78dsh{display:flex;align-items:center;gap:12px;padding:8px;background:#0000004d;border-radius:8px}.control-btn.svelte-1x78dsh{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--theme-card-bg);border:1px solid var(--theme-stroke);border-radius:50%;color:var(--theme-text);cursor:pointer;transition:all var(--duration-normal) ease;flex-shrink:0}.control-btn.svelte-1x78dsh svg:where(.svelte-1x78dsh){width:20px;height:20px}.control-btn.svelte-1x78dsh:hover{background:var(--theme-card-hover-bg)}.control-btn.svelte-1x78dsh:active{transform:scale(.95)}.play-btn.svelte-1x78dsh{width:var(--min-touch-target);height:var(--min-touch-target);background:linear-gradient(135deg,var(--semantic-info) 0%,color-mix(in srgb,var(--semantic-info) 80%,black) 100%);border-color:transparent}.play-btn.svelte-1x78dsh:hover{background:linear-gradient(135deg,color-mix(in srgb,var(--semantic-info) 80%,black),color-mix(in srgb,var(--semantic-info) 65%,black))}.bpm-controls.svelte-1x78dsh{flex:1;min-width:0}@media(orientation:landscape)and (min-width:600px)and (min-height:400px){.inline-animation-player.svelte-1x78dsh{flex-direction:row;gap:12px}.canvas-container.svelte-1x78dsh{flex:1;min-width:0;border-radius:12px}.controls.svelte-1x78dsh{flex-direction:column;width:140px;flex-shrink:0;padding:12px;border-radius:12px;gap:12px;justify-content:flex-start;align-items:stretch}.control-btn.play-btn.svelte-1x78dsh{width:100%;height:var(--min-touch-target);border-radius:10px}.bpm-controls.svelte-1x78dsh{flex:none;width:100%}.bpm-controls.svelte-1x78dsh .bpm-chips.compact{flex-wrap:wrap;gap:6px}.bpm-controls.svelte-1x78dsh .preset-chip{flex:1 1 calc(50% - 3px);min-width:0;padding:10px 4px}.bpm-controls.svelte-1x78dsh .custom-chip{flex:1 1 100%;max-width:none}}@media(orientation:landscape)and (min-width:900px)and (min-height:500px){.controls.svelte-1x78dsh{width:160px}}.loading-state.svelte-1x78dsh,.error-state.svelte-1x78dsh{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:32px;height:100%;color:var(--theme-text-dim);font-size:var(--font-size-sm)}.error-state.svelte-1x78dsh{color:color-mix(in srgb,var(--semantic-error) 50%,white)}.retry-btn.svelte-1x78dsh{padding:8px 16px;background:var(--theme-card-bg);border:1px solid var(--theme-stroke);border-radius:6px;color:var(--theme-text);font-size:var(--font-size-compact);cursor:pointer;transition:all var(--duration-normal) ease}.retry-btn.svelte-1x78dsh:hover{background:var(--theme-card-hover-bg)}@media(prefers-reduced-motion:reduce){.control-btn.svelte-1x78dsh,.retry-btn.svelte-1x78dsh{transition:none}}