.skateboard-preview{min-width:0;max-width:100%;color:var(--foreground)}.skateboard-stage{position:relative}.skateboard-scene{aspect-ratio:2;border-radius:var(--radius-lg);cursor:grab;width:100%;position:relative}.skateboard-scene:active{cursor:grabbing}.skateboard-scene:focus-visible,.skateboard-type:focus-visible,.skateboard-button:focus-visible{outline:2px solid var(--foreground);outline-offset:2px;box-shadow:none}.skateboard-canvas{border-radius:inherit;position:absolute;inset:0;overflow:hidden}.skateboard-canvas canvas{width:100%;height:100%;display:block}.skateboard-status{border-radius:var(--radius-lg);background:var(--sidebar);color:var(--muted-foreground);text-align:center;overflow-wrap:anywhere;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:1rem;font-size:.875rem;line-height:1.6;display:flex;position:absolute;inset:0}.skateboard-error{justify-content:safe center;overflow-y:auto}.skateboard-hint{color:var(--muted-foreground);text-align:center;overflow-wrap:anywhere;margin:.5rem 0;font-size:.75rem;line-height:1.6}.skateboard-button{white-space:normal;overflow-wrap:anywhere;min-width:2.75rem;max-width:100%;height:auto;min-height:2.75rem;padding:.625rem}.skateboard-types{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;width:min(100%,22rem);margin:0 auto;display:grid}.skateboard-type{white-space:normal;overflow-wrap:anywhere;justify-items:center;gap:.25rem;min-width:0;height:auto;min-height:4.25rem;padding:.5rem;font-size:.8125rem;line-height:1.4;display:grid;position:relative}.skateboard-type-preview{aspect-ratio:10/7;object-fit:contain;width:5.5rem;max-width:100%;height:auto}.skateboard-type[aria-pressed=true]{border-color:var(--foreground);background:var(--muted)}.skateboard-type-selected{width:.75rem;height:.75rem;position:absolute;top:.375rem;right:.375rem}